{% extends 'admin/layout.html.twig' %}{% block title %}{{ mode=='template'?'Nouveau modèle de fiche technique':'Configurer la fiche technique' }}{% endblock %}{% block admin_body %}
{% set base=base|default(template ? template.snapshotData : {}) %}
<div class="d-flex justify-content-between align-items-start gap-3 mb-4"><div><a href="{{ mode=='template'?path('admin_technical_index'):path('admin_prospection_show',{id:prospection.id}) }}" class="text-secondary text-decoration-none"><i class="bi bi-arrow-left"></i> Retour</a><h1 class="h3 mt-2 mb-1">{{ mode=='template'?'Créer un modèle de fiche technique':'Fiche technique — '~prospection.venue }}</h1><p class="text-secondary mb-0">Profil : <strong>{{ profile.name }}</strong>{% if template %} · base : {{ template.name }} V{{ template.version }}{% endif %}</p></div><button form="technical-wizard-form" class="btn btn-dark"><i class="bi bi-file-earmark-pdf me-1"></i>{{ mode=='template'?'Créer le modèle':'Générer et figer le PDF' }}</button></div>
<form method="post" id="technical-wizard-form"><input type="hidden" name="_submitted" value="1">{% if mode != 'template' %}<input type="hidden" name="profile_id" value="{{ profile.id }}">{% endif %}{% if template %}<input type="hidden" name="template_id" value="{{ template.id }}">{% endif %}<input type="hidden" name="_token" value="{{ csrf_token(mode=='template'?'technical-template':'technical-config-'~prospection.id) }}">
<div class="wizard-progress mb-4"><div class="wizard-step active" data-step-dot="1">1<span>Base</span></div><div class="wizard-step" data-step-dot="2">2<span>Sections</span></div><div class="wizard-step" data-step-dot="3">3<span>Détails</span></div><div class="wizard-step" data-step-dot="4">4<span>Représentation</span></div></div>
<div class="tech-wizard-step" data-step="1"><div class="card border-0 shadow-sm"><div class="card-body"><h2 class="h5">Base de la fiche</h2>{% if mode=='template' %}<div class="row g-3"><div class="col-md-6"><label class="form-label">Nom du modèle <span class="text-danger">*</span></label><input class="form-control" name="name" value="{{ template ? template.name : '' }}" required></div><div class="col-md-6"><label class="form-label">Code <span class="text-danger">*</span></label><input class="form-control" name="code" value="{{ template ? template.code : '' }}" placeholder="FT_SMALL" {{ versioning|default(false)?'readonly':'' }} required></div></div>{% endif %}<div class="row g-3 mt-1"><div class="col-md-8"><label class="form-label">Titre du document</label><input class="form-control" name="title" value="{{ base.title|default((profile.artisticProject.publicName ?: profile.artisticProject.name) ~ ' — fiche technique') }}"></div><div class="col-md-4"><label class="form-label">Profil technique</label>{% if mode == 'template' %}<select class="form-select" name="profile_id" onchange="window.location='{{ path('admin_technical_template_new') }}?profile='+this.value">{% for p in profiles %}<option value="{{ p.id }}" {{ p.id==profile.id?'selected':'' }}>{{ p.name }}</option>{% endfor %}</select><div class="form-text">Le profil définit la configuration générale et le plan conseillé.</div>{% else %}<select class="form-select" disabled><option>{{ profile.name }}</option></select><div class="form-text">Pour changer de profil, reviens à l'étape de départ.</div>{% endif %}</div><div class="col-12"><label class="form-label">Présentation</label><textarea class="form-control" rows="3" name="presentation">{{ base.presentation|default(technicalPresentation|default('')) }}</textarea></div></div></div></div></div>
<div class="tech-wizard-step d-none" data-step="2"><div class="card border-0 shadow-sm"><div class="card-body"><h2 class="h5">Sections à faire apparaître</h2><p class="text-secondary">Décoche une section pour la masquer entièrement. Les lignes seront choisies finement à l'étape suivante.</p><div class="row g-2">{% for key,label in {'configuration':'Configuration','presentation':'Présentation','stage_plan':'Plan de scène','patch':'Patch audio','equipment':'Matériel','effects':'Effets / intentions','hospitality':'Accueil technique','texts':'Blocs rédactionnels','schedule':'Horaires / accueil','contacts':'Contacts'} %}{% set checked=base.sections[key]|default(key in ['configuration','presentation','stage_plan','patch','equipment','effects','hospitality','contacts']) %}<div class="col-md-6 col-xl-4"><label class="tech-section-choice"><input type="checkbox" name="section_{{ key }}" value="1" data-section-toggle="{{ key }}" {{ checked?'checked':'' }}><span><i class="bi bi-check-circle-fill"></i>{{ label }}</span></label></div>{% endfor %}</div></div></div></div>
<div class="tech-wizard-step d-none" data-step="3"><div class="accordion" id="technicalSections">
{{ _self.rowsAccordion('patch','Patch audio',patch,base.patch|default([])) }}{{ _self.rowsAccordion('equipment','Matériel',equipment,base.equipment|default([])) }}{{ _self.rowsAccordion('effects','Effets et intentions',effects,base.effects|default([])) }}{{ _self.rowsAccordion('hospitality','Accueil technique',hospitality,base.hospitality|default([])) }}{{ _self.rowsAccordion('texts','Blocs rédactionnels',texts,base.texts|default([])) }}
<div class="accordion-item" data-section-panel="stage_plan"><h2 class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-plan">Plan de scène</button></h2><div id="collapse-plan" class="accordion-collapse collapse show"><div class="accordion-body"><label class="form-label">Plan à utiliser</label><select class="form-select" name="stage_plan_id"><option value="">Aucun</option>{% for p in plans %}{% set selected=(base.stage_plan.id|default(default_plan ? default_plan.id : 0))==p.id %}<option value="{{ p.id }}" {{ selected?'selected':'' }}>{{ p.code }} — {{ p.name }} V{{ p.version }}</option>{% endfor %}</select><div class="form-text">Tu peux modifier les plans dans Fiches techniques → Plans de scène.</div></div></div></div>
</div></div>
<div class="tech-wizard-step d-none" data-step="4"><div class="row g-3"><div class="col-lg-7"><div class="card border-0 shadow-sm h-100"><div class="card-body"><h2 class="h5">Informations propres à la représentation</h2><div class="row g-3"><div class="col-md-6"><label class="form-label">Arrivée / montage</label><input class="form-control" name="arrival_time" value="{{ base.schedule['Arrivée / montage']|default('') }}"></div><div class="col-md-6"><label class="form-label">Balance</label><input class="form-control" name="soundcheck_time" value="{{ base.schedule['Balance']|default('') }}"></div><div class="col-md-6"><label class="form-label">Ouverture public</label><input class="form-control" name="doors_time" value="{{ base.schedule['Ouverture public']|default('') }}"></div><div class="col-md-6"><label class="form-label">Spectacle</label><input class="form-control" name="show_time" value="{{ base.schedule['Spectacle']|default('') }}"></div></div></div></div></div><div class="col-lg-5"><div class="card border-0 shadow-sm h-100"><div class="card-body"><h2 class="h5">Résumé</h2><dl class="row small"><dt class="col-5">Profil</dt><dd class="col-7">{{ profile.name }}</dd><dt class="col-5">Plateau</dt><dd class="col-7">{{ profile.plateau }}</dd><dt class="col-5">Audio</dt><dd class="col-7">{{ profile.audio }}</dd><dt class="col-5">Vidéo</dt><dd class="col-7">{{ profile.video }}</dd><dt class="col-5">Lumière</dt><dd class="col-7">{{ profile.lighting }}</dd></dl><div class="alert alert-info small mb-0">Le PDF généré est ensuite stocké comme document immuable. Les modifications futures des paramètres ne modifieront jamais cette version.</div></div></div></div></div></div>
<div class="d-flex justify-content-between mt-4"><button type="button" class="btn btn-outline-secondary d-none" id="tech-prev"><i class="bi bi-arrow-left me-1"></i>Précédent</button><button type="button" class="btn btn-dark ms-auto" id="tech-next">Suivant <i class="bi bi-arrow-right ms-1"></i></button></div></form>
{% endblock %}
{% macro rowsAccordion(key,title,items,selectedRows) %}{% set selectedIds=[] %}{% for r in selectedRows %}{% set selectedIds=selectedIds|merge([r.id|default(0)]) %}{% endfor %}<div class="accordion-item" data-section-panel="{{ key }}"><h2 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ key }}">{{ title }} <span class="badge text-bg-light ms-2" data-count-for="{{ key }}"></span></button></h2><div id="collapse-{{ key }}" class="accordion-collapse collapse"><div class="accordion-body"><div class="d-flex gap-2 mb-3"><button class="btn btn-sm btn-outline-dark" type="button" data-select-all="{{ key }}">Tout sélectionner</button><button class="btn btn-sm btn-outline-secondary" type="button" data-select-none="{{ key }}">Tout masquer</button><button class="btn btn-sm btn-outline-secondary" type="button" data-reset="{{ key }}">Valeurs par défaut</button></div><div class="list-group">{% for item in items %}{% set visible=(selectedRows is not empty ? item.id in selectedIds : item.defaultVisible) %}<label class="list-group-item d-flex align-items-start gap-3"><input class="form-check-input mt-1 tech-row-check" type="checkbox" name="{{ key }}[{{ item.id }}]" value="1" data-group="{{ key }}" data-default="{{ item.defaultVisible?'1':'0' }}" {{ visible?'checked':'' }}><span><strong>{% if key=='patch' %}{{ item.channelNumber }} — {{ item.source }}{% elseif key=='equipment' %}{{ item.category }} — {{ item.name }}{% elseif key=='effects' %}{{ item.source }} — {{ item.treatment }}{% elseif key=='hospitality' %}{{ item.element }}{% else %}{{ item.title }}{% endif %}</strong><span class="d-block small text-secondary">{% if key=='patch' %}{{ item.microphoneDi }} · {{ item.comment }}{% elseif key=='equipment' %}{{ item.providedBy }} · {{ item.comment }}{% elseif key=='effects' %}{{ item.indicativeValue }} · {{ item.comment }}{% elseif key=='hospitality' %}{{ item.requirement }} · {{ item.comment }}{% else %}{{ item.content|slice(0,180) }}{% endif %}</span></span></label>{% endfor %}</div></div></div></div>{% endmacro %}
{% block javascripts %}{{ parent() }}<script src="{{ asset('js/technical-wizard.js') }}"></script>{% endblock %}