{% extends 'app/base.html.twig' %}

{% block title %}Archives HACCP{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-start mb-4 flex-wrap gap-2">
    <div>
        <h1 class="h3 fw-bold page-title mb-1">
            <i class="fas fa-archive me-2"></i>Archives HACCP
        </h1>
        <p class="text-muted mb-0">Tous les documents enregistrés</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ path('tenant_haccp_index') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-1"></i>Retour
        </a>
        {% if is_granted('ROLE_TENANT_GESTIONNAIRE') %}
        <a href="{{ path('tenant_haccp_upload') }}" class="btn btn-outline-success">
            <i class="fas fa-upload me-1"></i>Téléverser
        </a>
        {% endif %}
    </div>
</div>

{# ── Filtres ───────────────────────────────────────────────────────────────── #}
<form method="GET" class="card border-0 shadow-sm mb-4">
    <div class="card-body">
        <div class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small fw-semibold">Catégorie</label>
                <select name="categorie" class="form-select form-select-sm">
                    <option value="">Toutes</option>
                    {% for catCode, catInfo in categories %}
                    <option value="{{ catCode }}" {% if categorie == catCode %}selected{% endif %}>{{ catInfo.label }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Mois</label>
                <select name="mois" class="form-select form-select-sm">
                    {% for m in 1..12 %}
                    <option value="{{ m }}" {% if mois == m %}selected{% endif %}>
                        {{ ['Jan','Fév','Mar','Avr','Mai','Juin','Juil','Août','Sep','Oct','Nov','Déc'][m-1] }}
                    </option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Année</label>
                <select name="annee" class="form-select form-select-sm">
                    {% for y in range("now"|date('Y'), 2020, -1) %}
                    <option value="{{ y }}" {% if annee == y %}selected{% endif %}>{{ y }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-primary btn-sm w-100">
                    <i class="fas fa-filter me-1"></i>Filtrer
                </button>
            </div>
            {% if categorie or mois != "now"|date('n') or annee != "now"|date('Y') %}
            <div class="col-md-2">
                <a href="{{ path('tenant_haccp_archive') }}" class="btn btn-outline-secondary btn-sm w-100">
                    <i class="fas fa-times me-1"></i>Réinitialiser
                </a>
            </div>
            {% endif %}
        </div>
    </div>
</form>

{# ── Liste des documents ─────────────────────────────────────────────────── #}
{% if documents is empty %}
    <div class="alert alert-info border-0">
        <i class="fas fa-info-circle me-2"></i>Aucun document pour ces critères.
    </div>
{% else %}
<div class="card border-0 shadow-sm">
    <div class="card-body p-0">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Type</th>
                    <th>Catégorie</th>
                    <th>Document</th>
                    <th>Mois</th>
                    <th>Statut</th>
                    <th>Date</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for doc in documents %}
                {% set catInfo = categories[doc.categorie] ?? {label: doc.categorie, icone: 'fas fa-folder', couleur: 'secondary'} %}
                <tr>
                    <td>
                        {% if doc.type == 'filled' %}
                            <span class="badge bg-primary">Formulaire</span>
                        {% else %}
                            <span class="badge bg-secondary">PDF uploadé</span>
                        {% endif %}
                    </td>
                    <td>
                        <i class="{{ catInfo.icone }} me-1 text-{{ catInfo.couleur }}"></i>
                        <span class="small">{{ catInfo.label }}</span>
                    </td>
                    <td class="small fw-semibold">{{ doc.nom_original }}</td>
                    <td class="small text-muted">
                        {% if doc.mois and doc.annee %}
                            {{ ['Jan','Fév','Mar','Avr','Mai','Juin','Juil','Août','Sep','Oct','Nov','Déc'][doc.mois-1] }} {{ doc.annee }}
                        {% else %}—{% endif %}
                    </td>
                    <td>
                        {% if doc.status == 'finalized' %}
                            <span class="badge bg-success"><i class="fas fa-lock me-1"></i>Finalisé</span>
                        {% else %}
                            <span class="badge bg-warning text-dark"><i class="fas fa-edit me-1"></i>Brouillon</span>
                        {% endif %}
                    </td>
                    <td class="small text-muted">{{ doc.date_creation|date('d/m/Y') }}</td>
                    <td class="text-end">
                        <div class="d-flex gap-1 justify-content-end">
                            {% if doc.type == 'filled' %}
                                {% if doc.status == 'draft' and is_granted('ROLE_TENANT_USER') %}
                                <a href="{{ path('tenant_haccp_formulaire', {type: doc.template_type, id: doc.id}) }}"
                                   class="btn btn-sm btn-outline-primary" title="Continuer le brouillon">
                                    <i class="fas fa-edit"></i>
                                </a>
                                {% endif %}
                                <a href="{{ path('tenant_haccp_formulaire_pdf', {id: doc.id}) }}"
                                   class="btn btn-sm btn-outline-secondary" title="Télécharger PDF">
                                    <i class="fas fa-file-pdf"></i>
                                </a>
                            {% else %}
                                <a href="{{ asset(doc.chemin_fichier) }}" target="_blank"
                                   class="btn btn-sm btn-outline-secondary" title="Ouvrir le PDF">
                                    <i class="fas fa-external-link-alt"></i>
                                </a>
                            {% endif %}

                            {% if is_granted('ROLE_TENANT_GESTIONNAIRE') %}
                            <form method="POST" action="{{ path('tenant_haccp_supprimer', {id: doc.id}) }}"
                                  onsubmit="return confirm('Supprimer ce document ?')">
                                <input type="hidden" name="_token" value="{{ csrf_token('haccp_delete_' ~ doc.id) }}">
                                <button type="submit" class="btn btn-sm btn-outline-danger" title="Supprimer">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                            {% endif %}
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
<div class="mt-2 text-muted small">{{ documents|length }} document{% if documents|length > 1 %}s{% endif %} trouvé{% if documents|length > 1 %}s{% endif %}</div>
{% endif %}
{% endblock %}