{% comment %}One library entry: a collection folder, or a single document.{% endcomment %}
{% if item.kind == 'collection' %}
  <details class="folder" {% if item.category %}style="--cat: {{ item.category.colour }}"{% endif %}
           data-search="{{ item.collection.title|lower }} {% for d in item.documents %}{{ d.title|lower }} {% endfor %}">
    <summary class="folder-head">
      <span class="folder-icon" aria-hidden="true">
        <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z"/></svg>
      </span>
      <span class="folder-main">
        <span class="folder-title">{{ item.collection.title }}</span>
        <span class="folder-meta">
          {{ item.count }} document{{ item.count|pluralize }}{% if item.partial %} of {{ item.collection.document_count }} in this batch{% endif %}
          {% if item.date %} &middot; {{ item.date|date:"j M Y" }}{% endif %}
        </span>
      </span>
      {% if staff_ui %}
        <button type="button" class="edit-btn" data-kind="collection"
                data-id="{{ item.collection.pk }}"
                data-title="{{ item.collection.title }}"
                data-date="{{ item.collection.occurred_on|date:'Y-m-d' }}"
                aria-label="Edit this group" 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:collection_trash' item.collection.pk %}" class="inline-form"
              data-confirm="“{{ item.collection.title }}” and its {{ item.collection.document_count }} document{{ item.collection.document_count|pluralize }} move to the trash together. You can restore them from there."
              data-confirm-title="Move this group to the trash?" data-confirm-action="Move to trash">
          {% csrf_token %}
          <button class="row-btn danger-hover" aria-label="Move group to trash" title="Move this group to the 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 %}
      <span class="folder-chev" aria-hidden="true">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
      </span>
    </summary>
    <ul class="doc-list inside">
      {% for document in item.documents %}
        {% include "documents/_row.html" with document=document hide_category=hide_category %}
      {% endfor %}
    </ul>
  </details>
{% else %}
  <ul class="doc-list">
    {% include "documents/_row.html" with document=item.document hide_category=hide_category %}
  </ul>
{% endif %}