{% extends 'core/base.html' %}

{% load killian_format %}

{% block title %}Documents - {{ org.name }} | Killian


{% endblock %}

{% block scripts %}
<script src="/static/js/archived-toggle.js"></script>
{% endblock %}

{% block content %}
<div class="breadcrumbs">
    <a href="{% url 'org_list' %}">Organizations</a>
    <span>/</span>
    <a href="{% url 'org_detail' org.pk %}">{{ org.name }}</a>
    <span>/</span>
    <a href="{% url 'org_module' org.pk 'kb' %}">Documents</a>
    {% for folder in breadcrumbs %}
        <span>/</span>
        <a href="{% url 'org_module' org.pk 'kb' %}?folder={{ folder.pk }}">{{ folder.name }}</a>
    {% endfor %}
</div>

<div class="page-head module-page-head">
    <div>
        <h1>Documents</h1>
        <p>{{ module_description }}</p>
    </div>
    {% if module_view_options or archived_count or can_import or can_export or can_add %}
    <div class="page-head-actions">
        {% if archived_count %}
            <button
                type="button"
                class="button archive-toggle"
                id="archived-toggle"
                aria-expanded="false"
                aria-controls="archived-records"
                data-archived-count="{{ archived_count }}"
            >
                Archived ({{ archived_count }})
            </button>
        {% endif %}

        {% include 'core/_module_view_control.html' %}

        {% if can_import %}
            <a class="button secondary" href="{{ import_url }}">Import</a>
        {% endif %}

        {% if can_export %}
            <a class="button secondary" href="{{ export_url }}">Export</a>
        {% endif %}

        {% if can_add %}
            <a class="button secondary js-record-modal" href="{{ new_folder_url }}" data-record-modal-title="New Folder">New Folder</a>
            <a class="button secondary js-record-modal" href="{{ upload_document_url }}" data-record-modal-title="Upload Document">Upload Document</a>
            <a class="button js-record-modal" href="{{ new_document_url }}" data-record-modal-title="New Document">New Document</a>
        {% endif %}
    </div>
    {% endif %}
</div>

