{% extends '@Compta/layout.html.twig' %}
{% block compta_title %}Écritures comptables{% endblock %}
{% block compta_content %}
<header class="compta-heading capsule-heading">
    <div class="capsule-heading-content"><span class="compta-eyebrow">Journal automatique</span><h1 class="capsule-heading-title">Écritures comptables</h1><p class="capsule-heading-subtitle">Les encaissements et dépenses alimentent automatiquement ce journal de contrôle.</p></div>
    <div class="capsule-heading-actions"><form method="post" action="{{ path('ecriturecomptable_sync') }}"><input type="hidden" name="_token" value="{{ csrf_token('accounting_sync') }}"><button class="capsule-button capsule-button--primary"><i class="ti ti-refresh"></i>Synchroniser</button></form></div>
</header>

{% set pointed = totals.pointed_count|default(0) %}
{% set unpointed = totals.unpointed_count|default(0) %}
<section class="data-kpis" aria-label="Indicateurs du journal">
    <article class="data-kpi data-kpi--indigo"><span class="data-kpi__icon"><i class="ti ti-list-details"></i></span><div><span>Écritures affichées</span><strong>{{ entries|length }}</strong><small>Journal comptable</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>Rapprochées</span><strong>{{ pointed }}</strong><small>Pointage validé</small></div></article>
    <article class="data-kpi data-kpi--yellow"><span class="data-kpi__icon"><i class="ti ti-clock"></i></span><div><span>À pointer</span><strong>{{ unpointed }}</strong><small>À contrôler</small></div></article>
    <article class="data-kpi data-kpi--gray"><span class="data-kpi__icon"><i class="ti ti-database"></i></span><div><span>Sources</span><strong>3</strong><small>Paiements et dépenses</small></div></article>
</section>

<div class="compta-toolbar">
    <form class="d-flex gap-2 flex-grow-1" method="get">
        <input class="form-control" name="search" value="{{ filters.search|default('') }}" placeholder="Libellé, client, fournisseur, référence…">
        <select class="form-select" name="source"><option value="">Toutes les sources</option><option value="paiement" {{ filters.source|default('') == 'paiement' ? 'selected' }}>Paiements</option><option value="billing_payment" {{ filters.source|default('') == 'billing_payment' ? 'selected' }}>Encaissements V2</option><option value="depense" {{ filters.source|default('') == 'depense' ? 'selected' }}>Dépenses</option></select>
        <button class="capsule-button capsule-button--primary" type="submit"><i class="ti ti-filter"></i>Filtrer</button>
        <a class="capsule-button capsule-button--secondary" href="{{ path('ecriturecomptable_index') }}">Réinitialiser</a>
    </form>
</div>
<section class="compta-card"><div class="table-responsive"><table class="table compta-table mb-0"><thead><tr><th>Date</th><th>Libellé</th><th>Référence</th><th>Source</th><th class="text-end">Montant</th><th>Rapprochement</th></tr></thead><tbody>
{% for entry in entries %}<tr><td>{{ entry.dateEcriture ? entry.dateEcriture|date('d/m/Y') : '—' }}</td><td><strong>{{ entry.libelle }}</strong></td><td>{{ entry.referencePiece|default('—') }}</td><td><span class="badge {{ entry.sourceType|compta_badge_class }}">{{ entry.sourceType|compta_label }}</span></td><td class="text-end fw-bold {{ entry.sourceType == 'depense' ? 'text-danger':'text-success' }}">{{ entry.sourceType == 'depense' ? '-' : '+' }}{{ entry.montant|number_format(2,',',' ') }} €</td><td><span class="badge {{ (entry.pointe ? 'pointed' : 'unpointed')|compta_badge_class }}">{{ (entry.pointe ? 'pointed' : 'unpointed')|compta_label }}</span></td></tr>
{% else %}<tr><td colspan="6"><div class="compta-empty"><i class="ti ti-list-search"></i>Aucune écriture ne correspond aux filtres.</div></td></tr>{% endfor %}
</tbody></table></div></section>
{% endblock %}