{% extends "base.html" %}
{% load crispy_forms_tags %}

{% block title %}{{ action }} Question — {{ quiz.title }}{% endblock %}
{% if user.is_teacher %}{% block nav_teacher_courses %}active{% endblock %}
{% else %}{% block nav_courses %}active{% endblock %}{% endif %}

{% block content %}
<div class="page-header">
    <div>
        <a href="{% url 'content:quiz_builder' course_pk=quiz.course_id %}" class="text-muted small d-block mb-1">
            <i class="fa-solid fa-arrow-left me-1"></i> Quiz Builder — {{ quiz.course.name }}
        </a>
        <h2><i class="fa-solid fa-circle-question me-2"></i>{{ action }} Question</h2>
        <p class="text-muted mb-0">{{ quiz.title }}</p>
    </div>
</div>

<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="portal-card">
            <div class="portal-card-body">
                <form method="post">
                    {% csrf_token %}
                    {% crispy form %}
                </form>
            </div>
        </div>
        <div class="portal-card mt-3">
            <div class="portal-card-body">
                <p class="text-muted small mb-0">
                    <i class="fa-solid fa-circle-info me-1" style="color:var(--color-secondary);"></i>
                    Each question must have exactly 4 choices (A, B, C, D) with one correct answer selected.
                </p>
            </div>
        </div>
    </div>
</div>
{% endblock %}