<section class="module-panel">
    <div class="module-panel-head">
        <div>
            <h2>{% if current_folder %}{{ current_folder.name }}{% else %}Documents{% endif %}</h2>
            <span>{{ folders|length }} active folder{{ folders|length|pluralize }} · {{ documents|length }} active document{{ documents|length|pluralize }}</span>
        </div>

        <div class="document-panel-head-actions">
            <div
                class="list-sort-controls js-list-sort-controls"
                data-sort-target=".js-document-sort-list"
            >
                <label for="document-sort">Sort by</label>
                <select id="document-sort" class="list-sort-select js-list-sort-select">
                    <option value="name">Name</option>
                    <option value="type">Type</option>
                    <option value="created">Created</option>
                    <option value="category">Category</option>
                    <option value="attachments">Attachments</option>
                    <option value="size">Size</option>
                </select>
                <button
                    type="button"
                    class="button secondary compact list-sort-direction js-list-sort-direction"
                    data-sort-direction="asc"
                    aria-label="Sort ascending; click for descending"
                >
                    <span class="list-sort-direction-indicator" aria-hidden="true">↑</span>
                    <span class="list-sort-direction-label">Ascending</span>
                </button>
            </div>

            {% if current_folder %}
                {% if can_add or can_change or can_archive or can_delete %}
                <div class="module-row-actions">
                    {% if can_add %}<a class="button secondary compact js-record-modal" href="{{ upload_document_url }}" data-record-modal-title="Upload Document">Upload Document</a>{% endif %}
                    {% if can_change %}<a class="button secondary compact js-record-modal" href="{% url 'document_folder_edit' org.pk %}?id={{ current_folder.pk }}" data-record-modal-title="Edit {{ current_folder.name|escape }}">Edit Folder</a>{% endif %}
                    {% if can_archive %}
                    <form method="post"
                          action="{% if current_folder.archived %}{% url 'document_folder_restore' org.pk current_folder.pk %}{% else %}{% url 'document_folder_archive' org.pk current_folder.pk %}{% endif %}"
                          style="display:inline;"
                          data-confirm="{% if current_folder.archived %}Restore{% else %}Archive{% endif %} folder {{ current_folder.name }}?">
                        {% csrf_token %}
                            <input
                                type="hidden"
                                name="return_to"
                                value="{{ request.get_full_path }}"
                            >
                        <button type="submit" class="button secondary compact">{% if current_folder.archived %}Restore{% else %}Archive{% endif %}</button>
                    </form>
                    {% endif %}
                    {% if can_delete %}
                    <form method="post"
                          action="{% url 'document_folder_delete' org.pk current_folder.pk %}"
                          style="display:inline;"
                          data-confirm="Delete folder {{ current_folder.name }}? This will also delete all subfolders, documents, and their attachments. This action cannot be undone.">
                        {% csrf_token %}
                        <button type="submit" class="button danger compact">Delete Folder</button>
                    </form>
                    {% endif %}
                </div>
                {% endif %}
            {% endif %}
        </div>
    </div>

    <div class="module-list js-document-sort-list">
        {% for folder in folders %}
            <div
                class="module-row js-list-sort-row"
                data-sort-name="{{ folder.name|escape }}"
                data-sort-type="Folder"
                data-sort-created="{{ folder.created_at|date:'c' }}"
                data-sort-category=""
                data-sort-attachments=""
                data-sort-size=""
            >
                <div class="module-row-main document-created-main">
                    <a
                        class="document-created-title"
                        href="{% url 'org_module' org.pk 'kb' %}?folder={{ folder.pk }}"
                    >
                        <strong>📁 {{ folder.name }}</strong>
                    </a>

                    <div class="record-meta-items">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        {% if 'attachments' in module_view_fields %}
                        <span class="record-meta-static">
                            {{ folder.children.count }} subfolder{{ folder.children.count|pluralize }} · {{ folder.documents.count }} document{{ folder.documents.count|pluralize }}
                        </span>
                        {% else %}<span></span>{% endif %}
                        {% if 'size' in module_view_fields %}
                        <span class="record-meta-static">
                            <span class="line-info-label">{% if folder.archived %}Archived · {% endif %}Folder</span>
                        </span>
                        {% else %}<span></span>{% endif %}
                    </div>
                </div>
                <div class="module-row-actions">
                    <a class="button secondary compact" href="{% url 'org_module' org.pk 'kb' %}?folder={{ folder.pk }}">Open</a>
                    {% if can_change %}<a class="button secondary compact js-record-modal" href="{% url 'document_folder_edit' org.pk %}?id={{ folder.pk }}" data-record-modal-title="Edit {{ folder.name|escape }}">Edit</a>{% endif %}
                    {% if can_archive %}
                    <form method="post" action="{% if folder.archived %}{% url 'document_folder_restore' org.pk folder.pk %}{% else %}{% url 'document_folder_archive' org.pk folder.pk %}{% endif %}" style="display:inline;" data-confirm="{% if folder.archived %}Restore{% else %}Archive{% endif %} folder {{ folder.name }}?">
                        {% csrf_token %}
                        <input
                            type="hidden"
                            name="return_to"
                            value="{{ request.get_full_path }}"
                        ><button type="submit" class="button secondary compact">{% if folder.archived %}Restore{% else %}Archive{% endif %}</button>
                    </form>
                    {% endif %}
                    {% if can_delete %}
                    <form method="post" action="{% url 'document_folder_delete' org.pk folder.pk %}" style="display:inline;" data-confirm="Delete folder {{ folder.name }}? This will also delete all subfolders, documents, and their attachments. This action cannot be undone.">
                        {% csrf_token %}<button type="submit" class="button danger compact">Delete</button>
                    </form>
                    {% endif %}
                </div>
            </div>
        {% endfor %}

        {% for document in documents %}
            <div
                class="module-row document-browser-row js-list-sort-row"
                data-sort-name="{% if document.display_attachment %}{{ document.display_attachment.original_name|escape }}{% else %}{{ document.title|escape }}{% endif %}"
                data-sort-type="{% if document.display_attachment %}Uploaded Document{% else %}Document{% endif %}"
                data-sort-created="{{ document.created_at|date:'c' }}"
                data-sort-category="{{ document.category|default:''|escape }}"
                data-sort-attachments="{{ document.attachment_count }}"
                data-sort-size="{% if document.display_attachment %}{{ document.display_attachment.size }}{% else %}{{ document.attachment_size_bytes }}{% endif %}"
            >
                {% if document.display_attachment %}
                    <div class="module-row-main document-created-main">
                        <a
                            class="document-created-title"
                            href="{% url 'document_attachment_open' org.pk document.display_attachment.pk %}"
                            target="_blank"
                            rel="noopener"
                        >
                            <strong>📎 {{ document.display_attachment.original_name }}</strong>
                        </a>

                        <div class="record-meta-items">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            {% if 'attachments' in module_view_fields %}
                            <span class="record-meta-static">
                                <span class="line-info-label">{% if document.archived %}Archived · {% endif %}Uploaded Document</span>
                            </span>
                            {% else %}<span></span>{% endif %}
                            {% if 'size' in module_view_fields %}
                            <span class="record-meta-static">
                                {{ document.display_attachment.size|human_filesize }}
                            </span>
                            {% else %}<span></span>{% endif %}
                        </div>
                    </div>
                    <div class="module-row-actions document-file-actions">
                        <a class="button secondary compact document-download"
                           href="{% url 'document_attachment_download' org.pk document.display_attachment.pk %}"
                           title="Download {{ document.display_attachment.original_name }}"
                           aria-label="Download {{ document.display_attachment.original_name }}">
                            <svg viewBox="0 0 24 24" width="15" height="15" aria-hidden="true" focusable="false">
                                <path fill="currentColor" d="M12 3a1 1 0 0 1 1 1v9.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V4a1 1 0 0 1 1-1ZM5 18a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1a1 1 0 0 1 1-1Z"/>
                            </svg>
                        </a>
                        {% if can_archive %}
                        <form method="post"
                              action="{% if document.archived %}{% url 'document_restore' org.pk document.pk %}{% else %}{% url 'document_archive' org.pk document.pk %}{% endif %}"
                              style="display:inline;"
                              data-confirm="{% if document.archived %}Restore{% else %}Archive{% endif %} document {{ document.title }}?">
                            {% csrf_token %}
                        <input
                            type="hidden"
                            name="return_to"
                            value="{{ request.get_full_path }}"
                        >
                            <button type="submit" class="button secondary compact">{% if document.archived %}Restore{% else %}Archive{% endif %}</button>
                        </form>
                        {% endif %}
                        {% if can_delete %}
                        <form method="post"
                              action="{% url 'document_delete' org.pk document.pk %}"
                              style="display:inline;"
                              data-confirm="Delete uploaded document {{ document.display_attachment.original_name }}? This action cannot be undone.">
                            {% csrf_token %}
                            <button type="submit" class="button danger compact">Delete</button>
                        </form>
                        {% endif %}
                    </div>
                {% else %}
                    <div class="module-row-main document-created-main">
                        <a
                            class="document-created-title js-record-modal"
                            href="{% url 'document_view' org.pk document.pk %}"
                            data-record-modal-title="{{ document.title|escape }}"
                        >
                            <strong>📄 {{ document.title }}</strong>
                        </a>

                        <div class="record-meta-items">
                            {% if 'created' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.created_at|date:'M j, Y' }}"
                                title="{{ document.created_at|date:'M j, Y' }}"
                                aria-label="Copy created date"
                            >
                                <span class="line-info-label">Created:</span> {{ document.created_at|date:"M j, Y" }}
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'summary' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.summary|default:'No summary'|escape }}"
                                title="{{ document.summary|default:'No summary' }}"
                                aria-label="Copy summary"
                            >
                                <span class="line-info-label">Summary</span>
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'category' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.category|default:'Uncategorized'|escape }}"
                                title="{{ document.category|default:'Uncategorized' }}"
                                aria-label="Copy category"
                            >
                                {{ document.category|default:'Uncategorized' }}
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'tags' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.tags|default:'No tags'|escape }}"
                                title="{{ document.tags|default:'No tags' }}"
                                aria-label="Copy tags"
                            >
                                <span class="line-info-label">Tags</span>
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'attachments' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.attachment_count }}"
                                title="{{ document.attachment_count }} attachment{{ document.attachment_count|pluralize }}"
                                aria-label="Copy attachment count"
                            >
                                <span class="line-info-label">Attachments:</span> {{ document.attachment_count }}
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'size' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.attachment_size_bytes|human_filesize }}"
                                title="{{ document.attachment_size_bytes|human_filesize }}"
                                aria-label="Copy attachment size"
                            >
                                <span class="line-info-label">Size:</span> {{ document.attachment_size_bytes|human_filesize }}
                            </button>
                            {% else %}<span></span>{% endif %}
                        </div>
                    </div>
                    {% if can_change or can_archive or can_delete %}
                    <div class="module-row-actions">
                        {% if can_change %}<a class="button secondary compact js-record-modal" href="{% url 'article_edit' org.pk %}?id={{ document.pk }}" data-record-modal-title="Edit {{ document.title|escape }}">Edit</a>{% endif %}
                        {% if can_archive %}
                        <form method="post" action="{% if document.archived %}{% url 'document_restore' org.pk document.pk %}{% else %}{% url 'document_archive' org.pk document.pk %}{% endif %}" style="display:inline;" data-confirm="{% if document.archived %}Restore{% else %}Archive{% endif %} document {{ document.title }}?">
                            {% csrf_token %}
                        <input
                            type="hidden"
                            name="return_to"
                            value="{{ request.get_full_path }}"
                        ><button type="submit" class="button secondary compact">{% if document.archived %}Restore{% else %}Archive{% endif %}</button>
                        </form>
                        {% endif %}
                        {% if can_delete %}
                        <form method="post" action="{% url 'document_delete' org.pk document.pk %}" style="display:inline;" data-confirm="Delete document {{ document.title }} and all of its uploaded attachments? This action cannot be undone.">
                            {% csrf_token %}<button type="submit" class="button danger compact">Delete</button>
                        </form>
                        {% endif %}
                    </div>
                    {% endif %}
                {% endif %}
            </div>
        {% endfor %}

        {% if not folders and not documents %}
            <div class="empty-state">
                <h3>No documents here yet</h3>
                <p>Create a folder, create a Killian Document, or upload an existing file.</p>
                {% if can_add %}
                <div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;">
                    <a class="button secondary js-record-modal" href="{{ new_folder_url }}" data-record-modal-title="New Folder">New Folder</a>
                    <a class="button secondary js-record-modal" href="{{ upload_document_url }}" data-record-modal-title="Upload Document">Upload Document</a>
                    <a class="button js-record-modal" href="{{ new_document_url }}" data-record-modal-title="New Document">New Document</a>
                </div>
                {% endif %}
            </div>
        {% endif %}
    </div>
