{% 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">Teacher Quizzes</h1>
  </div>

  {% if quizzes %}
  <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
    {% for quiz in quizzes %}
    <div class="card bg-base-100 shadow-lg">
      <div class="card-body">
        <h2 class="card-title">{{ quiz.title }}</h2>
        <p class="text-sm text-gray-600 mb-2">{{ quiz.description or 'No description' }}</p>

        <div class="flex justify-between items-center mb-4">
          <span class="badge badge-outline">{{ quiz.quiz_type.upper() }}</span>
          <span class="text-sm text-gray-500">{{ quiz.questions|length }} questions</span>
        </div>

        <div class="card-actions justify-end">
          {% if quiz_attempts[quiz.id] %}
            <a href="{{ url_for('student.quiz_results', attempt_id=quiz_attempts[quiz.id].id) }}" class="btn btn-success btn-sm">
              View Results
            </a>
            <span class="badge badge-info">Attempted</span>
          {% else %}
            <a href="{{ url_for('student.take_quiz', quiz_id=quiz.id) }}" class="btn btn-primary btn-sm">
              Take Quiz
            </a>
          {% endif %}
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  {% else %}
  <div class="text-center py-12">
    <p class="text-gray-500 mb-4">No quizzes are available at the moment.</p>
    <p class="text-sm text-gray-400">Check back later for new quizzes from your teachers!</p>
  </div>
  {% endif %}
</div>
{% endblock %}