{% extends 'admin/layout.html.twig' %}
{% block title %}Devis et factures — Paramétrage WTL{% endblock %}
{% block admin_body %}
{% set canWrite = can_permission('COMMERCIAL_SETTINGS', 2) %}
<div class="mb-4">
<h1 class="h2 mb-1">Paramétrage des devis et factures</h1>
<p class="text-secondary mb-0">Numérotation, délais, mentions et pied de page.</p>
</div>
<form method="post"><fieldset {% if not canWrite %}disabled{% endif %}>
<input type="hidden" name="_token" value="{{ csrf_token('document-settings') }}">
<div class="row g-4">
    <div class="col-xl-6">
<div class="card h-100">
<div class="card-header bg-white">
<strong>Paramétrage des devis</strong>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-4">
<label class="form-label">Préfixe</label>
<input class="form-control" name="quote_prefix" value="{{ quote.prefix }}">
</div>
<div class="col-md-4">
<label class="form-label">Durée validité</label>
<input class="form-control" type="number" min="0" name="quote_validity_days" value="{{ quote.validityDays }}">
</div>
<div class="col-md-4">
<label class="form-label">Dernier n° {{ year }}
</label>
<input class="form-control" type="number" min="0" name="quote_last_number" value="{{ quoteSequence.lastNumber }}">
<div class="form-text">Prochain : {{ quote.prefix }}-{{ year|slice(2,2) }}-{{ '%04d'|format(quoteSequence.lastNumber + 1) }}
</div>
</div>
<div class="col-12">
<label class="form-label">Mentions / conditions du devis</label>
<textarea class="form-control token-editor" rows="8" name="quote_mandatory_mentions">{{ quote.mandatoryMentions }}
</textarea>
</div>
<div class="col-12">
<label class="form-label">Pied de page devis</label>
<textarea class="form-control token-editor" rows="5" name="quote_footer">{{ quote.footerTemplate }}
</textarea>
</div>
</div>
</div>
</div>
</div>
    <div class="col-xl-6">
<div class="card h-100">
<div class="card-header bg-white">
<strong>Paramétrage des factures</strong>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-4">
<label class="form-label">Préfixe</label>
<input class="form-control" name="invoice_prefix" value="{{ invoice.prefix }}">
</div>
<div class="col-md-4">
<label class="form-label">Délai paiement</label>
<input class="form-control" type="number" min="0" name="invoice_payment_delay_days" value="{{ invoice.paymentDelayDays }}">
</div>
<div class="col-md-4">
<label class="form-label">Dernier n° {{ year }}
</label>
<input class="form-control" type="number" min="0" name="invoice_last_number" value="{{ invoiceSequence.lastNumber }}">
<div class="form-text">Prochain : {{ invoice.prefix }}-{{ year|slice(2,2) }}-{{ '%04d'|format(invoiceSequence.lastNumber + 1) }}
</div>
</div>
<div class="col-12">
<label class="form-label">Mentions / conditions de facture</label>
<textarea class="form-control token-editor" rows="8" name="invoice_mandatory_mentions">{{ invoice.mandatoryMentions }}
</textarea>
</div>
<div class="col-12">
<label class="form-label">Pied de page facture</label>
<textarea class="form-control token-editor" rows="5" name="invoice_footer">{{ invoice.footerTemplate }}
</textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card mt-4">
<div class="card-body">
<strong>Variables disponibles</strong>
<div class="d-flex flex-wrap gap-2 mt-2">
{% for token in tokens %}
<button type="button" class="btn btn-sm btn-outline-secondary token-btn" data-token="{{ '{{' ~ token ~ '}}' }}">
<code>{{ '{{' ~ token ~ '}}' }}
</code>
</button>
{% endfor %}
</div>
<div class="form-text mt-2">Clique sur une variable pour l'insérer dans le dernier champ texte sélectionné.</div>
</div>
</div>
<div class="sticky-bottom bg-body py-3 border-top mt-4">
{% if canWrite %}<button class="btn btn-dark btn-lg">Enregistrer les paramètres</button>{% else %}<span class="badge text-bg-secondary">Lecture seule</span>{% endif %}
</div>
</fieldset></form>
{% endblock %}
{% block javascripts %}{{ parent() }}
<script>(()=>{let active=document.querySelector('.token-editor');document.querySelectorAll('.token-editor').forEach(e=>e.addEventListener('focus',()=>active=e));document.querySelectorAll('.token-btn').forEach(b=>b.addEventListener('click',()=>{if(!active)return;const t=b.dataset.token,s=active.selectionStart??active.value.length,e=active.selectionEnd??active.value.length;active.value=active.value.slice(0,s)+t+active.value.slice(e);active.focus();active.selectionStart=active.selectionEnd=s+t.length;}));})();</script>
{% endblock %}