</section>


{% if archived_count %}
<section
    class="module-panel archived-module-panel"
    id="archived-records"
    hidden
>
    <div class="module-panel-head archived-module-head">
        <div>
            <h2>Archived</h2>
            <span>
                {{ archived_count }} archived item{{ archived_count|pluralize }}
            </span>
        </div>
    </div>

    <div class="module-list js-document-sort-list">

        {% for folder in archived_folders %}
            <div
                class="module-row archived-module-row js-list-sort-row"
                data-sort-name="{{ folder.name|escape }}"
                data-sort-type="Folder"
                data-sort-created="{{ folder.created_at|date:'c' }}"
                data-sort-category=""
                data-sort-attachments=""
                data-sort-size=""
            >
                <div class="module-row-main document-created-main">
                    <a
                        class="document-created-title"
                        href="{% url 'org_module' org.pk 'kb' %}?folder={{ folder.pk }}"
                    >
                        <strong>📁 {{ folder.name }}</strong>
                    </a>

                    <div class="record-meta-items">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        {% if 'attachments' in module_view_fields %}
                        <span class="record-meta-static">
                            {{ folder.children.count }}
                            subfolder{{ folder.children.count|pluralize }}
                            ·
                            {{ folder.documents.count }}
                            document{{ folder.documents.count|pluralize }}
                        </span>
                        {% else %}<span></span>{% endif %}
                        {% if 'size' in module_view_fields %}
                        <span class="record-meta-static">
                            <span class="line-info-label">Archived Folder</span>
                        </span>
                        {% else %}<span></span>{% endif %}
                    </div>
                </div>

                <div class="module-row-actions">
                    <a
                        class="button secondary compact"
                        href="{% url 'org_module' org.pk 'kb' %}?folder={{ folder.pk }}"
                    >
                        Open
                    </a>

                    {% if can_archive %}
                    <form
                        method="post"
                        action="{% url 'document_folder_restore' org.pk folder.pk %}"
                        style="display:inline;"
                        data-confirm="Restore folder {{ folder.name }}?"
                    >
                        {% csrf_token %}
                        <input
                            type="hidden"
                            name="return_to"
                            value="{{ request.get_full_path }}"
                        >
                        <button type="submit" class="button archive-restore compact">
                            Restore
                        </button>
                    </form>
                    {% endif %}

                    {% if can_delete %}
                    <form
                        method="post"
                        action="{% url 'document_folder_delete' org.pk folder.pk %}"
                        style="display:inline;"
                        data-confirm="Delete folder {{ folder.name }}? This will also delete all subfolders, documents, and their attachments. This action cannot be undone."
                    >
                        {% csrf_token %}
                        <button type="submit" class="button danger compact">
                            Delete
                        </button>
                    </form>
                    {% endif %}
                </div>
            </div>
        {% endfor %}


        {% for document in archived_documents %}
            <div
                class="module-row document-browser-row archived-module-row js-list-sort-row"
                data-sort-name="{% if document.display_attachment %}{{ document.display_attachment.original_name|escape }}{% else %}{{ document.title|escape }}{% endif %}"
                data-sort-type="{% if document.display_attachment %}Uploaded Document{% else %}Document{% endif %}"
                data-sort-created="{{ document.created_at|date:'c' }}"
                data-sort-category="{{ document.category|default:''|escape }}"
                data-sort-attachments="{{ document.attachment_count }}"
                data-sort-size="{% if document.display_attachment %}{{ document.display_attachment.size }}{% else %}{{ document.attachment_size_bytes }}{% endif %}"
            >

                {% if document.display_attachment %}
                    <div class="module-row-main document-created-main">
                        <a
                            class="document-created-title"
                            href="{% url 'document_attachment_open' org.pk document.display_attachment.pk %}"
                            target="_blank"
                            rel="noopener"
                        >
                            <strong>📎 {{ document.display_attachment.original_name }}</strong>
                        </a>

                        <div class="record-meta-items">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            {% if 'attachments' in module_view_fields %}
                            <span class="record-meta-static">
                                <span class="line-info-label">Archived Uploaded Document</span>
                            </span>
                            {% else %}<span></span>{% endif %}
                            {% if 'size' in module_view_fields %}
                            <span class="record-meta-static">
                                {{ document.display_attachment.size|human_filesize }}
                            </span>
                            {% else %}<span></span>{% endif %}
                        </div>
                    </div>

                    <div class="module-row-actions document-file-actions">
                        <a
                            class="button secondary compact document-download"
                            href="{% url 'document_attachment_download' org.pk document.display_attachment.pk %}"
                            title="Download {{ document.display_attachment.original_name }}"
                            aria-label="Download {{ document.display_attachment.original_name }}"
                        >
                            <svg
                                viewBox="0 0 24 24"
                                width="15"
                                height="15"
                                aria-hidden="true"
                                focusable="false"
                            >
                                <path
                                    fill="currentColor"
                                    d="M12 3a1 1 0 0 1 1 1v9.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V4a1 1 0 0 1 1-1ZM5 18a1 1 0 0 1 1 1v1h12v-1a1 1 0 1 1 2 0v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1a1 1 0 0 1 1-1Z"
                                />
                            </svg>
                        </a>

                        {% if can_archive %}
                        <form
                            method="post"
                            action="{% url 'document_restore' org.pk document.pk %}"
                            style="display:inline;"
                            data-confirm="Restore document {{ document.title }}?"
                        >
                            {% csrf_token %}
                        <input
                            type="hidden"
                            name="return_to"
                            value="{{ request.get_full_path }}"
                        >
                            <button type="submit" class="button archive-restore compact">
                                Restore
                            </button>
                        </form>
                        {% endif %}

                        {% if can_delete %}
                        <form
                            method="post"
                            action="{% url 'document_delete' org.pk document.pk %}"
                            style="display:inline;"
                            data-confirm="Delete uploaded document {{ document.display_attachment.original_name }}? This action cannot be undone."
                        >
                            {% csrf_token %}
                            <button type="submit" class="button danger compact">
                                Delete
                            </button>
                        </form>
                        {% endif %}
                    </div>

                {% else %}
                    <div class="module-row-main document-created-main">
                        <a
                            class="document-created-title js-record-modal"
                            href="{% url 'document_view' org.pk document.pk %}"
                            data-record-modal-title="{{ document.title|escape }}"
                        >
                            <strong>📄 {{ document.title }}</strong>
                        </a>

                        <div class="record-meta-items">
                            {% if 'created' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.created_at|date:'M j, Y' }}"
                                title="{{ document.created_at|date:'M j, Y' }}"
                                aria-label="Copy created date"
                            >
                                <span class="line-info-label">Created:</span> {{ document.created_at|date:"M j, Y" }}
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'summary' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.summary|default:'No summary'|escape }}"
                                title="{{ document.summary|default:'No summary' }}"
                                aria-label="Copy summary"
                            >
                                <span class="line-info-label">Summary</span>
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'category' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.category|default:'Uncategorized'|escape }}"
                                title="{{ document.category|default:'Uncategorized' }}"
                                aria-label="Copy category"
                            >
                                {{ document.category|default:'Uncategorized' }}
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'tags' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.tags|default:'No tags'|escape }}"
                                title="{{ document.tags|default:'No tags' }}"
                                aria-label="Copy tags"
                            >
                                <span class="line-info-label">Tags</span>
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'attachments' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.attachment_count }}"
                                title="{{ document.attachment_count }} attachment{{ document.attachment_count|pluralize }}"
                                aria-label="Copy attachment count"
                            >
                                <span class="line-info-label">Attachments:</span> {{ document.attachment_count }}
                            </button>
                            {% else %}<span></span>{% endif %}

                            {% if 'size' in module_view_fields %}
                            <button
                                type="button"
                                class="record-meta-item js-copy-meta"
                                data-copy-value="{{ document.attachment_size_bytes|human_filesize }}"
                                title="{{ document.attachment_size_bytes|human_filesize }}"
                                aria-label="Copy attachment size"
                            >
                                <span class="line-info-label">Size:</span> {{ document.attachment_size_bytes|human_filesize }}
                            </button>
                            {% else %}<span></span>{% endif %}
                        </div>
                    </div>

                    <div class="module-row-actions">
                        {% if can_archive %}
                        <form
                            method="post"
                            action="{% url 'document_restore' org.pk document.pk %}"
                            style="display:inline;"
                            data-confirm="Restore document {{ document.title }}?"
                        >
                            {% csrf_token %}
                        <input
                            type="hidden"
                            name="return_to"
                            value="{{ request.get_full_path }}"
                        >
                            <button type="submit" class="button archive-restore compact">
                                Restore
                            </button>
                        </form>
                        {% endif %}

                        {% if can_delete %}
                        <form
                            method="post"
                            action="{% url 'document_delete' org.pk document.pk %}"
                            style="display:inline;"
                            data-confirm="Delete document {{ document.title }} and all of its uploaded attachments? This action cannot be undone."
                        >
                            {% csrf_token %}
                            <button type="submit" class="button danger compact">
                                Delete
                            </button>
                        </form>
                        {% endif %}
                    </div>
                {% endif %}

            </div>
        {% endfor %}

    </div>
</section>


{% endif %}




{% endblock %}