{{ block title }}
    {{ t.debrief_title }}
{{ endblock }}

{{ block content }}
<div class="card shadow-sm mb-4">
    <div class="card-body p-4">
        <p class="mb-4">{{ t.debrief_intro }}</p>

        <div class="mb-4">
            <label class="form-label fw-semibold">{{ t.debrief_q1 }}</label>
            {{ formfield 'debrief_study_purpose' label="" }}
        </div>

        <div class="mb-4">
            <label class="form-label fw-semibold">{{ t.debrief_q2 }}</label>
            {{ formfield 'debrief_confusing_instructions' label="" }}
        </div>

        <div class="mb-4">
            <label class="form-label fw-semibold">{{ t.debrief_q3 }}</label>
            {{ formfield 'debrief_private_opinion_reasoning' label="" }}
        </div>

        <div class="mb-4">
            <label class="form-label fw-semibold">{{ t.debrief_q4 }}</label>
            {{ formfield 'debrief_expression_reasoning' label="" }}
        </div>

        <div class="mb-4">
            <label class="form-label fw-semibold">{{ t.debrief_q5 }}</label>
            {{ formfield 'debrief_prediction_reasoning' label="" }}
        </div>

        <div class="mb-4">
            <label class="form-label fw-semibold">{{ t.debrief_q6 }}</label>
            {{ formfield 'debrief_remaining_questions' label="" }}
        </div>

        <div class="mb-0">
            <label class="form-label fw-semibold">{{ t.debrief_q7 }}</label>
            {{ formfield 'debrief_suggestions' label="" }}
        </div>
    </div>
</div>

<div class="text-end">
    <button class="btn btn-primary">{{ t.btn_next }}</button>
</div>
{{ endblock }}