{% 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">Quiz Results: {{ 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 results %}
  <div class="card bg-base-100 shadow-lg">
    <div class="card-body">
      <h2 class="card-title text-lg mb-4">Student Results ({{ results|length }} attempts)</h2>

      <div class="overflow-x-auto">
        <table class="table table-zebra w-full">
          <thead>
            <tr>
              <th>Student</th>
              <th>Score</th>
              <th>Percentage</th>
              <th>Performance</th>
              <th>Attempted At</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            {% for result in results %}
            <tr>
              <td>
                <div class="flex items-center gap-3">
                  <div class="avatar placeholder">
                    <div class="bg-neutral-focus text-neutral-content rounded-full w-8">
                      <span class="text-xs">{{ result.student.username[:2].upper() }}</span>
                    </div>
                  </div>
                  <div>
                    <div class="font-bold">{{ result.student.username }}</div>
                    <div class="text-sm opacity-50">{{ result.student.email }}</div>
                  </div>
                </div>
              </td>
              <td>{{ result.score }}/{{ result.total_questions }}</td>
              <td>
                <span class="font-semibold">{{ "%.1f"|format(result.percentage) }}%</span>
              </td>
              <td>
                {% if result.percentage >= 80 %}
                  <span class="badge badge-success">Excellent</span>
                {% elif result.percentage >= 60 %}
                  <span class="badge badge-warning">Good</span>
                {% elif result.percentage >= 40 %}
                  <span class="badge badge-info">Fair</span>
                {% else %}
                  <span class="badge badge-error">Needs Improvement</span>
                {% endif %}
              </td>
              <td>{{ result.attempted_at.strftime('%Y-%m-%d %H:%M') }}</td>
              <td>
                <a href="{{ url_for('student.quiz_results', attempt_id=result.attempt.id) }}"
                   class="btn btn-sm btn-primary">
                  View Details
                </a>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  {% else %}
  <div class="card bg-base-100 shadow-lg">
    <div class="card-body text-center py-12">
      <i class="fas fa-chart-bar text-4xl text-gray-400 mb-4"></i>
      <h3 class="text-lg font-semibold mb-2">No Results Yet</h3>
      <p class="text-gray-500 mb-4">No students have attempted this quiz yet.</p>
      <a href="{{ url_for('teacher.quiz_pending', quiz_id=quiz.id) }}" class="btn btn-primary">
        View Pending Students
      </a>
    </div>
  </div>
  {% endif %}

  <div class="mt-6 flex gap-4">
    <a href="{{ url_for('teacher.quiz_pending', quiz_id=quiz.id) }}" class="btn btn-warning">
      <i class="fas fa-clock mr-2"></i>View Pending Students
    </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 %}