{% extends "base.html" %}
{% block title %}Bestanden - Filenthropist{% endblock %}
{% block content %}
<h1>Gescande bestanden</h1>

{# A3.2 — Search box and filters #}
<form method="get" class="filters">
    <input type="text" name="search" placeholder="Zoek op bestandsnaam..." value="{{ search }}" />
    <button type="submit" class="search-btn">Zoeken</button>

    <select name="access_level" onchange="this.form.submit()">
        <option value="">Alle toegangsniveaus</option>
        <option value="unrestricted" {% if filters.access_level == 'unrestricted' %}selected{% endif %}>Onbeperkt</option>
        <option value="pii_restricted" {% if filters.access_level == 'pii_restricted' %}selected{% endif %}>PII beperkt</option>
        <option value="sensitive_restricted" {% if filters.access_level == 'sensitive_restricted' %}selected{% endif %}>Gevoelig</option>
    </select>
    <select name="retention_status" onchange="this.form.submit()">
        <option value="">Alle bewaartermijnen</option>
        <option value="ok" {% if filters.retention_status == 'ok' %}selected{% endif %}>OK</option>
        <option value="review_recommended" {% if filters.retention_status == 'review_recommended' %}selected{% endif %}>Beoordeling aanbevolen</option>
        <option value="overdue" {% if filters.retention_status == 'overdue' %}selected{% endif %}>Verlopen</option>
    </select>
    <select name="document_type" onchange="this.form.submit()">
        <option value="">Alle typen</option>
        <option value="factuur" {% if filters.document_type == 'factuur' %}selected{% endif %}>Factuur</option>
        <option value="contract" {% if filters.document_type == 'contract' %}selected{% endif %}>Contract</option>
        <option value="cv" {% if filters.document_type == 'cv' %}selected{% endif %}>CV</option>
        <option value="brief" {% if filters.document_type == 'brief' %}selected{% endif %}>Brief</option>
        <option value="notulen" {% if filters.document_type == 'notulen' %}selected{% endif %}>Notulen</option>
        <option value="rapport" {% if filters.document_type == 'rapport' %}selected{% endif %}>Rapport</option>
    </select>

    {# Preserve sort params in hidden fields #}
    {% if sort %}<input type="hidden" name="sort" value="{{ sort }}" />{% endif %}
    {% if order %}<input type="hidden" name="order" value="{{ order }}" />{% endif %}
</form>

{% if total_count == 0 and not search and not filters.access_level and not filters.retention_status and not filters.document_type %}
{# A3.5 — Empty state when no files at all #}
<div class="card empty-state">
    <h2>Geen bestanden gevonden</h2>
    <p>Er zijn nog geen bestanden gescand. Start een scan via de terminal:</p>
    <code>filenthropist scan ~/Documents</code>
</div>
{% else %}

<div class="file-count">{{ total_count }} {{ "bestand" if total_count == 1 else "bestanden" }} gevonden &middot; Pagina {{ page }} van {{ total_pages }}</div>

<div class="card">
    <table>
        <thead>
            <tr>
                {# A3.2 — Sortable column headers #}
                {% macro sort_link(col, label) %}
                <th>
                    <a href="/files?search={{ search | urlencode }}&access_level={{ (filters.access_level or '') | urlencode }}&retention_status={{ (filters.retention_status or '') | urlencode }}&document_type={{ (filters.document_type or '') | urlencode }}&sort={{ col }}&order={{ sort_order_for(col) }}&page=1">
                        {{ label }}
                        {% if sort == col %}
                        <span class="sort-arrow">{% if order == 'desc' %}&#9660;{% else %}&#9650;{% endif %}</span>
                        {% endif %}
                    </a>
                </th>
                {% endmacro %}
                {{ sort_link("path", "Bestand") }}
                {{ sort_link("document_type", "Type") }}
                {{ sort_link("access_level", "Toegang") }}
                {{ sort_link("retention_status", "Bewaartermijn") }}
                <th>PII</th>
                {{ sort_link("user_decision", "Beoordeling") }}
            </tr>
        </thead>
        <tbody>
            {% for file in files %}
            <tr>
                <td><a href="/files/{{ file.id }}" class="file-link">{{ file.path.split('/')[-1] }}</a></td>
                <td>{{ file.document_type }}</td>
                <td><span class="label label-{{ file.access_level }}">{{ file.access_level }}</span></td>
                <td><span class="label label-{{ file.retention_status }}">{{ file.retention_status }}</span></td>
                <td>{% if file.pii_detected %}{{ file.pii_types | join(', ') }}{% else %}-{% endif %}</td>
                <td><span class="label label-{{ file.user_decision }}">{{ file.user_decision }}</span></td>
            </tr>
            {% endfor %}
            {% if not files %}
            <tr><td colspan="6" style="text-align: center; color: #999; padding: 2rem;">Geen bestanden gevonden voor deze zoekopdracht.</td></tr>
            {% endif %}
        </tbody>
    </table>
</div>

{# A3.2 — Pagination #}
{% if total_pages > 1 %}
<div class="pagination">
    {% if page > 1 %}
    <a href="/files?search={{ search | urlencode }}&access_level={{ (filters.access_level or '') | urlencode }}&retention_status={{ (filters.retention_status or '') | urlencode }}&document_type={{ (filters.document_type or '') | urlencode }}&sort={{ sort }}&order={{ order }}&page={{ page - 1 }}">&laquo; Vorige</a>
    {% else %}
    <span class="disabled">&laquo; Vorige</span>
    {% endif %}

    <span class="current">{{ page }} / {{ total_pages }}</span>

    {% if page < total_pages %}
    <a href="/files?search={{ search | urlencode }}&access_level={{ (filters.access_level or '') | urlencode }}&retention_status={{ (filters.retention_status or '') | urlencode }}&document_type={{ (filters.document_type or '') | urlencode }}&sort={{ sort }}&order={{ order }}&page={{ page + 1 }}">Volgende &raquo;</a>
    {% else %}
    <span class="disabled">Volgende &raquo;</span>
    {% endif %}
</div>
{% endif %}

{% endif %}
{% endblock %}