{% extends '@Compta/layout.html.twig' %}
{% block compta_title %}Encaissements {{ statement.mois }}/{{ statement.annee }}{% endblock %}
{% block compta_content %}
<header class="compta-heading capsule-heading"><div class="capsule-heading-content"><a class="compta-back" href="{{ path('rapprochement_paiement_client_index') }}"><i class="ti ti-arrow-left"></i>Encaissements</a><h1 class="capsule-heading-title">Factures à encaisser · {{ '%02d'|format(statement.mois) }}/{{ statement.annee }}</h1><p class="capsule-heading-subtitle">{{ statement.banque ? statement.banque.nom : 'Banque' }} · sélectionnez la facture correspondant à chaque virement du relevé.</p></div><div class="capsule-heading-actions"><a class="capsule-button capsule-button--secondary" href="{{ path('relevebancaire_view',{idtoken:statement.idtoken}) }}" target="_blank"><i class="ti ti-file-type-pdf"></i>Voir le relevé</a></div></header>
<section class="data-kpis" aria-label="Résumé des encaissements"><article class="data-kpi data-kpi--indigo"><span class="data-kpi__icon"><i class="ti ti-file-invoice"></i></span><div><span>Factures ouvertes</span><strong>{{ documents|length }}</strong><small>Éligibles au rapprochement</small></div></article><article class="data-kpi data-kpi--green"><span class="data-kpi__icon"><i class="ti ti-building-bank"></i></span><div><span>Compte</span><strong>{{ statement.banque ? statement.banque.nom : 'Banque' }}</strong><small>{{ '%02d'|format(statement.mois) }}/{{ statement.annee }}</small></div></article></section>
<section class="compta-card"><div class="table-responsive"><table class="table compta-table mb-0"><thead><tr><th>Facture</th><th>Client</th><th>Échéance</th><th class="text-end">TTC</th><th class="text-end">Reste dû</th><th>Enregistrer le virement</th></tr></thead><tbody>{% for document in documents %}<tr><td><strong>{{ document.number|default('Brouillon') }}</strong></td><td>{{ document.customerNameSnapshot|default(document.customer ? document.customer.nom : '—') }}</td><td>{{ document.dueDate ? document.dueDate|date('d/m/Y') : '—' }}</td><td class="text-end">{{ document.totalTtc|number_format(2,',',' ') }} €</td><td class="text-end fw-bold text-warning">{{ document.balanceDue|number_format(2,',',' ') }} €</td><td><form class="d-flex gap-2" method="post" action="{{ path('rapprochement_paiement_client_create_payment',{idtoken:statement.idtoken,documentToken:document.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('client_payment_' ~ statement.idtoken ~ '_' ~ document.idtoken) }}"><input class="form-control form-control-sm" type="number" step="0.01" min="0.01" max="{{ document.balanceDue }}" name="amount" value="{{ document.balanceDue }}" required aria-label="Montant"><input class="form-control form-control-sm" type="date" name="date" value="{{ 'now'|date('Y-m-d') }}" required aria-label="Date"><input type="hidden" name="method" value="Virement"><button class="capsule-button capsule-button--success capsule-button--small">Encaisser</button></form></td></tr>{% else %}<tr><td colspan="6"><div class="compta-empty"><i class="ti ti-circle-check"></i>Toutes les factures sont encaissées.</div></td></tr>{% endfor %}</tbody></table></div></section>
{% endblock %}