{% extends "base.html" %}

{% block content %}
  <div class="score">Score: {{ score.correct }} / {{ score.total }}</div>

  {% for r in results %}
    <div class="question">
      <div><strong>Question {{ loop.index }}:</strong> {{ r.text | safe }}</div>
      <div class="answers">
        {% for a in r.answers %}
          <div class="answer">
            {% if a.is_correct %}
              <span class="correct">(Bonne) </span>
            {% endif %}
            {% if a.selected and not a.is_correct %}
              <span class="wrong">(Votre choix incorrect) </span>
            {% endif %}
            {{ a.text }}
          </div>
        {% endfor %}
      </div>
      <div>
        {% if r.question_correct %}
          <strong class="good">Question correcte</strong>
        {% else %}
          <strong class="bad">Question incorrecte</strong>
        {% endif %}
      </div>
    </div>
  {% endfor %}

  <div style="margin-top:12px">
    <a class="btn" href="/">Recommencer</a>
  </div>

{% endblock %}