{% extends 'admin/layout.html.twig' %}
{% block title %}{{ document.number }} — {{ document.prospection.artisticProject.name }}{% endblock %}
{% block admin_body %}
<div class="d-flex justify-content-between align-items-center mb-4">
<div>
<h1 class="h2 mb-1">{{ document.type == 'quote' ? 'Devis' : 'Facture' }} {{ document.number }}
</h1>
<p class="text-secondary mb-0">Émis le {{ document.issueDate|date('d/m/Y') }} · {{ document.createdBy ? document.createdBy.displayName : 'Utilisateur inconnu' }}
</p>
</div>
<div class="d-flex gap-2 flex-wrap justify-content-end">
{% if document.generatedDocumentId %}
<a class="btn btn-dark" href="{{ path('document_download',{id:document.generatedDocumentId}) }}"><i class="bi bi-download me-1"></i>Télécharger le PDF figé</a>
<a class="btn btn-outline-dark" href="{{ path('document_view',{id:document.generatedDocumentId}) }}" target="_blank"><i class="bi bi-eye me-1"></i>Voir le PDF</a>
{% endif %}
<a class="btn btn-outline-secondary" href="{{ path('admin_prospection_show',{id:document.prospection.id}) }}">Retour au dossier</a>
</div>
</div>
{% if document.type == 'quote' %}
<div class="commercial-flow card border-0 shadow-sm mb-4"><div class="card-body">
    <div class="commercial-flow-steps" aria-label="Avancement du devis">
        <div class="commercial-flow-step is-done"><span><i class="bi bi-check-lg"></i></span><div><strong>1. Généré</strong><small>PDF figé disponible</small></div></div>
        <div class="commercial-flow-step {{ document.sentAt ? 'is-done' : 'is-current' }}"><span>{% if document.sentAt %}<i class="bi bi-check-lg"></i>{% else %}2{% endif %}</span><div><strong>2. Envoyé</strong><small>{{ document.sentAt ? 'Envoyé le '~document.sentAt|date('d/m/Y') : 'À envoyer au lieu' }}</small></div></div>
        <div class="commercial-flow-step {{ existingInvoice ? 'is-done' : '' }}"><span>{% if existingInvoice %}<i class="bi bi-check-lg"></i>{% else %}3{% endif %}</span><div><strong>3. Facturé</strong><small>{{ existingInvoice ? existingInvoice.number : 'Après validation du devis' }}</small></div></div>
    </div>
    {% if not document.sentAt and document.generatedDocumentId and can_permission('PROSPECTION',2) %}<a class="btn btn-dark mt-3" href="{{ path('admin_prospection_show',{id:document.prospection.id,open_mail:1,attachment:document.generatedDocumentId}) }}"><i class="bi bi-send me-1"></i>Envoyer ce devis</a>{% endif %}
