{# One document row. Used loose in the library and nested inside collections. #}
<li class="doc" data-search="{{ document.title|lower }} {{ document.summary|lower }} {% if document.category %}{{ document.category.name|lower }}{% endif %} {% for tag in document.tags.all %}{{ tag.name|lower }} {% endfor %}">
  <span class="ftype {{ document.file_kind }}">{{ document.file_kind }}</span>
  <div class="doc-main">
    <h3 class="doc-title"><a href="{% url 'documents:detail' document.pk %}">{{ document.title }}</a></h3>
    {% if document.summary %}<p class="doc-summary">{{ document.summary }}</p>{% endif %}
    <p class="doc-meta">
      {% if document.category and not hide_category %}<span class="tag has-colour" style="--cat: {{ document.category.colour }}">{{ document.category.name }}</span>{% endif %}
      {% if show_document_dates and document.published_date %}<span>{{ document.published_date|date:"j M Y" }}</span>{% endif %}
    </p>
  </div>
  <div class="doc-actions">
    {% if staff_ui %}
      <button type="button" class="edit-btn" data-kind="document"
              data-id="{{ document.pk }}"
              data-title="{{ document.title }}"
              data-date="{{ document.published_date|date:'Y-m-d' }}"
              data-category="{{ document.category.pk|default:'' }}"
              aria-label="Edit this document" title="Rename, re-date or re-file">
        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>
      </button>
      <form method="post" action="{% url 'backoffice:document_trash' document.pk %}" class="inline-form"
            data-confirm="“{{ document.title }}” moves to the trash. You can restore it from there."
            data-confirm-title="Move to trash?" data-confirm-action="Move to trash">
        {% csrf_token %}
        <button class="row-btn danger-hover" aria-label="Move to trash" title="Move to trash">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M8 6V4h8v2"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>
        </button>
      </form>
    {% endif %}
    <a class="btn" href="{% url 'documents:download' document.pk %}">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="m7 11 5 5 5-5"/><path d="M4 20h16"/></svg>
      Download
    </a>
  </div>
</li>