{% set payment_modal_id = payment_modal_id|default('paymentModal-' ~ invoice.id) %}
<div class="modal fade" id="{{ payment_modal_id }}" tabindex="-1" aria-labelledby="{{ payment_modal_id }}-title" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form class="modal-content" method="post" action="{{ path('admin_accounting_invoice_payment',{id:invoice.id}) }}" data-prevent-double-submit="true">
            <div class="modal-header">
                <div>
                    <h2 class="modal-title fs-5 mb-0" id="{{ payment_modal_id }}-title">Enregistrer un paiement</h2>
                    <div class="small text-secondary">Facture {{ invoice.number }} · reste {{ payment_remaining|number_format(2,',',' ') }} €</div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" name="_token" value="{{ csrf_token('invoice-payment-' ~ invoice.id) }}">
                {% if return_route|default(null) %}<input type="hidden" name="return_route" value="{{ return_route }}">{% endif %}
                <div class="row g-3">
                    <div class="col-sm-6"><label class="form-label required">Date</label><input type="date" class="form-control" name="payment_date" value="{{ 'now'|date('Y-m-d') }}" required></div>
                    <div class="col-sm-6"><label class="form-label required">Montant</label><div class="input-group"><input class="form-control" name="amount" value="{{ payment_remaining|number_format(2,'.','') }}" inputmode="decimal" required><span class="input-group-text">€</span></div></div>
                    <div class="col-sm-6"><label class="form-label">Compte</label><select class="form-select" name="account_id"><option value="">Non précisé</option>{% for account in financial_accounts %}<option value="{{ account.id }}">{{ account.name }}</option>{% endfor %}</select></div>
                    <div class="col-sm-6"><label class="form-label">Mode</label><select class="form-select" name="payment_method_id"><option value="">Non précisé</option>{% for method in payment_methods %}<option value="{{ method.id }}">{{ method.name }}</option>{% endfor %}</select></div>
                </div>
                <details class="advanced-options mt-3">
                    <summary><span>Informations facultatives<small>Référence bancaire ou note interne</small></span></summary>
                    <div class="advanced-options-body"><div class="mb-3"><label class="form-label">Référence</label><input class="form-control" name="reference"></div><div><label class="form-label">Notes</label><textarea class="form-control" name="notes" rows="2"></textarea></div></div>
                </details>
            </div>
            <div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Annuler</button><button class="btn btn-dark" data-loading-label="Enregistrement…">Enregistrer le paiement</button></div>
        </form>
    </div>
</div>