{% load i18n %}
{# Спільний лінк «Дополнительно доступно»: файл — одразу відкрити; папка — browse. #}
{% if f.file_name %}
    {% if f.is_office and onlyoffice_ready %}
    <a href="/documents/edit/?section={{ f.share_section }}{% if f.dept_id %}&dept={{ f.dept_id }}{% endif %}&path={{ f.path|urlencode }}&name={{ f.file_name|urlencode }}"
       style="color:var(--color-primary); text-decoration:none; font-weight:500; display:inline-flex; align-items:center; gap:0.5rem;">
        <span class="nc-file-ico nc-file-ico-file" aria-hidden="true"></span>{{ f.name }}
    </a>
    {% elif f.is_previewable %}
    <a href="/documents/download/?section={{ f.share_section }}{% if f.dept_id %}&dept={{ f.dept_id }}{% endif %}&path={{ f.path|urlencode }}&name={{ f.file_name|urlencode }}&inline=1"
       data-doc-kind="{{ f.preview_kind }}"
       data-doc-title="{{ f.file_name }}"
       data-doc-full="/documents/preview/?section={{ f.share_section }}{% if f.dept_id %}&dept={{ f.dept_id }}{% endif %}&path={{ f.path|urlencode }}&name={{ f.file_name|urlencode }}"
       onclick="return docPreviewOpen(this);"
       style="color:var(--color-primary); text-decoration:none; font-weight:500; display:inline-flex; align-items:center; gap:0.5rem;">
        <span class="nc-file-ico nc-file-ico-file" aria-hidden="true"></span>{{ f.name }}
    </a>
    {% else %}
    <a href="/documents/download/?section={{ f.share_section }}{% if f.dept_id %}&dept={{ f.dept_id }}{% endif %}&path={{ f.path|urlencode }}&name={{ f.file_name|urlencode }}"
       style="color:var(--color-primary); text-decoration:none; font-weight:500; display:inline-flex; align-items:center; gap:0.5rem;">
        <span class="nc-file-ico nc-file-ico-file" aria-hidden="true"></span>{{ f.name }}
    </a>
    {% endif %}
{% else %}
<a href="#"
   hx-get="/documents/browse/?section={{ f.share_section }}{% if f.dept_id %}&dept={{ f.dept_id }}{% endif %}{% if f.path %}&path={{ f.path|urlencode }}{% endif %}"
   hx-target="#documents-browser" hx-swap="innerHTML"
   style="color:var(--color-foreground); text-decoration:none; font-weight:500; display:inline-flex; align-items:center; gap:0.5rem;">
    <span class="nc-file-ico nc-file-ico-folder" aria-hidden="true"></span>{{ f.name }}
</a>
{% endif %}