{% extends 'admin/layout.html.twig' %}
{% block title %}Devis et factures — {{ project.name }}{% endblock %}
{% block admin_body %}
{% include 'admin/ui/_page_header.html.twig' with {page_eyebrow:'Commercial · '~project.name,page_title:can_permission('QUOTE') and can_permission('INVOICE') ? 'Devis & factures' : (can_permission('QUOTE') ? 'Devis' : 'Factures'),page_subtitle:'Retrouvez chaque document et son étape actuelle : généré, envoyé, facturé ou encaissé.'} %}

<ul class="nav nav-tabs mb-0 responsive-tabs" 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="mobile-card-list commercial-document-cards p-3">
            {% for document in quotes %}
                <article class="card business-card commercial-document-card"><div class="card-body">
                    <div class="d-flex justify-content-between gap-2 align-items-start"><div><div class="small text-secondary">Devis</div><h2 class="h6 mb-1">{{ document.number }}</h2><div class="small text-secondary">{{ document.prospection.venueEntity ? document.prospection.venueEntity.name : document.prospection.venue }} · {{ document.issueDate|date('d/m/Y') }}</div></div>{% if document.status == 'converted' %}<span class="badge text-bg-success">Facturé</span>{% elseif document.sentAt %}<span class="badge text-bg-info">Envoyé</span>{% else %}<span class="badge text-bg-secondary">Généré</span>{% endif %}</div>
                    <div class="commercial-document-total mt-3"><span>Total TTC</span><strong>{{ document.amountTtc|number_format(2,',',' ') }} €</strong></div>
                    <a class="btn btn-dark w-100 mt-3 touch-target" href="{{ path('admin_document_show',{id:document.id}) }}">Ouvrir le devis</a>
                </div></article>
            {% else %}{% include 'admin/ui/_empty_state.html.twig' with {empty_icon:'bi-file-earmark-text',empty_title:'Aucun devis',empty_text:'Les devis générés depuis une prospection apparaîtront ici.'} %}{% endfor %}
        </div>
        <div class="table-responsive desktop-table-only">
            <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>{% elseif document.sentAt %}<span class="badge text-bg-info">Envoyé</span>{% else %}<span class="badge text-bg-secondary">Généré</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="mobile-card-list commercial-document-cards p-3">
            {% for document in invoices %}{% set ps=paymentService.status(document) %}
                <article class="card business-card commercial-document-card"><div class="card-body">
                    <div class="d-flex justify-content-between gap-2 align-items-start"><div><div class="small text-secondary">Facture</div><h2 class="h6 mb-1">{{ document.number }}</h2><div class="small text-secondary">{{ document.prospection.venueEntity ? document.prospection.venueEntity.name : document.prospection.venue }} · {{ document.issueDate|date('d/m/Y') }}</div></div>{% 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 %}</div>
                    <div class="commercial-document-total mt-3"><span>Total TTC</span><strong>{{ document.amountTtc|number_format(2,',',' ') }} €</strong></div>
                    <div class="card-actions mt-3">{% if ps!='PAID' and can_permission('PAYMENT',2) %}<button class="btn btn-dark flex-grow-1 touch-target" data-bs-toggle="modal" data-bs-target="#paymentModal-{{ document.id }}"><i class="bi bi-cash-coin me-1"></i>Encaisser</button>{% endif %}<a class="btn btn-outline-dark flex-grow-1 touch-target" href="{{ path('admin_document_show',{id:document.id}) }}">Ouvrir</a></div>
                </div></article>
            {% else %}{% include 'admin/ui/_empty_state.html.twig' with {empty_icon:'bi-receipt',empty_title:'Aucune facture',empty_text:'Les factures créées à partir d’un devis apparaîtront ici.'} %}{% endfor %}
        </div>
        <div class="table-responsive desktop-table-only">
            <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' %}
{% include 'admin/accounting/_payment_modal.html.twig' with {invoice:document,payment_remaining:paymentService.remaining(document),financial_accounts:financialAccounts,payment_methods:paymentMethods,return_route:'admin_commercial_document_index',payment_modal_id:'paymentModal-'~document.id} only %}
{% endif %}
{% endfor %}{% endif %}
{% endblock %}