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

{% block title %}Clôture de mois{% endblock %}

{% set moisNom = ['', 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
                  'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] %}

{% set prevMois = mois - 1 %}
{% set prevAnn  = annee %}
{% if prevMois < 1 %}{% set prevMois = 12 %}{% set prevAnn = annee - 1 %}{% endif %}

{% set nextMois = mois + 1 %}
{% set nextAnn  = annee %}
{% if nextMois > 12 %}{% set nextMois = 1 %}{% set nextAnn = annee + 1 %}{% endif %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <a href="{{ path('tenant_stocks_index') }}" class="btn btn-sm btn-outline-secondary me-2">
            <i class="fas fa-arrow-left me-1"></i>Stocks
        </a>
        <h1 class="h3 fw-bold page-title mb-0 d-inline-block">
            <i class="fas fa-calendar-check me-2"></i>Clôture de mois
        </h1>
    </div>
</div>

{# ── Navigation mois ───────────────────────────────────────────────────── #}
<div class="card border-0 shadow-sm rounded-3 mb-4">
    <div class="card-body py-2 px-3 d-flex align-items-center justify-content-between">
        <a href="{{ path('tenant_stocks_cloture', {annee: prevAnn, mois: prevMois}) }}"
           class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-chevron-left"></i>
        </a>
        <span class="fw-semibold fs-5">{{ moisNom[mois] }} {{ annee }}</span>
        <a href="{{ path('tenant_stocks_cloture', {annee: nextAnn, mois: nextMois}) }}"
           class="btn btn-sm btn-outline-secondary">
            <i class="fas fa-chevron-right"></i>
        </a>
    </div>
</div>

{# ── État ──────────────────────────────────────────────────────────────── #}
{% if cloture %}
    <div class="card border-0 shadow-sm rounded-3 mb-4">
        <div class="card-body">
            <div class="d-flex align-items-center gap-3">
                <span class="badge bg-success fs-6 px-3 py-2">
                    <i class="fas fa-lock me-1"></i>Mois clôturé
                </span>
                <div>
                    <div class="fw-semibold">{{ moisNom[mois] }} {{ annee }} est verrouillé.</div>
                    <div class="text-muted small">La valorisation a été archivée et les quantités figées à la fin du mois.</div>
                </div>
            </div>

            {% if is_granted('ROLE_TENANT_GESTIONNAIRE') %}
            <hr class="my-3">
            <form method="post" onsubmit="return confirm('Annuler la clôture de {{ moisNom[mois] }} {{ annee }} ?\nAttention : les données de valorisation archivées seront supprimées.')">
                <input type="hidden" name="_token" value="{{ csrf_token('stock_cloture') }}">
                <input type="hidden" name="action" value="reactiver">
                <button type="submit" class="btn btn-outline-danger btn-sm">
                    <i class="fas fa-lock-open me-1"></i>Annuler la clôture
                </button>
            </form>
            {% endif %}
        </div>
    </div>

{% else %}

    {# ── Aperçu avant clôture ──────────────────────────────────────────── #}
    <div class="alert alert-warning d-flex align-items-start gap-2 mb-4">
        <i class="fas fa-exclamation-triangle mt-1"></i>
        <div>
            <strong>Attention</strong> — La clôture de <strong>{{ moisNom[mois] }} {{ annee }}</strong> va :
            <ul class="mb-0 mt-1">
                <li>Valoriser et archiver l'état actuel de chaque article en stock</li>
                <li>Enregistrer une entrée de clôture dans l'historique des mouvements</li>
            </ul>
        </div>
    </div>

    <div class="card border-0 shadow-sm rounded-3 mb-4">
        <div class="card-header bg-transparent fw-semibold py-2">
            <i class="fas fa-warehouse me-1"></i>Aperçu — {{ stocks|length }} article(s) à clôturer
        </div>
        <div class="card-body p-0">
            {% if stocks is empty %}
                <div class="text-center py-4 text-muted">Aucun article en stock.</div>
            {% else %}
                <div class="table-responsive">
                    <table class="table table-sm table-hover mb-0 align-middle">
                        <thead class="table-light">
                            <tr>
                                <th>Produit</th>
                                <th>Catégorie</th>
                                <th class="text-end">Quantité actuelle</th>
                                <th>Unité</th>
                                <th class="text-end">Prix unit. TTC</th>
                                <th class="text-end">Valeur TTC</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% set totalTtc = 0 %}
                            {% for s in stocks %}
                                {% set valeur   = s.quantite * s.prix_unitaire %}
                                {% set totalTtc = totalTtc + valeur %}
                                <tr>
                                    <td class="fw-semibold">{{ s.produit }}</td>
                                    <td><span class="badge bg-light text-dark border">{{ s.categorie ?: '—' }}</span></td>
                                    <td class="text-end">{{ s.quantite|number_format(3, ',', ' ') }}</td>
                                    <td>{{ s.unite }}</td>
                                    <td class="text-end">{{ s.prix_unitaire|number_format(3, ',', ' ') }} €</td>
                                    <td class="text-end fw-semibold">{{ valeur|number_format(2, ',', ' ') }} €</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                        <tfoot class="table-light fw-bold">
                            <tr>
                                <td colspan="5" class="text-end">Total valorisé :</td>
                                <td class="text-end">{{ totalTtc|number_format(2, ',', ' ') }} €</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>

    <form method="post"
          onsubmit="return confirm('Confirmer la clôture de {{ moisNom[mois] }} {{ annee }} ?\nCette opération va archiver la valorisation du stock.')">
        <input type="hidden" name="_token" value="{{ csrf_token('stock_cloture') }}">
        <input type="hidden" name="action" value="cloturer">
        <button type="submit" class="btn btn-warning fw-semibold" {% if stocks is empty %}disabled{% endif %}>
            <i class="fas fa-calendar-check me-1"></i>Clôturer {{ moisNom[mois] }} {{ annee }}
        </button>
        <a href="{{ path('tenant_stocks_index') }}" class="btn btn-outline-secondary ms-2">Annuler</a>
    </form>

{% endif %}

{% endblock body %}