{% extends "base.html" %}
{% block title %}گزارش آزمون: {{ exam.title }} | {{ school_name }}{% endblock %}
{% block body %}
<nav class="nav">
  <span class="brand">{{ school_name }}</span>
  <a href="{{ url_for('admin_dashboard') }}">بازگشت</a>
  <a href="{{ url_for('admin_logout') }}" style="color:#fecaca;">خروج</a>
</nav>

<main class="container">
  <section class="card">
    <div class="between">
      <div>
        <h1 class="title">{{ exam.title }}</h1>
        <p class="subtle">{{ exam.grade }} · {{ exam.subject }} · دبیر: {{ exam.teacher }}</p>
        <p class="subtle">{{ exam.created_at|format_datetime }}</p>
      </div>
      <div class="row">
        <a href="{{ url_for('exam_results', exam_id=exam.id) }}" class="btn btn-primary">نتایج کامل</a>
        <a href="{{ url_for('export_results', exam_id=exam.id) }}" class="btn btn-success">دانلود CSV</a>
      </div>
    </div>
  </section>

  <!-- Key Statistics -->
  <section class="grid grid-4" style="grid-template-columns:repeat(auto-fit,minmax(140px,1fr));">
    <div class="stat">
      <strong>{{ stats.total_results }}</strong>
      <span>کل نتایج</span>
    </div>
    <div class="stat">
      <strong>{{ "%.1f"|format(stats.avg_score or 0) }}</strong>
      <span>میانگین نمره</span>
    </div>
    <div class="stat">
      <strong>{{ stats.pending }}</strong>
      <span>در انتظار بررسی</span>
    </div>
    <div class="stat">
      <strong>{{ stats.flagged_count }}</strong>
      <span>نیازمند توجه</span>
    </div>
  </section>

  <!-- Score Distribution -->
  <section class="card">
    <h2 class="title">توزیع نمرات</h2>
    <div style="display:grid; grid-template-columns:repeat(6,1fr); gap:12px; text-align:center;">
      <div style="border:1px solid #ddd; padding:12px; border-radius:6px;">
        <div style="font-size:1.5em; font-weight:bold; color:#ef4444;">{{ score_buckets[0] }}</div>
        <div class="meta">0-20%</div>
      </div>
      <div style="border:1px solid #ddd; padding:12px; border-radius:6px;">
        <div style="font-size:1.5em; font-weight:bold; color:#f97316;">{{ score_buckets[20] }}</div>
        <div class="meta">20-40%</div>
      </div>
      <div style="border:1px solid #ddd; padding:12px; border-radius:6px;">
        <div style="font-size:1.5em; font-weight:bold; color:#eab308;">{{ score_buckets[40] }}</div>
        <div class="meta">40-60%</div>
      </div>
      <div style="border:1px solid #ddd; padding:12px; border-radius:6px;">
        <div style="font-size:1.5em; font-weight:bold; color:#84cc16;">{{ score_buckets[60] }}</div>
        <div class="meta">60-80%</div>
      </div>
      <div style="border:1px solid #ddd; padding:12px; border-radius:6px;">
        <div style="font-size:1.5em; font-weight:bold; color:#22c55e;">{{ score_buckets[80] }}</div>
        <div class="meta">80-100%</div>
      </div>
      <div style="border:1px solid #ddd; padding:12px; border-radius:6px;">
        <div style="font-size:1.5em; font-weight:bold; color:#16a34a;">{{ score_buckets[100] }}</div>
        <div class="meta">نمره کامل</div>
      </div>
    </div>
  </section>

  <!-- Detailed Results -->
  <section class="card">
    <h2 class="title">نتایج دانش‌آموزان (مرتب‌شده بر حسب نمره)</h2>
    <div style="overflow-x:auto;">
      <table>
        <thead>
          <tr>
            <th>#</th>
            <th>نام دانش‌آموز</th>
            <th>کد دانش‌آموز</th>
            <th>کلاس</th>
            <th>نمره</th>
            <th>مدت زمان</th>
            <th>وضعیت</th>
            <th>نیازمند توجه</th>
          </tr>
        </thead>
        <tbody>
          {% if results %}
            {% for result in results %}
              {% set is_flagged = (result.violations or 0) > 0 or (result.duration_seconds or 0) < 60 %}
              <tr style="{% if is_flagged %}background-color:#fef3c7;{% endif %}">
                <td>{{ loop.index }}</td>
                <td>
                  <strong>{{ result.first_name or result.student }} {{ result.last_name or "" }}</strong>
                </td>
                <td class="meta">{{ result.student_code or "-" }}</td>
                <td class="meta">{{ result.grade or "-" }}</td>
                <td>
                  <strong style="color:{% if result.score %}#059669{% else %}#dc2626{% endif %};">
                    {{ result.score or "نیافته" }}
                  </strong>
                </td>
                <td class="meta">
                  {% if result.duration_seconds %}
                    {{ "%.0f"|format(result.duration_seconds / 60) }} دقیقه
                  {% else %}
                    -
                  {% endif %}
                </td>
                <td>
                  {% if result.status == "approved" %}
                    <span class="badge badge-success">✓ تایید</span>
                  {% elif result.status == "rejected" %}
                    <span class="badge badge-danger">✗ رد</span>
                  {% else %}
                    <span class="badge badge-warning">در انتظار</span>
                  {% endif %}
                </td>
                <td>
                  {% if is_flagged %}
                    <span class="badge badge-warning">🚩</span>
                    {% if result.violations and result.violations > 0 %}
                      <div class="meta">{{ result.violations }} تخلف</div>
                    {% endif %}
                  {% else %}
                    <span class="badge badge-success">✓</span>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          {% else %}
            <tr><td colspan="8" class="subtle" style="text-align:center;">هنوز نتیجه‌ای ثبت نشده است.</td></tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </section>

  <!-- Summary Stats -->
  <section class="card">
    <h2 class="title">خلاصه آمار</h2>
    <div class="grid grid-2">
      <div>
        <p><strong>بالاترین نمره:</strong> {{ "%.1f"|format(stats.max_score or 0) }}</p>
        <p><strong>پایین‌ترین نمره:</strong> {{ "%.1f"|format(stats.min_score or 0) }}</p>
        <p><strong>میانگین مدت زمان:</strong> {{ stats.avg_duration|int }} ثانیه</p>
      </div>
      <div>
        <p><strong>تایید‌شده:</strong> {{ stats.approved }}</p>
        <p><strong>رد‌شده:</strong> {{ stats.rejected }}</p>
        <p><strong>درخواست بررسی:</strong> {{ stats.pending }}</p>
      </div>
    </div>
  </section>
</main>
{% endblock %}