{% extends 'admin/layout.html.twig' %}
{% macro errors(errors,name) %}{% for message in errors[name]|default([]) %}<div class="invalid-feedback d-block">{{ message }}</div>{% endfor %}{% endmacro %}
{% macro text(errors,values,name,label,rows=3,help=null) %}<div><label class="form-label" for="feedback_{{ name }}">{{ label }}</label><textarea class="form-control {{ errors[name]|default([])?'is-invalid':'' }}" id="feedback_{{ name }}" name="{{ name }}" rows="{{ rows }}" maxlength="10000">{{ values[name]|default('') }}</textarea>{% if help %}<div class="form-text">{{ help }}</div>{% endif %}{{ _self.errors(errors,name) }}</div>{% endmacro %}
{% macro select(errors,values,choices,name,label) %}<div><label class="form-label" for="feedback_{{ name }}">{{ label }}</label><select class="form-select {{ errors[name]|default([])?'is-invalid':'' }}" id="feedback_{{ name }}" name="{{ name }}"><option value="">— Non renseigné —</option>{% for code,text in choices.options(name) %}<option value="{{ code }}" {{ values[name]|default('')==code?'selected':'' }}>{{ text }}</option>{% endfor %}</select>{{ _self.errors(errors,name) }}</div>{% endmacro %}
{% macro scale(errors,values,name,label,max=5,low=null,high=null) %}<fieldset class="feedback-scale {{ errors[name]|default([])?'is-invalid':'' }}"><legend class="form-label">{{ label }}</legend><div class="form-check mb-2"><input class="form-check-input" type="radio" name="{{ name }}" id="feedback_{{ name }}_empty" value="" {{ values[name]|default(null) is same as(null)?'checked':'' }}><label class="form-check-label text-secondary" for="feedback_{{ name }}_empty">Non renseigné</label></div><div class="feedback-scale-options">{% for n in 1..max %}<label><input type="radio" name="{{ name }}" value="{{ n }}" {{ values[name]|default(null)==n?'checked':'' }}><span>{{ n }}</span></label>{% endfor %}</div>{% if low or high %}<div class="feedback-scale-labels"><span>{{ low }}</span><span>{{ high }}</span></div>{% endif %}{{ _self.errors(errors,name) }}</fieldset>{% endmacro %}
{% import _self as ui %}
{% block title %}{{ feedback ? 'Modifier le bilan' : 'Nouveau bilan' }} — Walk The Line{% endblock %}
{% block admin_body %}
{% include 'admin/ui/_page_header.html.twig' with {page_eyebrow:'Après la représentation',page_title:(feedback?'Modifier le bilan de représentation':'Nouveau bilan de représentation'),page_subtitle:'Consignez les observations utiles, maintenant ou plus tard. Toutes les réponses sont facultatives.',page_actions:[{label:'Retour aux bilans',href:path('admin_concert_feedback_index'),icon:'bi-arrow-left'}]} only %}
{% if errors %}<div class="alert alert-danger" id="feedbackServerErrors" role="alert" tabindex="-1"><strong>Le bilan n’a pas été enregistré.</strong><p class="mb-0">Corrigez les champs signalés. Vos réponses sont conservées.</p></div>{% endif %}
<form method="post" id="concertFeedbackForm" class="feedback-wizard" data-prevent-double-submit novalidate>
<input type="hidden" name="_token" value="{{ csrf_token(feedback?'concert-feedback-edit-'~feedback.id:'concert-feedback-new') }}">
{% if date %}<input type="hidden" name="concert_date_id" value="{{ date.id }}">{% endif %}
<div class="wizard-progress feedback-progress" aria-label="Progression du bilan">{% for label in ['Représentation','Accueil','Spectacle','Ressenti','Suites','Synthèse'] %}<div class="wizard-step {{ loop.first?'active':'' }}" data-feedback-dot="{{ loop.index }}"><strong>{{ loop.index }}</strong><span>{{ label }}</span></div>{% endfor %}</div>

