{% extends 'base.html' %}
{% block content %}
<div class="container mx-auto py-8">
  <div class="mb-6">
    <div class="flex justify-between items-center">
      <div>
        <h1 class="text-2xl font-bold">Pending Students: {{ quiz.title }}</h1>
        <p class="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>
        </div>
      </div>
      <a href="{{ url_for('teacher.manage_quizzes') }}" class="btn btn-secondary">Back to Quizzes</a>
    </div>
  </div>

  {% if pending_students %}
  <div class="card bg-base-100 shadow-lg">
    <div class="card-body">
      <h2 class="card-title text-lg mb-4">Students Who Haven't Attempted ({{ pending_students|length }} students)</h2>

      <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
        {% for student in pending_students %}
        <div class="card bg-base-200">
          <div class="card-body p-4">
            <div class="flex items-center gap-3">
              <div class="avatar placeholder">
                <div class="bg-neutral-focus text-neutral-content rounded-full w-10">
                  <span class="text-sm">{{ student.username[:2].upper() }}</span>
                </div>
              </div>
              <div>
                <div class="font-bold">{{ student.username }}</div>
                <div class="text-sm opacity-70">{{ student.email }}</div>
              </div>
            </div>
            <div class="card-actions justify-end mt-3">
              <span class="badge badge-warning">Not Attempted</span>
            </div>
          </div>
        </div>
        {% endfor %}
      </div>
    </div>
  </div>
  {% else %}
  <div class="card bg-base-100 shadow-lg">
    <div class="card-body text-center py-12">
      <i class="fas fa-check-circle text-4xl text-success mb-4"></i>
      <h3 class="text-lg font-semibold mb-2">All Students Have Attempted</h3>
      <p class="text-gray-500 mb-4">Great! All students have attempted this quiz.</p>
      <a href="{{ url_for('teacher.quiz_results', quiz_id=quiz.id) }}" class="btn btn-primary">
        View Results
      </a>
    </div>
  </div>
  {% endif %}

  <div class="mt-6 flex gap-4">
    <a href="{{ url_for('teacher.quiz_results', quiz_id=quiz.id) }}" class="btn btn-info">
      <i class="fas fa-chart-bar mr-2"></i>View Results
    </a>
    <a href="{{ url_for('teacher.edit_quiz', quiz_id=quiz.id) }}" class="btn btn-secondary">
      <i class="fas fa-edit mr-2"></i>Edit Quiz
    </a>
  </div>
</div>
{% endblock %}