{% extends 'base.html' %}
{% block content %}
<div class="container mx-auto py-8 max-w-2xl">
  <h1 class="text-2xl font-bold mb-6">Create New Quiz</h1>

  <form method="POST" class="space-y-6">
    {{ form.csrf_token }}

    <div class="form-control">
      <label class="label">Quiz Title</label>
      {{ form.title(class="input input-bordered w-full") }}
      {% for error in form.title.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>

    <div class="form-control">
      <label class="label">Description (Optional)</label>
      {{ form.description(class="textarea textarea-bordered w-full", rows=3) }}
      {% for error in form.description.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>

    <div class="form-control">
      <label class="label">Quiz Type</label>
      {{ form.quiz_type(class="select select-bordered w-full") }}
      {% for error in form.quiz_type.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
      <p class="text-sm text-gray-600 mt-1">
        <strong>MCQ:</strong> Multiple choice questions with options<br>
        <strong>Q&A:</strong> Open-ended questions requiring written answers
      </p>
    </div>

    <div class="flex gap-4">
      <button type="submit" class="btn btn-primary">Create Quiz</button>
      <a href="{{ url_for('teacher.manage_quizzes') }}" class="btn btn-secondary">Cancel</a>
    </div>
  </form>
</div>
{% endblock %}