</div></div>
{% endif %}
<div class="document-sheet bg-white p-4 p-md-5 shadow-sm mx-auto">
<div class="d-flex justify-content-between gap-4 mb-5">
<div>
{% if document.prospection.artisticProject.code == 'WTL' %}<img src="{{ asset('images/logo-wtl-black.png') }}" alt="Walk The Line" style="max-width:220px">{% else %}<div class="h4 fw-bold">{{ document.prospection.artisticProject.publicName ?: document.prospection.artisticProject.name }}</div>{% endif %}
</div>
<div class="text-end">
<h2>{{ document.type == 'quote' ? 'DEVIS' : 'FACTURE' }}
</h2>
<strong>{{ document.number }}
</strong>
</div>
</div>
<div class="row g-4 mb-5">
<div class="col-md-6">
<div class="small text-secondary">Émetteur</div>
<strong>{{ snapshot.association.name ?? '' }}
</strong>
{% if snapshot.association.address_line ?? false %}
<div>{{ snapshot.association.address_line }}</div>
<div>{{ snapshot.association.postal_code ?? '' }} {{ snapshot.association.city ?? '' }}</div>
{% else %}
<div>{{ snapshot.association.address ?? '' }}</div>
{% endif %}
{% if snapshot.association.siret ?? false %}
<div>SIRET : {{ snapshot.association.siret }}
</div>
{% endif %}
</div>
<div class="col-md-6">
<div class="small text-secondary">Client</div>
<strong>{{ snapshot.venue.name ?? '' }}
</strong>
{% if snapshot.venue.address_line ?? false %}
<div>{{ snapshot.venue.address_line }}</div>
<div>{{ snapshot.venue.postal_code ?? '' }} {{ snapshot.venue.city ?? '' }}</div>
{% else %}
<div>{{ snapshot.venue.address ?? '' }}</div>
{% endif %}
</div>
</div>
<table class="table">
<thead>
<tr>
<th>Prestation</th><th class="text-end">Qté</th><th class="text-end">PU HT</th><th class="text-end">TVA</th><th class="text-end">Total HT</th>
</tr>
</thead>
<tbody>
{% for line in snapshot.lines ?? [] %}
<tr>
<td><strong>{{ line.label }}</strong>{% if line.note %}<div class="small text-secondary">{{ line.note }}</div>{% endif %}</td>
<td class="text-end">{{ line.quantity|number_format(2,',',' ') }}</td>
<td class="text-end">{{ line.price_ht|number_format(2,',',' ') }} €</td>
<td class="text-end">{{ line.vat_rate|number_format(2,',',' ') }} %</td>
<td class="text-end">{{ line.total_ht|number_format(2,',',' ') }} €</td>
</tr>
{% else %}
<tr><td>Prestation artistique {{ document.prospection.artisticProject.publicName ?: document.prospection.artisticProject.name }}</td><td class="text-end">1</td><td class="text-end">{{ document.amountHt|number_format(2,',',' ') }} €</td><td class="text-end">{{ document.vatRate|number_format(2,',',' ') }} %</td><td class="text-end">{{ document.amountHt|number_format(2,',',' ') }} €</td></tr>
{% endfor %}
</tbody>
<tfoot>
<tr><th colspan="4">Total HT</th><th class="text-end">{{ document.amountHt|number_format(2,',',' ') }} €</th></tr>
<tr><td colspan="4">TVA totale</td><td class="text-end">{{ (snapshot.vat_amount ?? (document.amountTtc-document.amountHt))|number_format(2,',',' ') }} €</td></tr>
<tr class="fs-5"><th colspan="4">Total TTC</th><th class="text-end">{{ document.amountTtc|number_format(2,',',' ') }} €</th></tr>
</tfoot>
</table>
{% if snapshot.mentions ?? false %}
<div class="mt-5 white-space-preline">{{ snapshot.mentions }}
</div>
{% endif %}
{% if snapshot.footer ?? false %}
<div class="mt-5 pt-3 border-top small white-space-preline">{{ snapshot.footer }}
</div>
{% endif %}
</div>

