{% extends '@Commercial/billing/layout.html.twig' %}

{% block commercial_title %}{{ document.number ?: 'Brouillon' }}{% endblock %}
{% block billing_toolbar %}{% endblock %}

{% block billing_content %}
    {% set invoice_types = ['invoice', 'deposit_invoice', 'balance_invoice'] %}
    {% set is_invoice = document.type in invoice_types %}
    {% set is_credit = document.type == 'credit_note' %}
    {% set is_quote = document.type == 'quote' %}
    {% set can_send = 'sent' in available_statuses %}
    {% set can_validate = 'validated' in available_statuses or 'issued' in available_statuses %}
    {% set can_accept_quote = is_quote and 'accepted' in available_statuses %}
    {% set can_refuse_quote = is_quote and 'refused' in available_statuses %}
    {% set document_label = is_quote ? 'devis' : (is_credit ? 'avoir' : 'facture') %}
    {% set document_subject = is_credit ? 'l’avoir' : (is_quote ? 'le devis' : 'la facture') %}
    {% set back_route = is_quote ? 'billing_quote_index' : 'billing_invoice_index' %}
    {% set currency = document.currency|default('EUR') == 'EUR' ? '€' : document.currency|default('EUR') %}
    {% set document_type_label = type_labels[document.type]|default(document.type) %}

    <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">{{ document_type_label }} {{ document.number ?: 'Brouillon' }}</h1>
                    </div>
                    <div class="capsule-profile-meta">
                        <span><i class="ti ti-tag me-1"></i> {{ is_quote and document.status == 'validated' ? 'Validé' : status_labels[document.status]|default(document.status) }}</span>
                        {% if document.issueDate %}<span><i class="ti ti-calendar me-1"></i> Émise le {{ document.issueDate|date('d/m/Y') }}</span>{% endif %}
                        {% if document.dueDate %}<span><i class="ti ti-clock me-1"></i> Échéance le {{ document.dueDate|date('d/m/Y') }}</span>{% endif %}
                    </div>
                </div>
            </div>
            <div class="clientsphere-profile-actions">
                {% if document.type == 'quote' and can_view_amounts %}<a class="capsule-button capsule-button--light" href="{{ path('quote_signature', {idtoken: document.idtoken}) }}"><i class="ti ti-signature"></i> Signature en ligne</a>{% endif %}
                {% if is_quote and document.status == 'accepted' and is_granted('SALES_ORDER_CREATE') and can_view_amounts %}<a class="capsule-button capsule-button--primary" href="{{ path('sales_order_from_quote', {quoteToken:document.idtoken}) }}">Créer un bon de commande</a>{% endif %}
                {% if document.sourceDocument and document.sourceDocument.type == 'order' and is_granted('SALES_ORDER_VIEW', document.sourceDocument) %}<a class="capsule-button capsule-button--light" href="{{ path('sales_order_show', {idtoken:document.sourceDocument.idtoken}) }}">Bon de commande source</a>{% endif %}
                {% if is_editable and is_granted('BILLING_DOCUMENT_EDIT', document) %}
                    <a class="capsule-button capsule-button--primary" href="{{ path('billing_document_edit', {idtoken: document.idtoken}) }}"><i class="ti ti-edit"></i> Modifier</a>
                {% endif %}

                {% if can_view_amounts %}<a class="capsule-button capsule-button--light" href="{{ path('billing_document_pdf', {idtoken: document.idtoken}) }}" target="_blank" rel="noopener" data-turbo="false"><i class="ti ti-eye"></i> Voir PDF</a>
                <a class="capsule-button capsule-button--primary" href="{{ path('billing_document_pdf_download', {idtoken: document.idtoken}) }}" data-turbo="false"><i class="ti ti-download"></i> Télécharger PDF</a>
                {% endif %}
                {% if can_send %}
                    <form method="post" action="{{ path('billing_document_send_email', {idtoken: document.idtoken}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_email_' ~ document.idtoken) }}">
                        <input type="hidden" name="recipient" value="{{ document.customer ? document.customer.email : '' }}">
                        <button class="capsule-button capsule-button--light"><i class="ti ti-mail"></i> Envoyer par email</button>
                    </form>
                {% endif %}
                <a class="capsule-button capsule-button--light" href="{{ path(back_route) }}"><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>{{ document.customer ? document.customer.nom : document.customerNameSnapshot|default('—') }}</strong>
                        <span>{{ document.customer ? document.customer.type|default('Client')|lower : 'client' }}</span>
                        <p>{{ document.customerSiretSnapshot ?: '—' }}</p>
                        {% if document.customer and document.customer.email %}<p>Email: {{ document.customer.email }}</p>{% endif %}
                    </section>

                    <section class="billing-show-card billing-show-context-card">
                        <header>
                            <h2>Projet</h2>
                            {% if document.project %}<a href="{{ path('projet_show', {id: document.project.id}) }}">Voir dossier</a>{% endif %}
                        </header>
                        <strong>{{ document.project ? document.project.titre : 'Aucun projet' }}</strong>
                        <span>{{ document.project ? document.project.type|lower : '—' }}</span>
                        <p>{{ document.project ? document.project.description|default('—') : '—' }}</p>
                        {% if document.project %}
                            <div class="billing-show__badges">
                                <i>{{ document.project.statut }}</i>
                                {% if document.dueDate %}<i>Échéance {{ document.dueDate|date('d/m/Y') }}</i>{% endif %}
                            </div>
                        {% endif %}
                    </section>
                </div>

                <section class="billing-show-card billing-show-lines">
                    <header>
                        <h2>Lignes de {{ is_credit ? 'l’avoir' : document_label }}</h2>
                        {% if is_editable %}<a class="capsule-button capsule-button--primary" href="{{ path('billing_document_edit', {idtoken: document.idtoken}) }}"><i class="ti ti-edit"></i>Modifier</a>{% endif %}
                    </header>

                    {% if document.introText %}<div class="billing-show-lines__intro">{{ document.introText|nl2br }}</div>{% endif %}

                    <div class="billing-show-lines__table">
                        <div class="billing-show-lines__head">
                            <span>Libellé</span>
                            <span>Qté</span>
                            <span>{{ can_view_amounts ? 'PU HT' : 'Montant' }}</span>
                            <span>TVA</span>
                            <span>Total HT</span>
                            <span>Total TTC</span>
                            <span>Origine</span>
                        </div>

                        {% for line in document.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>{% if line.description %}{{ line.description|nl2br }}{% endif %}</span>
                                </div>
                            {% else %}
                                <div class="billing-show-line">
                                    <span>
                                        <strong>{{ line.label }}</strong>
                                        {% if line.description %}<small>{{ line.description|raw }}</small>{% endif %}
                                    </span>
                                    <span>{{ line.quantity|number_format(3, ',', ' ') }}</span>
                                    <span>{{ can_view_amounts ? line.unitPriceHt|number_format(2, ',', ' ') ~ ' ' ~ currency : 'Masqué' }}</span>
                                    <span>{{ line.vatRate|number_format(2, ',', ' ') }} %</span>
                                    <b>{{ can_view_amounts ? line.subtotalHt|number_format(2, ',', ' ') ~ ' ' ~ currency : '—' }}</b>
                                    <b>{{ can_view_amounts ? line.totalTtc|number_format(2, ',', ' ') ~ ' ' ~ currency : '—' }}</b>
                                    <span>{{ line.sourceType == 'product' ? 'Produit' : '—' }}</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 can_view_amounts %}<dl>
                            <div><dt>Sous-total HT</dt><dd>{{ document.subtotalHt|number_format(2, ',', ' ') }} {{ currency }}</dd></div>
                            {% if document.totalDiscountHt > 0 %}<div><dt>Remises HT</dt><dd>{{ document.totalDiscountHt|number_format(2, ',', ' ') }} {{ currency }}</dd></div>{% endif %}
                            <div><dt>TVA</dt><dd>{{ document.totalVat|number_format(2, ',', ' ') }} {{ currency }}</dd></div>
                            <div class="is-total"><dt>Total TTC</dt><dd>{{ document.totalTtc|number_format(2, ',', ' ') }} {{ currency }}</dd></div>
                            {% if is_invoice and can_view_payments %}
                                <div><dt>Acompte versé</dt><dd>{{ document.totalPaid|number_format(2, ',', ' ') }} {{ currency }}</dd></div>
                                <div class="is-balance"><dt>Reste à payer</dt><dd>{{ document.balanceDue|number_format(2, ',', ' ') }} {{ currency }}</dd></div>
                            {% endif %}
                        </dl>{% else %}<p>Les montants ne sont pas accessibles avec vos permissions actuelles.</p>{% endif %}
                    </section>

                    <section id="billing-payment-card" class="billing-show-card billing-show-payment">
                        <header>
                            <h2>Paiement &amp; suivi</h2>
                            {% if can_view_payments and is_invoice and document.status != 'draft' and document.balanceDue > 0 %}<a href="{{ path('billing_document_payment_modal', {idtoken: document.idtoken}) }}" data-turbo-frame="frame_modal">Enregistrer un paiement</a>{% endif %}
                        </header>

                        {% if can_view_payments and is_invoice and document.balanceDue > 0 %}
                            <div class="billing-show-payment__pending">
                                <span>Paiement en attente<small>Solde restant à encaisser</small></span>
                                <strong>{{ document.balanceDue|number_format(2, ',', ' ') }} {{ currency }}</strong>
                            </div>
                        {% elseif can_view_payments and is_invoice %}
                            <div class="billing-show-payment__paid"><span>Facture réglée</span><strong>{{ document.totalPaid|number_format(2, ',', ' ') }} {{ currency }}</strong></div>
                        {% endif %}

                        <h3>Paiements enregistrés</h3>
                        {% if can_view_payments %}{% for allocation in document.paymentAllocations %}
                            <p>{{ allocation.payment.paymentDate|date('d/m/Y') }} · <strong>{{ allocation.allocatedAmount|number_format(2, ',', ' ') }} {{ currency }}</strong></p>
                        {% else %}
                            <p>Aucun paiement enregistré.</p>
                        {% endfor %}{% else %}<p>Informations de paiement masquées.</p>{% endif %}

                    </section>
                </div>

                {% if document.footerNotes or document.paymentTerms %}
                    <section class="billing-show-card billing-show-notes">
                        {% if document.paymentTerms %}<div><h2>Conditions de règlement</h2><p>{{ document.paymentTerms|nl2br }}</p></div>{% endif %}
                        {% if document.footerNotes %}<div><h2>Notes au client</h2><p>{{ document.footerNotes|nl2br }}</p></div>{% endif %}
                    </section>
                {% endif %}
                {% if is_invoice and (document.bankIbanSnapshot or document.bankAccount) %}<section class="billing-show-card"><h2>Coordonnées bancaires</h2><p><strong>{{ document.bankLabelSnapshot ?: document.bankAccount.nom }}</strong><br>{{ document.bankHolderSnapshot ?: document.bankAccount.accountHolder }}<br>IBAN : {{ document.bankIbanSnapshot ?: document.bankAccount.iban }}<br>BIC : {{ document.bankBicSnapshot ?: document.bankAccount.bic }}</p></section>{% endif %}
            </main>

            <aside class="billing-show-card">
                <h2>Actions</h2>

                {% if is_granted('BILLING_DOCUMENT_SUBMIT', document) %}
                    <form method="post" action="{{ path('billing_document_submit', {idtoken: document.idtoken}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_submit_' ~ document.idtoken) }}">
                        <button class="capsule-button capsule-button--primary mt-2">Soumettre pour validation</button>
                    </form>
                {% endif %}

                {% if is_granted('BILLING_DOCUMENT_REVIEW', document) %}
                    {% for decision, label in {approved: (is_quote ? 'Valider le devis' : 'Approuver'), changes_requested: 'Demander des modifications', rejected: 'Rejeter'} %}
                        <form method="post" action="{{ path('billing_document_review', {idtoken: document.idtoken, decision: decision}) }}" class="mt-2">
                            <input type="hidden" name="_token" value="{{ csrf_token('billing_document_review_' ~ document.idtoken ~ '_' ~ decision) }}">
                            {% if decision == 'changes_requested' %}<textarea name="comment" class="form-control mb-2" required placeholder="Modifications demandées"></textarea>{% endif %}
                            <button class="capsule-button capsule-button--light">{{ label }}</button>
                        </form>
                    {% endfor %}
                {% endif %}

                {% if can_send %}
                    <form method="post" action="{{ path('billing_document_send_email', {idtoken: document.idtoken}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_email_' ~ document.idtoken) }}">
                        <input type="hidden" name="recipient" value="{{ document.customer ? document.customer.email : '' }}">
                        <button class="capsule-button capsule-button--primary mt-2">Envoyer par email</button>
                    </form>
                {% endif %}

                {% if is_quote and can_send and is_granted('BILLING_DOCUMENT_VALIDATE', document) %}
                    <form method="post" action="{{ path('billing_document_transition', {idtoken: document.idtoken, status: 'sent'}) }}" data-turbo-frame="_top">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_transition_' ~ document.idtoken ~ '_sent') }}">
                        <input type="hidden" name="comment" value="Devis marqué comme envoyé manuellement.">
                        <button class="capsule-button capsule-button--light mt-2" data-turbo-submits-with="Enregistrement…"><i class="ti ti-send-check me-1"></i>Marquer comme envoyé</button>
                    </form>
                {% endif %}

                <form method="post" action="{{ path('billing_document_duplicate', {idtoken: document.idtoken}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('billing_document_duplicate_' ~ document.idtoken) }}">
                    <button class="capsule-button capsule-button--light mt-2">Dupliquer {{ document_subject }}</button>
                </form>

                {% if can_validate %}
                    {% set validation_allowed = is_granted('BILLING_DOCUMENT_VALIDATE', document) %}
                    {% set bank_ready = not is_invoice or (document.bankAccount and not document.bankAccount.deleted and document.bankAccount.societe and document.bankAccount.societe.id == document.company.id) %}
                    {% if not validation_allowed %}
                        <p class="alert alert-warning mt-2" role="alert">La validation nécessite les droits appropriés et, pour un brouillon créé par un alternant, une approbation préalable.</p>
                    {% elseif not bank_ready %}
                        <div class="alert alert-warning mt-2" id="billing-validation-bank-warning" role="alert">
                            Sélectionnez un compte bancaire actif de la société avant de valider la facture.
                            {% if is_granted('BILLING_DOCUMENT_EDIT', document) %}<a href="{{ path('billing_document_edit', {idtoken: document.idtoken}) }}#billing-bank-account">Renseigner le compte bancaire</a>{% endif %}
                        </div>
                    {% endif %}
                    {% set validation_status = 'validated' in available_statuses ? 'validated' : 'issued' %}
                    {% if validation_allowed %}
                    <form method="post" action="{{ path('billing_document_transition', {idtoken: document.idtoken, status: validation_status}) }}" data-turbo-frame="_top" data-turbo-action="replace">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_transition_' ~ document.idtoken ~ '_' ~ validation_status) }}">
                        <button class="capsule-button capsule-button--green mt-2" data-turbo-submits-with="Validation…" {% if not bank_ready %}disabled aria-describedby="billing-validation-bank-warning"{% endif %}>Valider {{ document_subject }}</button>
                    </form>
                    {% endif %}
                {% endif %}

                {% if is_granted('BILLING_DOCUMENT_VALIDATE', document) and can_accept_quote %}
                    <form method="post" action="{{ path('billing_document_transition', {idtoken: document.idtoken, status: 'accepted'}) }}" data-turbo-frame="_top">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_transition_' ~ document.idtoken ~ '_accepted') }}">
                        <button class="capsule-button capsule-button--green mt-2" data-turbo-submits-with="Enregistrement…"><i class="ti ti-circle-check me-1"></i>Marquer comme accepté</button>
                    </form>
                {% endif %}

                {% if is_granted('BILLING_DOCUMENT_VALIDATE', document) and can_refuse_quote %}
                    <button class="capsule-button capsule-button--danger mt-2" type="button" data-bs-toggle="modal" data-bs-target="#billing-quote-refusal-modal"><i class="ti ti-circle-x me-1"></i>Marquer comme refusé</button>
                {% endif %}

                {% if can_view_payments and is_invoice and document.status != 'draft' and document.balanceDue > 0 %}
                    <a class="capsule-button capsule-button--green mt-2" href="{{ path('billing_document_payment_modal', {idtoken: document.idtoken}) }}" data-turbo-frame="frame_modal">Enregistrer un paiement</a>
                {% endif %}

                {% if is_quote and document.status == 'accepted' %}
                    <form method="post" action="{{ path('billing_document_transform_to_invoice', {idtoken: document.idtoken}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_transform_' ~ document.idtoken) }}">
                        <button class="capsule-button capsule-button--blue mt-2">Créer la facture</button>
                    </form>
                {% endif %}

                {% if is_invoice and document.status != 'draft' %}
                    <form method="post" action="{{ path('billing_document_credit_note_new', {idtoken: document.idtoken}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('billing_document_credit_note_' ~ document.idtoken) }}">
                        <button class="capsule-button capsule-button--cyan mt-2">Créer un avoir</button>
                    </form>
                {% endif %}

                {% if document.status == 'draft' %}
                    <a class="capsule-button capsule-button--danger mt-2" href="{{ path('billing_document_delete_confirm', {idtoken: document.idtoken}) }}" data-turbo-frame="frame_modal">Supprimer</a>
                {% endif %}

                <hr>
                <h2>Envoi email</h2>
                {% if document.sentAt %}
                    <p>Dernier envoi le {{ document.sentAt|date('d/m/Y à H:i') }}<br>{{ document.sendCount }} envoi(s){% if document.lastSentTo %}<br>{{ document.lastSentTo }}{% endif %}</p>
                {% else %}
                    <p><strong>Jamais envoyé</strong><br>0 envoi</p>
                {% endif %}

                <hr>
                <h2>Historique</h2>
                {% for history in document.statusHistory %}
                    <article>
                        <p><strong>{{ is_quote and history.newStatus == 'validated' ? 'Validé' : status_labels[history.newStatus]|default(history.newStatus) }}</strong> le {{ history.createdAt|date('d/m/Y H:i') }}</p>
                        {% if history.comment %}<small>{{ history.comment }}</small>{% endif %}
                    </article>
                {% else %}
                    <p>Aucun historique.</p>
                {% endfor %}

                {% if document.sourceDocument or derived_documents %}
                    <hr>
                    <h3>Documents liés</h3>
                    {% if document.sourceDocument %}<a href="{{ path(document.sourceDocument.type == 'order' ? 'sales_order_show' : 'billing_document_show', {idtoken: document.sourceDocument.idtoken}) }}">Origine : {{ document.sourceDocument.number ?: 'Brouillon' }}</a>{% endif %}
                    {% for derived in derived_documents %}<a href="{{ path(derived.type == 'order' ? 'sales_order_show' : 'billing_document_show', {idtoken: derived.idtoken}) }}">{{ type_labels[derived.type] }} {{ derived.number ?: 'Brouillon' }}</a>{% endfor %}
                {% endif %}
            </aside>
        </div>
    </div>

    {% if is_granted('BILLING_DOCUMENT_VALIDATE', document) and can_refuse_quote %}
        <div class="modal fade" id="billing-quote-refusal-modal" tabindex="-1" aria-labelledby="billing-quote-refusal-title" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <form class="modal-content" method="post" action="{{ path('billing_document_transition', {idtoken: document.idtoken, status: 'refused'}) }}" data-turbo-frame="_top">
                    <input type="hidden" name="_token" value="{{ csrf_token('billing_document_transition_' ~ document.idtoken ~ '_refused') }}">
                    <div class="modal-header">
                        <h2 class="modal-title fs-5" id="billing-quote-refusal-title">Refuser le devis</h2>
                        <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Fermer"></button>
                    </div>
                    <div class="modal-body">
                        <label class="form-label" for="billing-quote-refusal-reason">Motif du refus <span class="text-danger">*</span></label>
                        <textarea class="form-control" id="billing-quote-refusal-reason" name="comment" rows="4" maxlength="2000" required placeholder="Indiquez pourquoi ce devis a été refusé."></textarea>
                        <div class="form-text">Ce motif sera conservé dans l’historique du devis.</div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-outline-secondary" type="button" data-bs-dismiss="modal">Annuler</button>
                        <button class="btn btn-danger" type="submit" data-turbo-submits-with="Enregistrement…">Confirmer le refus</button>
                    </div>
                </form>
            </div>
        </div>
    {% endif %}
{% endblock %}