{% extends '@Commercial/commercial/layout.html.twig' %}
{% block commercial_title %}Bon de commande {{ order.number ?: 'Brouillon' }}{% endblock %}
{% block commercial_content %}
    {% set currency = order.currency == 'EUR' ? '€' : order.currency %}
    <div class="billing-show">
        <header class="capsule-profile-header mb-4">
            <div class="clientsphere-profile-identity"><div>
                <div class="clientsphere-profile-titleline"><h1 class="capsule-titre">Bon de commande {{ order.number ?: 'Brouillon' }}</h1></div>
                <div class="capsule-profile-meta"><span><i class="ti ti-tag me-1"></i>{{ statusLabel }}</span><span><i class="ti ti-calendar me-1"></i>Émis le {{ order.issueDate|date('d/m/Y') }}</span>{% if order.expectedExecutionDate %}<span><i class="ti ti-clock me-1"></i>Exécution le {{ order.expectedExecutionDate|date('d/m/Y') }}</span>{% endif %}</div>
            </div></div>
            <div class="clientsphere-profile-actions">
                {% if is_granted('SALES_ORDER_EDIT_DRAFT', order) %}<a class="capsule-button capsule-button--primary" href="{{ path('sales_order_edit', {idtoken:order.idtoken}) }}"><i class="ti ti-edit"></i>Modifier</a>{% endif %}
                {% if is_granted('SALES_ORDER_DOWNLOAD_PDF', order) %}<a class="capsule-button capsule-button--light" target="_blank" rel="noopener" data-turbo="false" href="{{ path('sales_order_pdf', {idtoken:order.idtoken}) }}"><i class="ti ti-eye"></i>Voir PDF</a>
                {% if order.number %}<a class="capsule-button capsule-button--primary" href="{{ path('sales_order_signature', {idtoken:order.idtoken}) }}"><i class="ti ti-signature"></i>Signature client</a>{% endif %}{% endif %}
                <a class="capsule-button capsule-button--light" href="{{ path('sales_order_index') }}"><i class="ti ti-arrow-left"></i>Retour</a>
            </div>
        </header>
        <div class="billing-show__layout">
            <main>
                <div class="billing-show__context">
                    <section class="billing-show-card billing-show-context-card"><h2>Client</h2><strong>{{ order.customerNameSnapshot }}</strong><p>{{ order.customerAddressSnapshot }}<br>{{ order.customerPostalCodeSnapshot }} {{ order.customerCitySnapshot }}</p>{% if order.customerSiretSnapshot %}<p>SIRET : {{ order.customerSiretSnapshot }}</p>{% endif %}<span>Contact : {{ order.contactSnapshot.name|default('—') }}</span>{% if order.contactSnapshot.email|default('') %}<p>{{ order.contactSnapshot.email }}</p>{% endif %}</section>
                    <section class="billing-show-card billing-show-context-card"><h2>Commande</h2><strong>{{ order.subject ?: 'Commande client' }}</strong><span>Référence client : {{ order.customerOrderReference ?: '—' }}</span>{% if order.customerOrderDate %}<p>Date client : {{ order.customerOrderDate|date('d/m/Y') }}</p>{% endif %}<p>Responsable : {{ order.responsibleUser ? order.responsibleUser.prenom ~ ' ' ~ order.responsibleUser.nom : '—' }}</p><div class="billing-show__badges">{% if order.sourceDocument %}<i>Devis source : {{ order.sourceDocumentNumberSnapshot ?: 'Sans numéro' }}</i>{% else %}<i>Commande directe, sans devis</i>{% endif %}</div></section>
                </div>
                <section class="billing-show-card billing-show-lines">
                    <header><h2>Lignes du bon de commande</h2>{% if is_granted('SALES_ORDER_EDIT_DRAFT', order) %}<a class="capsule-button capsule-button--primary" href="{{ path('sales_order_edit', {idtoken:order.idtoken}) }}"><i class="ti ti-edit"></i>Modifier</a>{% endif %}</header>
                    {% if order.introText %}<div class="billing-show-lines__intro">{{ order.introText|striptags|nl2br }}</div>{% endif %}
                    <div class="billing-show-lines__table">
                        <div class="billing-show-lines__head"><span>Libellé</span><span>Qté / unité</span><span>PU HT</span><span>TVA</span><span>Total HT</span><span>Total TTC</span><span>Remise</span></div>
                        {% for line in order.lines %}
                            {% if line.lineType == 'section' %}<div class="billing-show-line billing-show-line--section"><strong>{{ line.label }}</strong></div>
                            {% elseif line.lineType == 'note' %}<div class="billing-show-line billing-show-line--note"><span><strong>{{ line.label }}</strong>{{ line.description|striptags|nl2br }}</span></div>
                            {% else %}<div class="billing-show-line"><span><strong>{{ line.label }}</strong>{% if line.description %}<small>{{ line.description|striptags|nl2br }}</small>{% endif %}</span><span>{{ line.quantity|number_format(3, ',', ' ') }}{% if line.unit %}<small>{{ line.unit }}</small>{% endif %}</span><span>{{ canViewAmounts ? line.unitPriceHt|number_format(2, ',', ' ') ~ ' ' ~ currency : 'Masqué' }}</span><span>{{ canViewAmounts ? line.vatRate|number_format(2, ',', ' ') ~ ' %' : '—' }}</span><b>{{ canViewAmounts ? line.subtotalHt|number_format(2, ',', ' ') ~ ' ' ~ currency : '—' }}</b><b>{{ canViewAmounts ? line.totalTtc|number_format(2, ',', ' ') ~ ' ' ~ currency : '—' }}</b><span>{{ canViewAmounts ? line.discountRate|number_format(2, ',', ' ') ~ ' %' : '—' }}</span></div>{% endif %}
                        {% else %}<p class="billing-empty">Aucune ligne.</p>{% endfor %}
                    </div>
                </section>
                <div class="billing-show__bottom">
                    <section class="billing-show-card billing-show-totals"><h2>Totaux</h2>{% if canViewAmounts %}<dl><div><dt>Sous-total HT</dt><dd>{{ order.subtotalHt|number_format(2, ',', ' ') }} {{ currency }}</dd></div>{% if order.totalDiscountHt > 0 %}<div><dt>Remises HT</dt><dd>{{ order.totalDiscountHt|number_format(2, ',', ' ') }} {{ currency }}</dd></div>{% endif %}<div><dt>TVA</dt><dd>{{ order.totalVat|number_format(2, ',', ' ') }} {{ currency }}</dd></div><div class="is-total"><dt>Total TTC</dt><dd>{{ order.totalTtc|number_format(2, ',', ' ') }} {{ currency }}</dd></div></dl>{% else %}<p>Les montants ne sont pas accessibles avec vos permissions actuelles.</p>{% endif %}</section>
                    <section class="billing-show-card billing-show-totals"><h2>Facturation &amp; suivi</h2>{% if canViewAmounts and summary %}<p>{{ invoicingLabels[summary.invoicingStatus] }}</p>{% if summary.draftInvoiceCount %}<p class="alert alert-info">Une facture brouillon est en préparation.</p>{% endif %}<dl><div><dt>Facturé brut</dt><dd>{{ summary.grossInvoicedTtc|number_format(2, ',', ' ') }} {{ currency }}</dd></div><div><dt>Avoirs</dt><dd>{{ summary.creditedTtc|number_format(2, ',', ' ') }} {{ currency }}</dd></div><div><dt>Facturé net</dt><dd>{{ summary.netInvoicedTtc|number_format(2, ',', ' ') }} {{ currency }}</dd></div><div class="is-total"><dt>Reste à facturer</dt><dd>{{ summary.remainingToInvoice|number_format(2, ',', ' ') }} {{ currency }}</dd></div>{% if canViewPayments %}<div><dt>Paiements sur les factures</dt><dd>{{ summary.invoicePaymentsReceived|number_format(2, ',', ' ') }} {{ currency }}</dd></div><div><dt>Reste dû sur les factures</dt><dd>{{ summary.invoiceBalanceDue|number_format(2, ',', ' ') }} {{ currency }}</dd></div>{% endif %}</dl>{% else %}<p>Informations financières masquées.</p>{% endif %}<p>Aucun paiement n’est enregistré directement sur le bon de commande.</p></section>
                </div>
                {% if canViewAmounts and summary %}<section class="billing-show-card"><h2>Factures liées</h2><div class="fu-data-table-scroll">
