{% extends '@Compta/layout.html.twig' %}
{% block compta_title %}Rapprochement {{ 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_bancaire_index') }}"><i class="ti ti-arrow-left"></i>Rapprochements</a><h1 class="capsule-heading-title">{{ statement.banque ? statement.banque.nom : 'Banque' }} · {{ '%02d'|format(statement.mois) }}/{{ statement.annee }}</h1><p class="capsule-heading-subtitle">Pointez les écritures présentes sur le relevé, puis passez à l’annotation visuelle.</p></div><div class="capsule-heading-actions"><a class="capsule-button capsule-button--primary" href="{{ path('relevebancaire_view',{idtoken:statement.idtoken}) }}#annotation-workspace"><i class="ti ti-rubber-stamp"></i>Poser les tampons Payé</a></div></header>
<div class="reconcile-layout"><section class="compta-card"><div class="bilan-section-head"><div><h2>Écritures candidates</h2><p>{{ entries|length }} ligne(s) sur la période</p></div></div><div class="table-responsive"><table class="table compta-table mb-0"><thead><tr><th>Date</th><th>Libellé</th><th class="text-end">Montant</th><th>État</th><th class="text-end">Action</th></tr></thead><tbody>{% for entry in entries %}{% set isPointed=entry.pointe and entry.releveBancaire == statement %}<tr><td>{{ entry.dateEcriture|date('d/m/Y') }}</td><td><strong>{{ entry.libelle }}</strong><small class="d-block text-muted">{{ entry.referencePiece }}</small></td><td class="text-end fw-bold">{{ entry.montant|number_format(2,',',' ') }} €</td><td><span class="badge {{ (isPointed ? 'pointed' : 'candidate')|compta_badge_class }}">{{ (isPointed ? 'pointed' : 'candidate')|compta_label }}</span></td><td class="text-end"><form method="post" action="{{ path('rapprochement_bancaire_toggle_entry',{idtoken:statement.idtoken,entryToken:entry.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('reconcile_' ~ entry.idtoken) }}"><button class="capsule-button {{ isPointed ? 'capsule-button--danger' : 'capsule-button--success' }} capsule-button--small">{{ isPointed ? 'Dépointer':'Pointer' }}</button></form></td></tr>{% else %}<tr><td colspan="5"><div class="compta-empty"><i class="ti ti-list-search"></i>Aucune écriture candidate. Synchronisez le journal comptable.</div></td></tr>{% endfor %}</tbody></table></div></section><aside class="compta-card p-3"><div class="bilan-section-head px-0 pt-0"><div><h2>Aperçu du relevé</h2><p>Document bancaire importé</p></div></div><object data="{{ path('relevebancaire_document_inline',{idtoken:statement.idtoken}) }}" type="application/pdf" width="100%" height="580"><a href="{{ path('relevebancaire_document_inline',{idtoken:statement.idtoken}) }}">Ouvrir le relevé PDF</a></object></aside></div>
{% endblock %}