{% extends 'admin/layout.html.twig' %}
{% block title %}Devis et factures — {{ project.name }}{% endblock %}
{% block admin_body %}
<div class="d-flex justify-content-between align-items-start gap-3 mb-4">
    <div>
        <div class="small text-uppercase text-secondary fw-semibold">Commercial · {{ project.name }}</div>
        <h1 class="h2 mb-1">{{ can_permission('QUOTE') and can_permission('INVOICE') ? 'Devis & factures' : (can_permission('QUOTE') ? 'Devis' : 'Factures') }}</h1>
        <p class="text-secondary mb-0">Tous les documents commerciaux générés pour le projet actif.</p>
    </div>
</div>

<ul class="nav nav-tabs mb-0" id="commercialDocumentsTabs" role="tablist">
    {% if can_permission('QUOTE') %}<li class="nav-item" role="presentation">
        <button class="nav-link {{ can_permission('QUOTE') ? 'active' : '' }}" id="quotes-tab" data-bs-toggle="tab" data-bs-target="#quotes-pane" type="button" role="tab">
            <i class="bi bi-file-earmark-text me-1"></i>Devis <span class="badge text-bg-secondary ms-1">{{ quotes|length }}</span>
        </button>
    </li>{% endif %}
    {% if can_permission('INVOICE') %}<li class="nav-item" role="presentation">
        <button class="nav-link {{ not can_permission('QUOTE') ? 'active' : '' }}" id="invoices-tab" data-bs-toggle="tab" data-bs-target="#invoices-pane" type="button" role="tab">
            <i class="bi bi-receipt me-1"></i>Factures <span class="badge text-bg-secondary ms-1">{{ invoices|length }}</span>
        </button>
    </li>{% endif %}
</ul>
<div class="tab-content card border-0 shadow-sm rounded-top-0" id="commercialDocumentsTabContent">
    {% if can_permission('QUOTE') %}<div class="tab-pane fade show active" id="quotes-pane" role="tabpanel" aria-labelledby="quotes-tab" tabindex="0">
        <div class="table-responsive">
            <table class="table align-middle mb-0 data-table">
                <thead><tr><th>N°</th><th>Date</th><th>Lieu</th><th>Montant HT</th><th>Montant TTC</th><th>Statut</th><th data-orderable="false"></th></tr></thead>
                <tbody>
                {% for document in quotes %}
                    <tr>
                        <td><strong>{{ document.number }}</strong></td>
                        <td data-order="{{ document.issueDate|date('Y-m-d') }}">{{ document.issueDate|date('d/m/Y') }}</td>
                        <td>{{ document.prospection.venueEntity ? document.prospection.venueEntity.name : document.prospection.venue }}</td>
                        <td>{{ document.amountHt|number_format(2, ',', ' ') }} €</td>
                        <td>{{ document.amountTtc|number_format(2, ',', ' ') }} €</td>
                        <td>{% if document.status == 'converted' %}<span class="badge text-bg-success">Facturé</span>{% else %}<span class="badge text-bg-secondary">{{ document.status }}</span>{% endif %}</td>
                        <td class="text-end"><a class="btn btn-sm btn-outline-dark" href="{{ path('admin_document_show',{id:document.id}) }}"><i class="bi bi-eye me-1"></i>Voir</a></td>
                    </tr>
                {% else %}<tr><td colspan="7" class="text-center text-secondary py-5">Aucun devis généré pour {{ project.name }}.</td></tr>{% endfor %}
                </tbody>
            </table>
        </div>
    </div>{% endif %}
    {% if can_permission('INVOICE') %}<div class="tab-pane fade {{ not can_permission('QUOTE') ? 'show active' : '' }}" id="invoices-pane" role="tabpanel" aria-labelledby="invoices-tab" tabindex="0">
        <div class="table-responsive">
            <table class="table align-middle mb-0 data-table">
                <thead><tr><th>N°</th><th>Date</th><th>Lieu</th><th>Devis source</th><th>Montant HT</th><th>Montant TTC</th><th>Paiement</th><th data-orderable="false"></th></tr></thead>
                <tbody>
                {% for document in invoices %}
                    <tr>
                        <td><strong>{{ document.number }}</strong></td>
                        <td data-order="{{ document.issueDate|date('Y-m-d') }}">{{ document.issueDate|date('d/m/Y') }}</td>
                        <td>{{ document.prospection.venueEntity ? document.prospection.venueEntity.name : document.prospection.venue }}</td>
                        <td>{{ document.sourceDocument ? document.sourceDocument.number : '—' }}</td>
                        <td>{{ document.amountHt|number_format(2, ',', ' ') }} €</td>
                        <td>{{ document.amountTtc|number_format(2, ',', ' ') }} €</td>
                        <td>{% set ps=paymentService.status(document) %}{% if ps=='PAID' %}<span class="badge text-bg-success">Payée</span>{% elseif ps=='PARTIAL' %}<span class="badge text-bg-warning">Partielle</span>{% else %}<span class="badge text-bg-danger">À encaisser</span>{% endif %}</td>
                        <td class="text-end text-nowrap"><div class="d-flex gap-1 justify-content-end">{% if ps!='PAID' and can_permission('PAYMENT',2) %}<button class="btn btn-sm btn-dark" data-bs-toggle="modal" data-bs-target="#paymentModal-{{ document.id }}"><i class="bi bi-cash-coin me-1"></i>Enregistrer un paiement</button>{% endif %}<a class="btn btn-sm btn-outline-dark" href="{{ path('admin_document_show',{id:document.id}) }}"><i class="bi bi-eye me-1"></i>Voir</a></div></td>
                    </tr>
                {% else %}<tr><td colspan="8" class="text-center text-secondary py-5">Aucune facture générée pour {{ project.name }}.</td></tr>{% endfor %}
                </tbody>
            </table>
        </div>
    </div>{% endif %}
</div>

{% if can_permission('INVOICE') and can_permission('PAYMENT',2) %}{% for document in invoices %}
{% if paymentService.status(document) != 'PAID' %}
<div class="modal fade" id="paymentModal-{{ document.id }}" tabindex="-1"><div class="modal-dialog"><form class="modal-content" method="post" action="{{ path('admin_accounting_invoice_payment',{id:document.id}) }}"><div class="modal-header"><div><h5 class="modal-title mb-0">Paiement — {{ document.number }}</h5><div class="small text-secondary">Le montant restant est prérempli, mais peut être modifié.</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('invoice-payment-' ~ document.id) }}"><input type="hidden" name="return_route" value="admin_commercial_document_index"><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="{{ 'now'|date('Y-m-d') }}" required></div><div class="col-md-6"><label class="form-label">Montant</label><input class="form-control" name="amount" value="{{ paymentService.remaining(document)|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 }}">{{ 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 }}">{{ m.name }}</option>{% endfor %}</select></div><div class="col-12"><label class="form-label">Référence</label><input class="form-control" name="reference"></div><div class="col-12"><label class="form-label">Notes</label><textarea class="form-control" name="notes" rows="2"></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</button></div></form></div></div>
{% endif %}
{% endfor %}{% endif %}
{% endblock %}