{% extends 'base.html' %}
{% block content %}
<div class="container mx-auto py-8">
  <div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold">Manage Quizzes</h1>
    <a href="{{ url_for('teacher.add_quiz') }}" class="btn btn-primary">Create New Quiz</a>
  </div>

  {% if quizzes %}
  <div class="grid gap-4">
    {% for quiz in quizzes %}
    <div class="card bg-base-100 shadow-lg">
      <div class="card-body">
        <div class="flex justify-between items-start">
          <div>
            <h2 class="card-title">{{ quiz.title }}</h2>
            <p class="text-sm text-gray-600">{{ quiz.description or 'No description' }}</p>
            <div class="flex gap-2 mt-2">
              <span class="badge badge-outline">{{ quiz.quiz_type.upper() }}</span>
              <span class="badge badge-ghost">{{ quiz.questions|length }} questions</span>
              <span class="text-xs text-gray-500">Created {{ quiz.created_at.strftime('%Y-%m-%d') }}</span>
            </div>
          </div>
          <div class="flex gap-2">
            <a href="{{ url_for('teacher.quiz_results', quiz_id=quiz.id) }}" class="btn btn-sm btn-info">View Results</a>
            <a href="{{ url_for('teacher.quiz_pending', quiz_id=quiz.id) }}" class="btn btn-sm btn-warning">Pending Students</a>
            <a href="{{ url_for('teacher.edit_quiz', quiz_id=quiz.id) }}" class="btn btn-sm btn-secondary">Edit</a>
            <form method="POST" action="{{ url_for('teacher.delete_quiz', quiz_id=quiz.id) }}" class="inline"
                  onsubmit="return confirm('Are you sure you want to delete this quiz?')">
              <button type="submit" class="btn btn-sm btn-error">Delete</button>
            </form>
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  {% else %}
  <div class="text-center py-12">
    <p class="text-gray-500 mb-4">No quizzes created yet.</p>
    <a href="{{ url_for('teacher.add_quiz') }}" class="btn btn-primary">Create Your First Quiz</a>
  </div>
  {% endif %}
</div>
{% endblock %}