{% set questions_by_section = {} %}
{% set orphan_questions = [] %}
{% for question in questions %}
    {% if question.section %}
        {% set key = 'section_' ~ question.section.id %}
        {% set questions_by_section = questions_by_section|merge({(key): (questions_by_section[key]|default([]))|merge([question])}) %}
    {% else %}
        {% set orphan_questions = orphan_questions|merge([question]) %}
    {% endif %}
{% endfor %}

{% macro render_question(question, answers) %}
    {% set answer = answers[question.id]|default(null) %}
    {% set value = answer ? (answer.answerJson ?: answer.answerText) : '' %}
    <article class="interview-questionnaire-question">
        <label>
            <span>{{ question.label }}{% if question.required %}<em>*</em>{% endif %}</span>
            {% if question.helpText %}<small>{{ question.helpText }}</small>{% endif %}
            {% include '@Interview/interview/_answer_input.html.twig' with {question: question, name: 'answers[' ~ question.id ~ ']', value: value} %}
        </label>
    </article>
{% endmacro %}

{% import _self as form_renderer %}

{% for section in sections %}
    {% set section_key = 'section_' ~ section.id %}
    {% set section_questions = questions_by_section[section_key]|default([]) %}
    {% if section_questions is not empty %}
        <section class="interview-questionnaire-section">
            <header>
                <h2>{{ section.titre }}</h2>
                {% if section.description %}<p>{{ section.description }}</p>{% endif %}
            </header>
            <div class="interview-questionnaire-list">
                {% for question in section_questions %}
                    {{ form_renderer.render_question(question, answers) }}
                {% endfor %}
            </div>
        </section>
    {% endif %}
{% endfor %}

{% if orphan_questions is not empty %}
    <section class="interview-questionnaire-section">
        <header><h2>Questions complémentaires</h2></header>
        <div class="interview-questionnaire-list">
            {% for question in orphan_questions %}
                {{ form_renderer.render_question(question, answers) }}
            {% endfor %}
        </div>
    </section>
{% endif %}

{% if questions is empty %}
    <section class="data-card">
        <p class="interview-template-muted">Aucune question n’est configurée sur le modèle de cet entretien.</p>
    </section>
{% endif %}