{{ block title }}
    Questionnaire de compréhension
{{ endblock }}

{{ block content }}

    <div class="text-end mb-3">
        <button type="button" class="btn btn-secondary" data-bs-toggle="modal" data-bs-target="#modal_content">Instructions</button>
    </div>

    <div class="mb-3">
    {{ for field in form }}
        <div class="card mb-1">
            <div class="card-body">
                <h5>Question {{ forloop.counter }}</h5>
                <p class="form-label">{{ field.label }}</p>
                {{ field }}
            </div>
        </div>
    {{ endfor }}
    </div>

    {{ next_button }}

    {{ include "jemna/InstructionsModal.html" }}

{{ endblock }}

{{ block scripts }}
<script src="{{ static 'fill_auto.js' }}"></script>
<script>
    window.onload = function () {
        if (js_vars.fill_auto)
            fill_auto();
    }
</script>
{{ endblock }}