{{ block title }}
    Questionnaire de compréhension - Résultats
{{ endblock }}

{{ block content }}

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

    <div class="card bg-light mb-3">
    <div class="card-body">
        <p>
            Vous avez fait {{ player.understanding_faults }} faute{{ if player.understanding_faults}}s{{ endif }}.
        </p>
    </div>
    </div>

    <div class="mb-3">
    {{ for q in questionnaire }}
    <div class="card mb-1">
        <div class="card-header">
            <h5>Question {{ forloop.counter }}</h5>
        </div>
        <div class="card-body">
            <p class="card-text">
                {{ q.text|linebreaks }}
            </p>
            <p class="card-text">
                Vous avez répondu :
                {{ if q.reponse == q.solution }}
                <span class="text-success">{{ q.reponse }}</span>
                {{ else }}
                <span class="text-danger">{{ q.reponse }}</span><br>
                La bonne réponse était : <span class="text-success">{{q.solution}}</span>
                {{ endif }}
            </p>
            <p class="card-text">
                <u>Explication</u>: {{q.explication}}
            </p>
        </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 }}