{% extends '@Commercial/billing/layout.html.twig' %}
{% block commercial_title %}{{ title }}{% endblock %}
{% block billing_heading %}{% endblock %}
{% block billing_toolbar %}{% endblock %}
{% block billing_content %}
{% set historical_mode = historical_mode|default(false) %}
{% set project_required = require_invoice_project|default(false) and input.type in ['invoice', 'deposit_invoice', 'balance_invoice'] and not historical_mode %}
{% set type_label = type_labels[input.type]|default(input.type) %}
{% set form_lines = input.lines|length ? input.lines : [{position: 1, lineType: 'line', label: '', description: '', quantity: '1.000', unitPriceHt: '0.00', discountRate: '0.00', vatRate: '20.00', sourceType: 'free_line'}] %}
{% set back_url = historical_mode ? path('billing_historical_invoice_index') : (document ? path('billing_document_show', {idtoken: document.idtoken}) : (input.type == 'quote' ? path('billing_quote_index') : path('billing_invoice_index'))) %}
<form method="post" action="{{ action }}" class="billing-editor" data-controller="billing-document-form" data-billing-document-form-paid-value="{{ document ? document.totalPaid : 0 }}"{% if historical_mode %} data-billing-document-form-historical-value="true" data-billing-document-form-number-prefix-value="{{ historical_number_prefix|e('html_attr') }}"{% endif %}>
    <input type="hidden" name="_token" value="{{ csrf_token(csrf_id) }}">
    <header class="billing-editor__topbar">
        <div><a href="{{ back_url }}" class="billing-button billing-button--muted"><i class="ti ti-arrow-left"></i> Retour</a><div><h1>{{ historical_mode ? 'Ajouter une facture historique' : (document ? 'Modifier le document' : 'Créer un document') }} <span>{{ historical_mode ? 'HISTORIQUE' : (document ? document.status|upper : 'DRAFT') }}</span></h1><p>{{ type_label }}{% if document and document.number %} · {{ document.number }}{% endif %}</p></div></div>
        <div><a class="billing-button billing-button--secondary" href="{{ back_url }}">Annuler</a><button class="billing-button billing-button--primary"><i class="ti ti-check"></i> {{ historical_mode ? 'Créer la facture' : 'Enregistrer' }}</button></div>
    </header>
    {% if errors._global is defined %}<div class="billing-alert billing-alert--danger">{{ errors._global }}</div>{% endif %}

    <div class="billing-editor__layout">
        <main>
            <section class="billing-editor-card">
                <header><h2>Informations générales</h2></header>
                <div class="billing-editor-card__body billing-form-grid">
                    <label>Destinataire <b>*</b><select name="billing[customer]" required data-billing-document-form-target="customer" data-action="change->billing-document-form#customerChanged"><option value="">Sélectionner un destinataire</option>{% for client in clients %}<option value="{{ client.id }}" {{ input.customerId == client.id ? 'selected' : '' }}>{{ client.nom }}{% if client.entite == 'Prospect' %} — Prospect{% endif %}</option>{% endfor %}</select>{% if errors.customer is defined %}<small>{{ errors.customer }}</small>{% endif %}</label>
                    <label>Projet {% if project_required %}<b>*</b>{% endif %}<select name="billing[project]" {{ project_required ? 'required' : '' }} data-billing-document-form-target="project" data-action="change->billing-document-form#contextChanged"><option value="">{{ historical_mode ? 'Aucun projet / projet inconnu' : 'Sélectionner un projet' }}</option>{% for project in projects %}<option value="{{ project.id }}" data-client-id="{{ project.client ? project.client.id : '' }}" {{ input.projectId == project.id ? 'selected' : '' }}>{{ project.titre }}</option>{% endfor %}</select>{% if errors.project is defined %}<small>{{ errors.project }}</small>{% endif %}</label>
                    <label>Type de document<input value="{{ type_label }}" readonly></label>
                    {% if historical_mode %}
                        <label>Numéro historique <b>*</b><select name="historical[sequence]" required data-billing-document-form-target="historicalSequence" data-action="change->billing-document-form#updateHistoricalNumber"><option value="">Sélectionner de 1 à {{ historical_maximum_sequence }}</option>{% for available_sequence in historical_available_sequences %}<option value="{{ available_sequence }}" {{ historical_sequence == available_sequence ? 'selected' : '' }}>N° {{ available_sequence }}</option>{% endfor %}</select>{% if errors.historicalSequence is defined %}<small>{{ errors.historicalSequence }}</small>{% endif %}</label>
                        <label>Numéro final<input value="" readonly data-billing-document-form-target="historicalNumber" placeholder="Sélectionnez un numéro et une date"></label>
                        <label>Statut <b>*</b><select name="historical[status]" data-billing-document-form-target="historicalStatus" data-action="change->billing-document-form#historicalStatusChanged"><option value="paid" {{ historical_status == 'paid' ? 'selected' : '' }}>Payée</option><option value="validated" {{ historical_status == 'validated' ? 'selected' : '' }}>Validée — non réglée</option></select>{% if errors.historicalStatus is defined %}<small>{{ errors.historicalStatus }}</small>{% endif %}</label>
                        <label data-billing-document-form-target="paymentDateField">Date de règlement<input type="date" name="historical[payment_date]" value="{{ historical_payment_date }}">{% if errors.paymentDate is defined %}<small>{{ errors.paymentDate }}</small>{% endif %}</label>
                    {% else %}<label>Numéro<input value="{{ document and document.number ? document.number : 'Attribué à la validation' }}" readonly></label>{% endif %}
                    <label>Devise<input name="billing[currency]" value="{{ input.currency }}" maxlength="3" required></label>
                    {% if input.type in ['invoice','deposit_invoice','balance_invoice'] %}<label>Compte bancaire <b>* à la validation</b><select id="billing-bank-account" name="billing[bank_account]"><option value="">Sélectionner un compte</option>{% for bank in banks %}<option value="{{ bank.id }}" {{ input.bankAccountId == bank.id ? 'selected' : '' }}>{{ bank.nom }}{% if bank.default %} — par défaut{% endif %}</option>{% endfor %}</select>{% if errors.bankAccount is defined %}<small>{{ errors.bankAccount }}</small>{% endif %}</label>{% endif %}
                    <label>Validité (jours)<input type="number" min="0" name="billing[validity_days]" value="{{ input.validityDays }}"></label>
                    <label>Date d’émission <b>*</b><input type="date" name="billing[issue_date]" value="{{ input.issueDate }}" required{% if historical_mode %} data-billing-document-form-target="historicalIssueDate" data-action="change->billing-document-form#updateHistoricalNumber"{% endif %}>{% if errors.issueDate is defined %}<small>{{ errors.issueDate }}</small>{% endif %}</label>
                    <label>{{ input.type == 'quote' ? 'Date de fin de validité' : 'Date d’échéance' }}<input type="date" name="billing[due_date]" value="{{ input.dueDate }}">{% if errors.dueDate is defined %}<small>{{ errors.dueDate }}</small>{% endif %}</label>
                </div>
            </section>

            <section class="billing-editor-card"><header><h2>Texte d’introduction</h2></header><div class="billing-editor-card__body"><textarea name="billing[intro_text]" rows="4" placeholder="Texte affiché avant les lignes du document.">{{ input.introText }}</textarea></div></section>

            <section class="billing-editor-card billing-lines-card">
                <header><div><h2>Lignes du document</h2><p>Sélectionnez plusieurs produits en une fois ou ajoutez une ligne libre.</p></div><div><button type="button" class="billing-button billing-button--secondary" data-action="billing-document-form#openProducts"><i class="ti ti-package"></i> Ajouter des produits</button><button type="button" class="billing-button billing-button--outline" data-action="billing-document-form#addFreeLine"><i class="ti ti-plus"></i> Ligne libre</button></div></header>
                <div class="billing-editor-card__body"><div class="billing-lines-table"><div class="billing-lines-table__head"><span></span><span>Produit / service</span><span>Qté</span><span>Prix HT</span><span>Remise</span><span>TVA</span><span>Total HT</span><span></span></div><div data-billing-document-form-target="lines">
                    {% for line in form_lines %}
                    <div class="billing-line" draggable="true" data-billing-document-form-target="row">
                        <span class="billing-line__drag"><i class="ti ti-grip-vertical"></i><input type="hidden" name="lines[id][]" value="{{ line.id|default('') }}"><input type="hidden" name="lines[position][]" value="{{ line.position }}" data-line-position><input type="hidden" name="lines[line_type][]" value="{{ line.lineType }}" data-line-type><input type="hidden" name="lines[source_type][]" value="{{ line.sourceType|default('free_line') }}" data-line-source></span>
                        <span><input type="hidden" name="lines[label][]" value="{{ line.label }}" data-line-label><input type="hidden" name="lines[description][]" value="{{ line.description }}" data-line-description><strong data-line-label-display>{{ line.label ?: 'Ligne sans libellé' }}</strong><small data-line-description-display>{{ line.description|striptags|slice(0, 120) }}</small>{% if errors['lines_' ~ loop.index0] is defined %}<em>{{ errors['lines_' ~ loop.index0] }}</em>{% endif %}</span>
                        <span><input type="hidden" name="lines[quantity][]" value="{{ line.quantity }}" data-line-quantity><i data-line-quantity-display>{{ line.quantity }}</i></span><span><input type="hidden" name="lines[unit_price_ht][]" value="{{ line.unitPriceHt }}" data-line-price><i data-line-price-display></i></span><span><input type="hidden" name="lines[discount_rate][]" value="{{ line.discountRate }}" data-line-discount><i data-line-discount-display></i></span><span><input type="hidden" name="lines[vat_rate][]" value="{{ line.vatRate }}" data-line-vat><i data-line-vat-display></i></span><span><strong data-line-total></strong></span><span><button type="button" title="Modifier" data-action="billing-document-form#editLine"><i class="ti ti-edit"></i></button><button type="button" title="Supprimer" data-action="billing-document-form#removeLine"><i class="ti ti-trash"></i></button></span>
                    </div>{% endfor %}
                </div></div></div>
            </section>

            <div class="billing-editor__notes">
                <section class="billing-editor-card"><header><h2>Notes au client</h2></header><div class="billing-editor-card__body"><textarea name="billing[footer_notes]" rows="7" placeholder="Notes visibles sur le document.">{{ input.footerNotes }}</textarea></div></section>
                <section class="billing-editor-card"><header><h2>Conditions &amp; règlement</h2></header><div class="billing-editor-card__body"><textarea name="billing[payment_terms]" rows="4" placeholder="Conditions de règlement, délais, pénalités.">{{ input.paymentTerms }}</textarea><label>Notes internes<textarea name="billing[internal_notes]" rows="3" placeholder="Notes réservées à l’équipe.">{{ input.internalNotes }}</textarea></label></div></section>
            </div>
        </main>
        <aside>
            <section class="billing-editor-card billing-summary"><header><h2>Résumé financier</h2></header><div class="billing-editor-card__body"><dl><div><dt>Sous-total HT</dt><dd data-billing-document-form-target="subtotal">0,00 €</dd></div><div><dt>Remises HT</dt><dd data-billing-document-form-target="discount">0,00 €</dd></div><div><dt>TVA</dt><dd data-billing-document-form-target="vat">0,00 €</dd></div><div class="is-total"><dt>Total TTC</dt><dd data-billing-document-form-target="total">0,00 €</dd></div><div><dt>Déjà payé</dt><dd data-billing-document-form-target="paidDisplay">{{ (document ? document.totalPaid : 0)|number_format(2, ',', ' ') }} €</dd></div><div class="is-balance"><dt>Reste dû</dt><dd data-billing-document-form-target="balance">0,00 €</dd></div></dl></div></section>
            <section class="billing-editor-card billing-context"><header><h2>Contexte document</h2></header><div class="billing-editor-card__body"><small>Type</small><strong>{{ historical_mode ? 'Facture historique' : type_label }}</strong><small>Client</small><strong data-billing-document-form-target="clientName">Aucun client sélectionné</strong><small>Projet</small><strong data-billing-document-form-target="projectName">Aucun projet sélectionné</strong>{% if historical_mode %}<small>Impact numérotation</small><strong>Séquence courante inchangée</strong>{% endif %}</div></section>
        </aside>
    </div>

    <dialog class="billing-dialog" data-billing-document-form-target="lineDialog"><div class="billing-dialog__header"><h2>Modifier la ligne</h2><button type="button" data-action="billing-document-form#closeLine">×</button></div><div class="billing-dialog__body billing-form-grid"><label class="is-wide">Libellé<input data-billing-document-form-target="modalLabel"></label><label class="is-wide">Description<textarea rows="5" class="tinymce" data-controller="tinymce" data-action="tinymce:ready->billing-document-form#syncDescriptionEditor" data-billing-document-form-target="modalDescription"></textarea></label><label>Quantité<input inputmode="decimal" data-billing-document-form-target="modalQuantity"></label><label>Prix HT<input inputmode="decimal" data-billing-document-form-target="modalPrice"></label><label>Remise %<input inputmode="decimal" data-billing-document-form-target="modalDiscount"></label><label>TVA %<input inputmode="decimal" data-billing-document-form-target="modalVat"></label></div><div class="billing-dialog__footer"><button type="button" class="billing-button billing-button--secondary" data-action="billing-document-form#closeLine">Annuler</button><button type="button" class="billing-button billing-button--primary" data-action="billing-document-form#saveLine">Valider la ligne</button></div></dialog>

    <dialog class="billing-dialog billing-dialog--products" data-billing-document-form-target="productDialog"><div class="billing-dialog__header"><h2>Ajouter des produits</h2><button type="button" data-action="billing-document-form#closeProducts">×</button></div><div class="billing-dialog__body"><div class="billing-product-search"><input type="search" placeholder="Rechercher un produit…" data-action="input->billing-document-form#filterProducts"><span>Sélectionnez un ou plusieurs produits, puis ajoutez-les en lignes.</span></div><div class="billing-products"><div class="billing-products__head"><span></span><span>Produit</span><span>Description</span><span>Prix HT</span><span>TVA</span></div>{% for product in products %}<label class="billing-product" data-billing-document-form-target="product" data-search="{{ (product.nom ~ ' ' ~ product.description)|lower|e('html_attr') }}"><input type="checkbox" data-product-name="{{ product.nom|e('html_attr') }}" data-product-description="{{ product.description|default('')|e('html_attr') }}" data-product-price="{{ product.prix|number_format(2, '.', '') }}" data-product-vat="{{ product.taxe ? product.taxe.taux|number_format(2, '.', '') : '0.00' }}"><strong>{{ product.nom }}</strong><span>{{ product.description|striptags }}</span><b>{{ product.prix|number_format(2, ',', ' ') }} €</b><b>{{ product.taxe ? product.taxe.taux|number_format(2, ',', ' ') : '0,00' }} %</b></label>{% else %}<p class="billing-empty">Aucun produit disponible.</p>{% endfor %}</div></div><div class="billing-dialog__footer"><button type="button" class="billing-button billing-button--secondary" data-action="billing-document-form#closeProducts">Fermer</button><button type="button" class="billing-button billing-button--primary" data-action="billing-document-form#addProducts"><i class="ti ti-plus"></i> Ajouter les produits sélectionnés</button></div></dialog>

    <template data-billing-document-form-target="template"><div class="billing-line" draggable="true" data-billing-document-form-target="row"><span class="billing-line__drag"><i class="ti ti-grip-vertical"></i><input type="hidden" name="lines[id][]"><input type="hidden" name="lines[position][]" value="1" data-line-position><input type="hidden" name="lines[line_type][]" value="line" data-line-type><input type="hidden" name="lines[source_type][]" value="free_line" data-line-source></span><span><input type="hidden" name="lines[label][]" data-line-label><input type="hidden" name="lines[description][]" data-line-description><strong data-line-label-display>Ligne sans libellé</strong><small data-line-description-display></small></span><span><input type="hidden" name="lines[quantity][]" value="1.000" data-line-quantity><i data-line-quantity-display>1.000</i></span><span><input type="hidden" name="lines[unit_price_ht][]" value="0.00" data-line-price><i data-line-price-display></i></span><span><input type="hidden" name="lines[discount_rate][]" value="0.00" data-line-discount><i data-line-discount-display></i></span><span><input type="hidden" name="lines[vat_rate][]" value="20.00" data-line-vat><i data-line-vat-display></i></span><span><strong data-line-total></strong></span><span><button type="button" data-action="billing-document-form#editLine"><i class="ti ti-edit"></i></button><button type="button" data-action="billing-document-form#removeLine"><i class="ti ti-trash"></i></button></span></div></template>
</form>
{% endblock %}