{% extends '@Compta/layout.html.twig' %}
{% block compta_title %}Relevés bancaires{% endblock %}
{% block compta_content %}
{% set months = ['', 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'] %}
<header class="compta-heading capsule-heading"><div class="capsule-heading-content"><span class="compta-eyebrow">Banque</span><h1 class="capsule-heading-title">Relevés bancaires</h1><p class="capsule-heading-subtitle">Centralisez les relevés, suivez le solde et apposez vos tampons Payé directement sur le PDF.</p></div><div class="capsule-heading-actions"><button class="capsule-button capsule-button--primary" type="button" data-bs-toggle="modal" data-bs-target="#new-statement"><i class="ti ti-upload"></i>Ajouter un relevé</button></div></header>
<div class="compta-toolbar"><form method="get" class="d-flex gap-2 align-items-center" data-turbo-frame="_top"><label for="year" class="fw-semibold">Exercice</label><select id="year" name="year" class="form-select" data-action="change->compta-ui#submitFilters">{% for y in (year + 1)..(year - 5) %}<option value="{{ y }}" {{ y == year ? 'selected' }}>{{ y }}</option>{% endfor %}</select></form><div class="text-muted small">{{ banks|length }} compte(s) bancaire(s)</div></div>
<section class="compta-card"><div class="table-responsive"><table class="table compta-table align-middle mb-0"><thead><tr><th>Période</th>{% for bank in banks %}<th>{{ bank.nom }}</th>{% endfor %}</tr></thead><tbody>{% for month in 1..12 %}<tr><th>{{ months[month] }} {{ year }}</th>{% for bank in banks %}{% set statement = statements[month][bank.id]|default(null) %}<td>{% if statement %}<a class="statement-tile {{ statement.annotatedPdfFilename ? 'is-stamped' }}" href="{{ path('relevebancaire_view',{idtoken:statement.idtoken}) }}"><span class="statement-icon"><i class="ti ti-file-type-pdf"></i></span><span><strong>{{ statement.annotatedPdfFilename ? 'PDF tamponné' : 'PDF importé' }}</strong><small>{{ statement.availableBalance is not null ? (statement.availableBalance|number_format(2, ',', ' ') ~ ' €') : 'Solde à renseigner' }}</small></span><i class="ti ti-chevron-right ms-auto"></i></a>{% else %}<button class="statement-empty" type="button" data-bs-toggle="modal" data-bs-target="#new-statement" data-controller="compta-prefill" data-action="click->compta-prefill#statement" data-compta-prefill-month-value="{{ month }}" data-compta-prefill-bank-value="{{ bank.idtoken }}"><i class="ti ti-plus"></i> Ajouter</button>{% endif %}</td>{% endfor %}</tr>{% else %}<tr><td class="text-center py-5">Ajoutez d’abord un compte bancaire depuis le module Commercial.</td></tr>{% endfor %}</tbody></table></div></section>
<div class="modal fade" id="new-statement" tabindex="-1" aria-hidden="true"><div class="modal-dialog modal-dialog-centered"><div class="modal-content"><form method="post" action="{{ path('relevebancaire_add') }}" enctype="multipart/form-data"><div class="modal-header"><div><h2 class="modal-title h5">Ajouter un relevé</h2><p class="text-muted small mb-0">PDF sécurisé, 20 Mo maximum.</p></div><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body"><input type="hidden" name="_token" value="{{ csrf_token('bank_statement_create') }}"><div class="mb-3"><label class="form-label" for="statement-bank">Compte bancaire</label><select class="form-select" id="statement-bank" name="bank" required>{% for bank in banks %}<option value="{{ bank.idtoken }}">{{ bank.nom }}</option>{% endfor %}</select></div><div class="row g-3"><div class="col-6"><label class="form-label" for="statement-month">Mois</label><select class="form-select" id="statement-month" name="month" required>{% for month in 1..12 %}<option value="{{ month }}">{{ months[month] }}</option>{% endfor %}</select></div><div class="col-6"><label class="form-label" for="statement-year">Année</label><input class="form-control" id="statement-year" type="number" name="year" value="{{ year }}" min="2000" max="2100" required></div></div><div class="mt-3"><label class="form-label" for="statement-balance">Solde de fin de mois</label><div class="input-group"><input class="form-control" id="statement-balance" type="number" step="0.01" name="balance"><span class="input-group-text">€</span></div></div><div class="mt-3"><label class="form-label" for="statement-file">Relevé PDF</label><input class="form-control" id="statement-file" type="file" name="statement" accept="application/pdf" required></div></div><div class="modal-footer"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Annuler</button><button class="btn btn-primary" type="submit">Importer le relevé</button></div></form></div></div></div>
{% endblock %}