{% extends '@Commercial/billing/layout.html.twig' %}

{% block commercial_title %}Factures historiques{% endblock %}
{% block billing_heading %}{% endblock %}
{% block billing_toolbar %}{% endblock %}

{% block billing_content %}
<div class="historical-invoice-page">
    <header class="capsule-heading">
        <div class="capsule-heading-main">
            <span class="capsule-heading-icon"><i class="ti ti-history"></i></span>
            <div class="capsule-heading-content">
                <h1 class="capsule-heading-title">Factures historiques</h1>
                <p class="capsule-heading-subtitle">Complétez l’historique des factures n° 1 à {{ maximum_sequence }} sans modifier la numérotation courante.</p>
            </div>
        </div>
        <div class="capsule-heading-actions">
            {% if missing_count > 0 %}<a class="capsule-button capsule-button--primary" href="{{ path('billing_historical_invoice_new') }}"><i class="ti ti-plus"></i>Ajouter une facture historique</a>{% endif %}
        </div>
    </header>

    <section class="data-kpis" aria-label="Progression de l’historique">
        <article class="data-kpi data-kpi--indigo"><span class="data-kpi__icon"><i class="ti ti-list-numbers"></i></span><div><span>Plage à compléter</span><strong>1–{{ maximum_sequence }}</strong><small>Numérotation historique</small></div></article>
        <article class="data-kpi data-kpi--green"><span class="data-kpi__icon"><i class="ti ti-circle-check"></i></span><div><span>Numéros présents</span><strong>{{ used_count }}</strong><small>{{ completion|number_format(1, ',', ' ') }} % complété</small></div></article>
        <article class="data-kpi data-kpi--orange"><span class="data-kpi__icon"><i class="ti ti-progress"></i></span><div><span>Numéros manquants</span><strong>{{ missing_count }}</strong><small>Encore disponibles</small></div></article>
        <article class="data-kpi data-kpi--gray"><span class="data-kpi__icon"><i class="ti ti-lock"></i></span><div><span>Séquence courante</span><strong>Préservée</strong><small>Aucune incrémentation</small></div></article>
    </section>

    <div class="alert alert-info d-flex gap-2 align-items-start"><i class="ti ti-info-circle fs-5"></i><div><strong>Import contrôlé.</strong> Une facture historique est immédiatement verrouillée. Si elle est déclarée payée, son règlement est également créé afin de conserver des soldes cohérents.</div></div>

    <section class="card border-0 shadow-sm">
        <div class="card-header bg-white d-flex justify-content-between align-items-center py-3"><div><h2 class="capsule-card-heading mb-1">Dernières factures ajoutées</h2><span class="text-muted">{{ documents|length }} facture{{ documents|length > 1 ? 's' : '' }} créée{{ documents|length > 1 ? 's' : '' }} avec cet outil</span></div>{% if missing_count > 0 %}<a class="capsule-button capsule-button--secondary" href="{{ path('billing_historical_invoice_new') }}"><i class="ti ti-file-invoice"></i>Saisir la suivante</a>{% endif %}</div>
        <div class="table-responsive">
            <table class="table align-middle mb-0">
                <thead><tr><th>Numéro</th><th>Date</th><th>Client</th><th>Montant HT</th><th>Montant TTC</th><th>Statut</th><th></th></tr></thead>
                <tbody>{% for document in documents %}<tr><td><strong>{{ document.number }}</strong><div class="text-muted small">Séquence {{ document.legacySourceId }}</div></td><td>{{ document.issueDate ? document.issueDate|date('d/m/Y') : '—' }}</td><td>{{ document.customerNameSnapshot ?: (document.customer ? document.customer.nom : '—') }}</td><td>{{ document.subtotalHt|number_format(2, ',', ' ') }} €</td><td><strong>{{ document.totalTtc|number_format(2, ',', ' ') }} €</strong></td><td><span class="badge text-bg-{{ document.status == 'paid' ? 'success' : 'primary' }}">{{ status_labels[document.status]|default(document.status) }}</span></td><td><a class="btn btn-sm btn-light" href="{{ path('billing_document_show', {idtoken: document.idtoken}) }}" title="Voir la facture"><i class="ti ti-eye"></i></a></td></tr>{% else %}<tr><td colspan="7" class="text-center text-muted py-5"><i class="ti ti-file-invoice fs-2 d-block mb-2"></i>Aucune facture historique n’a encore été ajoutée depuis ce module.</td></tr>{% endfor %}</tbody>
            </table>
        </div>
    </section>
</div>
{% endblock %}