<section class="feedback-wizard-step" data-feedback-step="1"><div class="card admin-section-card"><div class="card-body p-3 p-md-4"><h2 class="h4">1 — Informations générales</h2><p class="text-secondary">Identification de la représentation et du public.</p>
{% if date %}<div class="feedback-date-context"><i class="bi bi-calendar-check" aria-hidden="true"></i><div><strong>{{ date.eventDate|date('d/m/Y') }} — {{ date.venue.name }}</strong><span>{{ date.venue.city }}{% if date.venue.venueType %} · {{ date.venue.venueType.name }}{% endif %}</span></div></div>
{% else %}<div><label class="form-label required" for="feedbackDate">Date de représentation</label><select class="form-select {{ errors.concertDate|default([])?'is-invalid':'' }}" id="feedbackDate" name="concert_date_id" required><option value="">— Choisir une date —</option>{% for item in dates %}<option value="{{ item.id }}">{{ item.eventDate|date('d/m/Y') }} — {{ item.venue.name }} ({{ item.venue.city }})</option>{% endfor %}</select>{{ ui.errors(errors,'concertDate') }}</div>{% endif %}
<div class="row g-3 mt-1"><div class="col-md-5"><label class="form-label" for="feedback_approximateAudience">Nombre approximatif de spectateurs</label><input class="form-control {{ errors.approximateAudience|default([])?'is-invalid':'' }}" type="number" min="0" inputmode="numeric" id="feedback_approximateAudience" name="approximateAudience" value="{{ values.approximateAudience }}">{{ ui.errors(errors,'approximateAudience') }}</div><div class="col-md-7">{{ ui.select(errors,values,choices,'audienceOrigin','Le public était-il venu spécifiquement pour le spectacle ?') }}</div></div>
</div></div></section>

<section class="feedback-wizard-step d-none" data-feedback-step="2"><div class="card admin-section-card"><div class="card-body p-3 p-md-4"><h2 class="h4">2 — Accueil et conditions</h2><div class="feedback-question-grid">
{{ ui.scale(errors,values,'welcomeQuality','Qualité générale de l’accueil',5,'Très mauvaise','Excellente') }}{{ ui.scale(errors,values,'venueCommunicationQuality','Qualité de la communication réalisée par le lieu',5,'Absente','Très bonne') }}
{{ ui.scale(errors,values,'loadInFlow','Fluidité du chargement, de l’installation et de la balance',5,'Très difficile','Très fluide') }}{{ ui.scale(errors,values,'technicalConditionsQuality','Qualité des conditions techniques',5,'Très insuffisantes','Excellentes') }}
{{ ui.scale(errors,values,'venueFit','Adéquation du lieu avec Walk The Line',5,'Très faible','Très forte') }}{{ ui.select(errors,values,choices,'listeningConditions','Conditions générales d’écoute') }}{{ ui.select(errors,values,choices,'showReception','Le spectacle a-t-il été accueilli comme…') }}{{ ui.text(errors,values,'issues','Problèmes techniques, logistiques ou d’accueil rencontrés',3,'Laisser vide si aucun problème notable.') }}
</div></div></div></section>

<section class="feedback-wizard-step d-none" data-feedback-step="3"><div class="card admin-section-card"><div class="card-body p-3 p-md-4"><h2 class="h4">3 — Réception du spectacle</h2><div class="feedback-question-grid">
{{ ui.text(errors,values,'attentionIncreased','Moments où l’attention du public a nettement augmenté') }}{{ ui.text(errors,values,'attentionDecreased','Moments où l’attention a diminué ou s’est dispersée') }}{{ ui.text(errors,values,'spokenWorked','Interventions parlées ayant particulièrement bien fonctionné') }}{{ ui.text(errors,values,'spokenLessWorked','Interventions parlées ayant semblé moins bien fonctionner') }}{{ ui.text(errors,values,'strongestSongs','Morceaux ayant provoqué les réactions les plus fortes') }}
{{ ui.scale(errors,values,'spokenAttentionQuality','Qualité d’attention pendant les passages parlés',5,'Très faible','Très forte') }}{{ ui.scale(errors,values,'songAttentionQuality','Qualité d’attention pendant les morceaux',5,'Très faible','Très forte') }}{{ ui.select(errors,values,choices,'intermissionReaction','Réaction à l’entracte et retour en salle') }}{{ ui.text(errors,values,'adaptations','Adaptations effectuées pendant la représentation') }}{{ ui.select(errors,values,choices,'intentionPreserved','Ai-je eu le sentiment de préserver l’intention du spectacle ?') }}
</div></div></div></section>

