{% extends "base.html" %}
{% block title %}Разбор попытки{% endblock %}

{% block content %}
<div class="test-detail-page attempt-review-page">
  <p class="link-back"><a href="/tests">← к списку тестов</a></p>
  <h1 class="font-headline" style="font-size:1.35rem;margin-top:0;">Разбор: {{ review.testTitle }}</h1>
  <p>
    Правильно: <strong>{{ review.correctCount }}</strong> из {{ review.totalQuestions }}
    ({{ review.percent }}%). Порог: {{ review.passingThreshold }}%.
    {% if review.passed %}
      <span class="text-muted">Зачёт.</span>
    {% else %}
      <span class="error-text">Незачёт.</span>
    {% endif %}
  </p>

  <div class="attempts-card-list">
    {% for q in review.questions %}
      <article class="attempt-card">
        <div class="attempt-card__meta">
          <span>{{ 'Верно' if q.isUserCorrect else 'Ошибка' }}</span>
        </div>
        <p style="margin-top:.25rem;"><strong>{{ loop.index }}.</strong> {{ q.text }}</p>
        <ul class="attempt-review-options">
          {% for o in q.options %}
            <li class="attempt-review-option
                       {% if o.isCorrect %}attempt-review-option--correct{% endif %}
                       {% if o.selected and not o.isCorrect %}attempt-review-option--wrong{% endif %}">
              <span class="attempt-review-option__text">
                {% if o.selected %}☑{% else %}☐{% endif %}
                {{ o.text }}
                {% if o.isCorrect %}<strong> (правильный)</strong>{% endif %}
              </span>
            </li>
          {% endfor %}
        </ul>
      </article>
    {% endfor %}
  </div>
</div>
{% endblock %}