{% extends "base.html" %}
{% load richtext %}
{% block title %}{{ label|exam_marks }} Diagnostic Pre-Test{% endblock %}
{% block content %}
<a href="{% url 'practice:diagnostic_home' %}">&larr; Back</a>
<h1>{{ label|exam_marks }} Diagnostic Pre-Test</h1>

<div class="card intro">
    <p style="margin:.2rem 0">Answer all {{ questions|length }} questions, then submit. There's no time
    limit and no penalty for guessing &mdash; do your best on each one. On the next screen you'll get
    course recommendations based on what you miss.</p>
</div>

<form method="post">
    {% csrf_token %}
    {% for q in questions %}
        <div class="card">
            <div class="question-text"><strong>Q{{ forloop.counter }}.</strong> {{ q.text|richtext }}</div>
            {% for cidx, ctext in q.choices %}
                <label style="display:block; margin:.3rem 0">
                    <input type="radio" name="q{{ q.index }}" value="{{ cidx }}" required>
                    {{ ctext|exam_marks }}
                </label>
            {% endfor %}
        </div>
    {% endfor %}
    <button type="submit">See my results &amp; recommendations</button>
</form>
{% endblock %}