<section class="feedback-wizard-step d-none" data-feedback-step="4"><div class="card admin-section-card"><div class="card-body p-3 p-md-4"><h2 class="h4">4 — Ressenti personnel</h2><div class="feedback-question-grid">
{{ ui.scale(errors,values,'vocalQuality','Qualité vocale ressentie',5,'Très difficile','Excellente') }}{{ ui.scale(errors,values,'guitarQuality','Qualité du jeu de guitare ressentie',5,'Très difficile','Excellente') }}{{ ui.scale(errors,values,'concentration','Niveau de concentration',5,'Très faible','Très élevé') }}{{ ui.scale(errors,values,'physicalEnergy','Énergie physique disponible',5,'Très faible','Très élevée') }}{{ ui.scale(errors,values,'mentalLoad','Maîtrise de la charge mentale',5,'Très difficile','Très bonne') }}{{ ui.select(errors,values,choices,'nextDayState','État général au lendemain de la représentation') }}{{ ui.text(errors,values,'repeatSame','Ce que je referais exactement de la même manière') }}{{ ui.text(errors,values,'improveNext','Une chose à tester ou améliorer lors de la prochaine date') }}
</div></div></div></section>

<section class="feedback-wizard-step d-none" data-feedback-step="5"><div class="card admin-section-card"><div class="card-body p-3 p-md-4"><h2 class="h4">5 — Retours professionnels et suites</h2><div class="feedback-question-grid">
{{ ui.select(errors,values,choices,'professionalFeedbackStatus','Un retour du responsable ou du programmateur a-t-il été recueilli ?') }}{{ ui.text(errors,values,'professionalFeedback','Retour du responsable ou du programmateur') }}{{ ui.select(errors,values,choices,'rebookingDiscussed','Une reprogrammation a-t-elle été évoquée ?') }}{{ ui.select(errors,values,choices,'recommendationStatus','Une recommandation vers un autre lieu a-t-elle été faite ?') }}{{ ui.text(errors,values,'recommendedContact','Lieu, personne ou contact recommandé') }}{{ ui.select(errors,values,choices,'testimonialStatus','Un témoignage exploitable commercialement a-t-il été reçu ?') }}{{ ui.text(errors,values,'testimonialQuote','Citation ou témoignage à conserver') }}{{ ui.select(errors,values,choices,'rebookingPotential','Potentiel de reprogrammation') }}{{ ui.select(errors,values,choices,'venueRecommendation','Le lieu mérite-t-il d’être reprospecté ou recommandé ?') }}{{ ui.text(errors,values,'nextAction','Prochaine action à effectuer') }}
</div></div></div></section>

<section class="feedback-wizard-step d-none" data-feedback-step="6"><div class="card admin-section-card"><div class="card-body p-3 p-md-4"><h2 class="h4">6 — Synthèse</h2><div class="feedback-question-grid">
{{ ui.scale(errors,values,'overallRating','Note globale de la soirée',10,'Très mauvaise','Excellente') }}{{ ui.scale(errors,values,'artisticRating','Qualité artistique personnelle',10,'Très insuffisante','Excellente') }}{{ ui.scale(errors,values,'welcomeRating','Qualité des conditions d’accueil',10,'Très mauvaises','Excellentes') }}{{ ui.text(errors,values,'learning','Ce que cette date m’a appris sur Walk The Line',4) }}{{ ui.text(errors,values,'notes','Notes complémentaires',4) }}
</div></div></div></section>

<div class="bottom-action-bar feedback-wizard-actions"><button class="btn btn-outline-secondary d-none" type="button" id="feedbackPrev"><i class="bi bi-arrow-left"></i>Précédent</button><a class="btn btn-outline-secondary" id="feedbackCancel" href="{{ feedback ? path('admin_concert_feedback_show',{id:feedback.id}) : path('admin_concert_feedback_index') }}">Annuler</a><button class="btn btn-dark ms-auto" type="button" id="feedbackNext">Suivant<i class="bi bi-arrow-right"></i></button><button class="btn btn-dark d-none" type="submit" id="feedbackSubmit" data-loading-label="Enregistrement…"><i class="bi bi-check2-circle"></i>{{ feedback?'Enregistrer les modifications':'Enregistrer le bilan' }}</button></div>
</form>
{% endblock %}
{% block javascripts %}{{ parent() }}<script src="{{ asset('js/concert-feedback-wizard.js') }}"></script>{% endblock %}