{% extends 'admin/layout.html.twig' %}
{% block title %}Modèles de mails — WTL{% endblock %}
{% block admin_body %}
<div class="d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-start mb-4">
<div><h1 class="h2 mb-1">Modèles de mails de prospection</h1><p class="text-secondary mb-0">Bibliothèque propre à {{ project.name }}. Les modèles sont copiés automatiquement pour chaque nouveau projet.</p></div>
</div>
<div class="alert alert-light border"><strong>Variables disponibles :</strong><div class="d-flex flex-wrap gap-2 mt-2">{% for v in variables %}<button type="button" class="btn btn-sm btn-outline-secondary variable-token" data-token="{{ '{{ ' ~ v ~ ' }}' }}"><code>{{ '{{ ' ~ v ~ ' }}' }}</code></button>{% endfor %}</div><div class="small text-secondary mt-2">Les variables connues sont remplacées automatiquement dans le wizard. Les variables de personnalisation restent signalées pour être complétées avant envoi.</div></div>
<div class="accordion" id="mailTemplatesAccordion">
{% for item in items %}<div class="accordion-item"><h2 class="accordion-header"><button class="accordion-button {{ loop.first ? '' : 'collapsed' }}" data-bs-toggle="collapse" data-bs-target="#mailTemplate{{ item.id }}"><span class="badge text-bg-secondary me-2">{{ item.category }}</span>{{ item.name }}{% if not item.active %}<span class="badge text-bg-light ms-2">désactivé</span>{% endif %}</button></h2><div id="mailTemplate{{ item.id }}" class="accordion-collapse collapse {{ loop.first ? 'show' : '' }}" data-bs-parent="#mailTemplatesAccordion"><div class="accordion-body">
<form method="post" action="{{ path('admin_prospection_mail_template_edit',{id:item.id}) }}" class="row g-3 mail-template-form"><input type="hidden" name="_token" value="{{ csrf_token('mail-template-'~item.id) }}">
<div class="col-lg-6"><label class="form-label">Nom</label><input class="form-control" name="name" value="{{ item.name }}" required></div><div class="col-lg-3"><label class="form-label">Type</label><select class="form-select" name="category"><option value="initial" {{ item.category=='initial'?'selected':'' }}>Premier contact</option><option value="followup1" {{ item.category=='followup1'?'selected':'' }}>Relance 1</option><option value="followup2" {{ item.category=='followup2'?'selected':'' }}>Relance 2</option><option value="recontact" {{ item.category=='recontact'?'selected':'' }}>Reprise de contact</option><option value="other" {{ item.category=='other'?'selected':'' }}>Autre</option></select></div><div class="col-lg-2"><label class="form-label">Position</label><input class="form-control" type="number" name="position" value="{{ item.position }}"></div><div class="col-lg-1 d-flex align-items-end"><div class="form-check form-switch mb-2"><input class="form-check-input" type="checkbox" name="active" value="1" id="active{{ item.id }}" {{ item.active?'checked':'' }}><label class="form-check-label" for="active{{ item.id }}">Actif</label></div></div>
<div class="col-12"><label class="form-label">Objet</label><input class="form-control" name="subject" value="{{ item.subject }}" required></div>
<div class="col-12"><label class="form-label">Corps du mail</label><textarea class="form-control ck-mail-template" rows="14" name="body_html">{{ item.bodyHtml }}</textarea></div>
<div class="col-12"><button class="btn btn-dark"><i class="bi bi-check2 me-1"></i>Enregistrer le modèle</button></div>
</form></div></div></div>{% endfor %}
</div>
{% endblock %}
{% block javascripts %}{{ parent() }}
<script src="https://cdn.ckeditor.com/ckeditor5/41.4.2/classic/ckeditor.js"></script>
<script>
document.addEventListener('DOMContentLoaded',()=>{
 document.querySelectorAll('.ck-mail-template').forEach(el=>ClassicEditor.create(el,{toolbar:['undo','redo','|','bold','italic','link','bulletedList','numberedList','|','blockQuote']}).catch(console.error));
 document.querySelectorAll('.variable-token').forEach(btn=>btn.addEventListener('click',()=>navigator.clipboard?.writeText(btn.dataset.token)));
});
</script>
{% endblock %}