{% macro row(label,value,suffix='') %}
<div class="feedback-detail-row"><dt>{{ label }}</dt><dd>{{ value is same as(null) or value==='' ? '—' : (value~suffix)|nl2br }}</dd></div>
{% endmacro %}
{% import _self as ui %}
{% set prefix = detail_id_prefix|default('feedbackDetail'~feedback.id) %}
{% set expanded = feedback_expanded|default(false) %}

<div class="feedback-stat-grid mb-4">
    <div><span>Note globale</span><strong>{{ feedback.overallRating is same as(null) ? '—' : feedback.overallRating~'/10' }}</strong></div>
    <div><span>Qualité artistique</span><strong>{{ feedback.artisticRating is same as(null) ? '—' : feedback.artisticRating~'/10' }}</strong></div>
    <div><span>Accueil</span><strong>{{ feedback.welcomeRating is same as(null) ? '—' : feedback.welcomeRating~'/10' }}</strong></div>
    <div><span>Spectateurs</span><strong>{{ feedback.approximateAudience is same as(null) ? '—' : feedback.approximateAudience }}</strong></div>
</div>
<div class="accordion feedback-detail" id="{{ prefix }}">
    <div class="accordion-item"><h3 class="accordion-header"><button class="accordion-button {{ expanded?'':'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ prefix }}Welcome" aria-expanded="{{ expanded?'true':'false' }}">Accueil et conditions</button></h3><div id="{{ prefix }}Welcome" class="accordion-collapse collapse {{ expanded?'show':'' }}" data-bs-parent="#{{ prefix }}"><dl class="accordion-body">
        {{ ui.row('Public venu spécifiquement',choices.label('audienceOrigin',feedback.audienceOrigin)) }}
        {{ ui.row('Qualité générale de l’accueil',feedback.welcomeQuality,'/5') }}
        {{ ui.row('Communication du lieu',feedback.venueCommunicationQuality,'/5') }}
        {{ ui.row('Installation et balance',feedback.loadInFlow,'/5') }}
        {{ ui.row('Conditions techniques',feedback.technicalConditionsQuality,'/5') }}
        {{ ui.row('Adéquation du lieu',feedback.venueFit,'/5') }}
        {{ ui.row('Conditions d’écoute',choices.label('listeningConditions',feedback.listeningConditions)) }}
        {{ ui.row('Positionnement du spectacle',choices.label('showReception',feedback.showReception)) }}
        {{ ui.row('Problèmes rencontrés',feedback.issues) }}
    </dl></div></div>
    <div class="accordion-item"><h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ prefix }}Audience">Réception du spectacle</button></h3><div id="{{ prefix }}Audience" class="accordion-collapse collapse" data-bs-parent="#{{ prefix }}"><dl class="accordion-body">
        {{ ui.row('Attention nettement augmentée',feedback.attentionIncreased) }}
        {{ ui.row('Attention diminuée',feedback.attentionDecreased) }}
        {{ ui.row('Interventions parlées efficaces',feedback.spokenWorked) }}
        {{ ui.row('Interventions moins efficaces',feedback.spokenLessWorked) }}
        {{ ui.row('Morceaux aux réactions les plus fortes',feedback.strongestSongs) }}
        {{ ui.row('Attention pendant les passages parlés',feedback.spokenAttentionQuality,'/5') }}
        {{ ui.row('Attention pendant les morceaux',feedback.songAttentionQuality,'/5') }}
        {{ ui.row('Entracte et retour en salle',choices.label('intermissionReaction',feedback.intermissionReaction)) }}
        {{ ui.row('Adaptations effectuées',feedback.adaptations) }}
        {{ ui.row('Intention du spectacle préservée',choices.label('intentionPreserved',feedback.intentionPreserved)) }}
    </dl></div></div>
    <div class="accordion-item"><h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ prefix }}Personal">Ressenti personnel</button></h3><div id="{{ prefix }}Personal" class="accordion-collapse collapse" data-bs-parent="#{{ prefix }}"><dl class="accordion-body">
        {{ ui.row('Voix',feedback.vocalQuality,'/5') }}
        {{ ui.row('Guitare',feedback.guitarQuality,'/5') }}
        {{ ui.row('Concentration',feedback.concentration,'/5') }}
        {{ ui.row('Énergie physique',feedback.physicalEnergy,'/5') }}
        {{ ui.row('Charge mentale',feedback.mentalLoad,'/5') }}
        {{ ui.row('État le lendemain',choices.label('nextDayState',feedback.nextDayState)) }}
        {{ ui.row('À refaire de la même manière',feedback.repeatSame) }}
        {{ ui.row('À tester ou améliorer',feedback.improveNext) }}
    </dl></div></div>
    <div class="accordion-item"><h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ prefix }}Professional">Retours professionnels et suites</button></h3><div id="{{ prefix }}Professional" class="accordion-collapse collapse" data-bs-parent="#{{ prefix }}"><dl class="accordion-body">
        {{ ui.row('Retour recueilli',choices.label('professionalFeedbackStatus',feedback.professionalFeedbackStatus)) }}
        {{ ui.row('Retour du responsable',feedback.professionalFeedback) }}
        {{ ui.row('Reprogrammation évoquée',choices.label('rebookingDiscussed',feedback.rebookingDiscussed)) }}
        {{ ui.row('Recommandation',choices.label('recommendationStatus',feedback.recommendationStatus)) }}
        {{ ui.row('Contact recommandé',feedback.recommendedContact) }}
        {{ ui.row('Témoignage reçu',choices.label('testimonialStatus',feedback.testimonialStatus)) }}
        {{ ui.row('Citation',feedback.testimonialQuote) }}
        {{ ui.row('Potentiel de reprogrammation',choices.label('rebookingPotential',feedback.rebookingPotential)) }}
        {{ ui.row('Lieu à reprospecter ou recommander',choices.label('venueRecommendation',feedback.venueRecommendation)) }}
        {{ ui.row('Prochaine action',feedback.nextAction) }}
    </dl></div></div>
    <div class="accordion-item"><h3 class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ prefix }}Summary">Synthèse</button></h3><div id="{{ prefix }}Summary" class="accordion-collapse collapse" data-bs-parent="#{{ prefix }}"><dl class="accordion-body">
        {{ ui.row('Ce que cette date a appris',feedback.learning) }}
        {{ ui.row('Notes complémentaires',feedback.notes) }}
    </dl></div></div>
</div>