{% if document.type == 'invoice' %}
<div class="card mt-4">
<div class="card-header bg-white d-flex justify-content-between align-items-center"><div><strong>Encaissement</strong><div class="small text-secondary">Le statut est calculé à partir des paiements enregistrés.</div></div>{% if invoicePaymentStatus == 'PAID' %}<span class="badge text-bg-success">Payée</span>{% elseif invoicePaymentStatus == 'PARTIAL' %}<span class="badge text-bg-warning">Partiellement payée</span>{% else %}<span class="badge text-bg-danger">À encaisser</span>{% endif %}</div>
<div class="card-body"><div class="row g-3 mb-3"><div class="col-md-4"><div class="small text-secondary">Total facture</div><strong>{{ document.amountTtc|number_format(2,',',' ') }} €</strong></div><div class="col-md-4"><div class="small text-secondary">Déjà encaissé</div><strong>{{ invoicePaid|number_format(2,',',' ') }} €</strong></div><div class="col-md-4"><div class="small text-secondary">Reste</div><strong>{{ invoiceRemaining|number_format(2,',',' ') }} €</strong></div></div>
{% if invoiceRemaining > 0.009 and can_permission('PAYMENT',2) %}<button class="btn btn-dark" data-bs-toggle="modal" data-bs-target="#paymentModal"><i class="bi bi-cash-coin me-1"></i>Enregistrer un paiement</button>{% endif %}
{% if invoicePayments %}<div class="table-responsive mt-3"><table class="table table-sm align-middle"><thead><tr><th>Date</th><th>Compte</th><th>Mode</th><th>Référence</th><th class="text-end">Montant</th><th class="text-end">Actions</th></tr></thead><tbody>{% for p in invoicePayments %}<tr><td>{{ p.paymentDate|date('d/m/Y') }}</td><td>{{ p.financialAccount ? p.financialAccount.name : '—' }}</td><td>{{ p.paymentMethod ? p.paymentMethod.name : '—' }}</td><td>{{ p.reference ?: '—' }}</td><td class="text-end">{{ p.amount|number_format(2,',',' ') }} €</td><td class="text-end text-nowrap">{% if can_permission('PAYMENT',2) %}<button class="btn btn-sm btn-outline-dark" data-bs-toggle="modal" data-bs-target="#editPaymentModal-{{ p.id }}"><i class="bi bi-pencil"></i></button><form class="d-inline" method="post" action="{{ path('admin_accounting_payment_delete',{id:p.id}) }}" onsubmit="return confirm('Supprimer ce paiement ? Le statut de la facture sera recalculé.');"><input type="hidden" name="_token" value="{{ csrf_token('payment-delete-' ~ p.id) }}"><button class="btn btn-sm btn-outline-danger" title="Supprimer"><i class="bi bi-trash"></i></button></form>{% else %}<span class="small text-secondary">Lecture seule</span>{% endif %}</td></tr>{% endfor %}</tbody></table></div>{% endif %}
</div></div>
{% include 'admin/accounting/_payment_modal.html.twig' with {invoice:document,payment_remaining:invoiceRemaining,financial_accounts:financialAccounts,payment_methods:paymentMethods,payment_modal_id:'paymentModal'} only %}
{% for p in invoicePayments %}<div class="modal fade" id="editPaymentModal-{{ p.id }}" tabindex="-1"><div class="modal-dialog"><form class="modal-content" method="post" action="{{ path('admin_accounting_payment_edit',{id:p.id}) }}"><div class="modal-header"><div><h5 class="modal-title mb-0">Corriger le paiement</h5><div class="small text-secondary">Facture {{ document.number }}</div></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('payment-edit-' ~ p.id) }}"><div class="row g-3"><div class="col-md-6"><label class="form-label">Date</label><input type="date" class="form-control" name="payment_date" value="{{ p.paymentDate|date('Y-m-d') }}" required></div><div class="col-md-6"><label class="form-label">Montant</label><input class="form-control" name="amount" value="{{ p.amount|number_format(2,'.','') }}" required></div><div class="col-md-6"><label class="form-label">Compte</label><select class="form-select" name="account_id"><option value="">—</option>{% for a in financialAccounts %}<option value="{{ a.id }}" {{ p.financialAccount and p.financialAccount.id == a.id ? 'selected' : '' }}>{{ a.name }}</option>{% endfor %}</select></div><div class="col-md-6"><label class="form-label">Mode</label><select class="form-select" name="payment_method_id"><option value="">—</option>{% for m in paymentMethods %}<option value="{{ m.id }}" {{ p.paymentMethod and p.paymentMethod.id == m.id ? 'selected' : '' }}>{{ m.name }}</option>{% endfor %}</select></div><div class="col-12"><label class="form-label">Référence</label><input class="form-control" name="reference" value="{{ p.reference }}"></div><div class="col-12"><label class="form-label">Notes</label><textarea class="form-control" name="notes" rows="2">{{ p.notes }}</textarea></div></div></div><div class="modal-footer"><button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Annuler</button><button class="btn btn-dark">Enregistrer la correction</button></div></form></div></div>{% endfor %}
{% endif %}

{% if document.type == 'quote' and not existingInvoice and document.status != 'converted' and can_permission('INVOICE',2) %}
<form method="post" class="mt-4" action="{{ path('admin_invoice_from_quote',{id:document.id}) }}">
<input type="hidden" name="_token" value="{{ csrf_token('convert-' ~ document.id) }}">
<button class="btn btn-success btn-lg">
<i class="bi bi-arrow-right-circle me-1">
</i>Convertir ce devis en facture</button>
</form>
{% elseif document.type == 'quote' and existingInvoice %}
<div class="alert alert-success mt-4 mb-0">Ce devis a déjà donné naissance à la facture <a href="{{ path('admin_document_show',{id:existingInvoice.id}) }}">{{ existingInvoice.number }}</a>.</div>
{% endif %}
{% endblock %}