<table class="fu-data-table-table clientsphere-table billing-index-table"><thead><tr><th>Facture</th><th>Statut</th><th>TTC</th>{% if canViewPayments %}<th>Payé</th><th>Reste dû</th><th>Dernier paiement</th>{% endif %}</tr></thead><tbody>{% for row in summary.invoices %}<tr><td>{% if is_granted('BILLING_DOCUMENT_VIEW', row.document) %}<a href="{{ path('billing_document_show', {idtoken:row.document.idtoken}) }}">{{ row.document.number ?: 'Brouillon' }}</a>{% else %}{{ row.document.number ?: 'Brouillon' }}{% endif %}</td><td>{{ row.document.status }}</td><td>{{ row.document.totalTtc|number_format(2, ',', ' ') }}</td>{% if canViewPayments %}<td>{{ row.paid|number_format(2, ',', ' ') }}</td><td>{{ row.due is not null ? row.due|number_format(2, ',', ' ') : '—' }}</td><td>{{ row.lastPayment ? row.lastPayment|date('d/m/Y') : '—' }}</td>{% endif %}</tr>{% else %}<tr><td colspan="{{ canViewPayments ? 6 : 3 }}">Aucune facture.</td></tr>{% endfor %}</tbody></table>
                </div></section>{% endif %}
                <section class="billing-show-card billing-show-notes"><div><h2>Conditions de règlement</h2><p>{{ order.paymentTerms ? order.paymentTerms|nl2br : '—' }}</p></div><div><h2>Notes au client</h2><p>{{ order.footerNotes ? order.footerNotes|striptags|nl2br : '—' }}</p></div></section>
                {% if order.internalNotes %}<section class="billing-show-card"><h2>Notes internes</h2><p>{{ order.internalNotes|nl2br }}</p></section>{% endif %}
            </main>
            <aside class="billing-show-card">
                <h2>Actions</h2>
{% for action, spec in {submit:['SUBMIT','Soumettre'],validate:['VALIDATE','Valider'],request_changes:['VALIDATE','Demander des modifications'],send:['SEND','Marquer comme envoyé'],confirm:['CONFIRM','Confirmer'],cancel:['CANCEL','Annuler'],close:['CLOSE','Clôturer']} %}
{% if is_granted('SALES_ORDER_' ~ spec[0], order) %}<form method="post" action="{{ path('sales_order_' ~ action, {idtoken:order.idtoken}) }}" class="mt-3">
<input type="hidden" name="_token" value="{{ csrf_token('sales_order_' ~ action ~ '_' ~ order.idtoken) }}">
{% if action in ['cancel','close','request_changes'] %}<label class="form-label">Motif *</label><textarea class="form-control mb-2" name="transition[comment]" required></textarea>{% if action in ['cancel','close'] %}<small class="d-block mb-2">Les factures et paiements existants seront conservés. La facturation du reliquat sera bloquée.</small>{% endif %}{% endif %}
{% if action == 'confirm' %}<label class="form-label">Mode *</label><select name="transition[mode]" class="form-select mb-2" required>{% for mode,label in modes %}{% if mode != 'quote_acceptance' or order.sourceDocument %}<option value="{{ mode }}" {{ order.confirmationMode == mode ? 'selected' : '' }}>{{ label }}</option>{% endif %}{% endfor %}</select>{% endif %}
<button class="capsule-button {{ action == 'cancel' ? 'capsule-button--danger' : (action in ['validate','confirm'] ? 'capsule-button--green' : 'capsule-button--light') }}">{{ spec[1] }}</button></form>{% endif %}{% endfor %}

                {% if is_granted('SALES_ORDER_DUPLICATE', order) %}<form method="post" action="{{ path('sales_order_duplicate', {idtoken:order.idtoken}) }}"><input type="hidden" name="_token" value="{{ csrf_token('sales_order_duplicate_' ~ order.idtoken) }}"><button class="capsule-button capsule-button--light mt-3">Dupliquer le bon</button></form>{% endif %}
                {% if is_granted('SALES_ORDER_CREATE_INVOICE', order) and summary and summary.draftInvoiceCount == 0 and summary.invoicingStatus == 'not_invoiced' %}<a class="capsule-button capsule-button--blue mt-3" href="{{ path('sales_order_create_invoice', {idtoken:order.idtoken}) }}">Créer une facture</a>{% endif %}
                <hr><h2>Confirmation</h2><p>Mode : {{ order.confirmationMode == 'signed_document' ? 'Signature du client' : modes[order.confirmationMode]|default('Non renseigné') }}{% if order.confirmedAt %}<br>Confirmée le {{ order.confirmedAt|date('d/m/Y H:i') }}{% if order.confirmedBy %}<br>Par {{ order.confirmedBy.prenom }} {{ order.confirmedBy.nom }}{% endif %}{% endif %}</p>
                {% if is_granted('SALES_ORDER_DOWNLOAD_PDF', order) and order.number %}<a href="{{ path('sales_order_signature', {idtoken:order.idtoken}) }}">Demandes et preuves de signature</a>{% endif %}
                {% if order.cancellationReason %}<div class="alert alert-warning mt-3">Annulation : {{ order.cancellationReason }}</div>{% endif %}
                <hr><h2>Historique</h2>{% for entry in order.statusHistory %}<article><p><strong>{{ entry.newStatus }}</strong> le {{ entry.createdAt|date('d/m/Y H:i') }}{% if entry.changedBy %}<br>{{ entry.changedBy.prenom }} {{ entry.changedBy.nom }}{% endif %}</p>{% if entry.comment %}<small>{{ entry.comment }}</small>{% endif %}</article>{% else %}<p>Création du brouillon le {{ order.createdAt|date('d/m/Y H:i') }}.</p>{% endfor %}
                {% if order.sourceDocument %}<hr><h2>Document source</h2>{% if is_granted('BILLING_DOCUMENT_VIEW', order.sourceDocument) %}<a href="{{ path('billing_document_show', {idtoken:order.sourceDocument.idtoken}) }}">Devis {{ order.sourceDocumentNumberSnapshot ?: 'Sans numéro' }}</a>{% else %}<p>Devis {{ order.sourceDocumentNumberSnapshot ?: 'Sans numéro' }}</p>{% endif %}{% endif %}
            </aside>
        </div>
    </div>
{% endblock %}