{% extends "base.html" %}
{% block title %}نتایج و تحلیل آزمون‌ها | {{ school_name }}{% endblock %}
{% block head %}
<style>
  .toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  .analysis-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-top: 16px; }
  .analysis-stat { background: var(--surface-soft); border: 1px solid var(--border); border-radius: 8px; padding: 14px; }
  .analysis-stat strong { display: block; font-size: 1.35rem; line-height: 1.2; }
  .analysis-stat span { color: var(--muted); font-size: .82rem; }
  .group-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
  .mini-table th, .mini-table td { font-size: .84rem; padding: 8px 10px; }
  .print-only { display: none; }
  @media print {
    body { background: #fff; }
    .nav, .no-print, .btn, form, .alert { display: none !important; }
    .container { width: 100%; padding: 0; }
    .card, .panel, .analysis-stat { box-shadow: none; break-inside: avoid; border-color: #cbd5e1; }
    .print-only { display: block; }
    table { page-break-inside: auto; }
    tr { page-break-inside: avoid; page-break-after: auto; }
  }
</style>
{% endblock %}
{% block body %}
<nav class="nav no-print">
  <span class="brand">نتایج و تحلیل آزمون‌ها</span>
  <a href="{{ url_for('admin_dashboard') }}">داشبورد</a>
  <a href="{{ url_for('admin_students') }}">دانش‌آموزان</a>
  <a href="{{ url_for('admin_logout') }}" style="color:#fecaca;">خروج</a>
</nav>

<main class="container">
  <section class="card">
    <div class="toolbar">
      <div>
        <h1 class="title">همه نتایج و تحلیل آزمون‌ها</h1>
        <p class="subtle">بر اساس کلاس و درس فیلتر کنید، سپس گزارش کامل را چاپ یا دانلود کنید.</p>
        <div class="print-only meta">چاپ شده از {{ school_name }}</div>
      </div>
      <div class="row no-print">
        <button type="button" class="btn btn-ghost" onclick="window.print()">چاپ گزارش</button>
        <a href="{{ url_for('export_all_results', grade=selected_grade, subject=selected_subject, status=selected_status, q=query) }}" class="btn btn-success">دانلود CSV</a>
      </div>
    </div>

    <form class="filters no-print" method="get" style="margin-top:16px;">
      <div class="form-group" style="margin:0;">
        <label>کلاس</label>
        <select name="grade" class="form-control">
          <option value="">همه کلاس‌ها</option>
          {% for item in grades %}
            <option value="{{ item['grade'] }}" {{ 'selected' if selected_grade == item['grade'] }}>{{ item['grade'] }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="form-group" style="margin:0;">
        <label>درس</label>
        <select name="subject" class="form-control">
          <option value="">همه درس‌ها</option>
          {% for item in subjects %}
            <option value="{{ item['subject'] }}" {{ 'selected' if selected_subject == item['subject'] }}>{{ item['subject'] }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="form-group" style="margin:0;">
        <label>وضعیت</label>
        <select name="status" class="form-control">
          <option value="all" {{ 'selected' if selected_status == 'all' }}>همه</option>
          <option value="pending" {{ 'selected' if selected_status == 'pending' }}>در انتظار بررسی</option>
          <option value="approved" {{ 'selected' if selected_status == 'approved' }}>تأیید شده</option>
          <option value="rejected" {{ 'selected' if selected_status == 'rejected' }}>رد شده</option>
        </select>
      </div>
      <div class="form-group" style="margin:0;">
        <label>جستجو</label>
        <input type="text" name="q" class="form-control" value="{{ query }}" placeholder="دانش‌آموز، آزمون، دبیر، نمره">
      </div>
      <div class="row">
        <button type="submit" class="btn btn-primary">اعمال فیلتر</button>
        <a href="{{ url_for('all_results') }}" class="btn btn-ghost">پاک کردن</a>
      </div>
    </form>

    <div class="analysis-grid">
      <div class="analysis-stat"><strong>{{ overall.total }}</strong><span>کل نتایج</span></div>
      <div class="analysis-stat"><strong>{{ overall.average_score if overall.average_score is not none else "—" }}</strong><span>میانگین نمره</span></div>
      <div class="analysis-stat"><strong>{{ overall.highest_score if overall.highest_score is not none else "—" }}</strong><span>بالاترین نمره</span></div>
      <div class="analysis-stat"><strong>{{ overall.flagged }}</strong><span>نیازمند توجه</span></div>
      <div class="analysis-stat"><strong>{{ status_counts.pending }}</strong><span>در انتظار بررسی</span></div>
      <div class="analysis-stat"><strong>{{ status_counts.approved }}</strong><span>تأیید شده</span></div>
      <div class="analysis-stat"><strong>{{ status_counts.rejected }}</strong><span>رد شده</span></div>
    </div>
  </section>

  {% if grouped_results %}
    {% for group in grouped_results %}
      <section class="card">
        <div class="group-title">
          <div>
            <h2 class="title" style="font-size:1.15rem;">{{ group.grade }} · {{ group.subject }}</h2>
            <p class="subtle">{{ group.count }} نتیجه · میانگین {{ group.average_score if group.average_score is not none else "—" }} · بالاترین {{ group.highest_score if group.highest_score is not none else "—" }}</p>
          </div>
          <div class="row">
            <span class="badge badge-warning">{{ group.pending }} در انتظار</span>
            <span class="badge badge-success">{{ group.approved }} تأیید شده</span>
            <span class="badge badge-danger">{{ group.flagged }} نیازمند توجه</span>
          </div>
        </div>

        <div style="overflow-x:auto;margin-bottom:14px;">
          <table class="mini-table">
            <thead>
              <tr>
                <th>آزمون</th>
                <th>دبیر</th>
                <th>نتایج</th>
                <th>میانگین</th>
                <th>بالاترین</th>
                <th>نیازمند توجه</th>
                <th class="no-print">باز کردن</th>
              </tr>
            </thead>
            <tbody>
              {% for exam in group.exams %}
                <tr>
                  <td><strong>{{ exam.title }}</strong></td>
                  <td>{{ exam.teacher or "—" }}</td>
                  <td>{{ exam.count }}</td>
                  <td>{{ exam.average_score if exam.average_score is not none else "—" }}</td>
                  <td>{{ exam.highest_score if exam.highest_score is not none else "—" }}</td>
                  <td>{{ exam.flagged }}</td>
                  <td class="no-print"><a href="{{ url_for('exam_results', exam_id=exam.id) }}" class="btn btn-ghost btn-sm">مدیریت</a></td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </section>
    {% endfor %}
  {% else %}
    <section class="card empty">
      <strong>نتیجه‌ای پیدا نشد.</strong>
      <span>فیلتر کلاس یا درس را تغییر دهید یا منتظر ثبت پاسخ دانش‌آموزان بمانید.</span>
    </section>
  {% endif %}

  {% if results %}
    <section class="card">
      <div class="between" style="margin-bottom:14px;">
        <h2 class="title" style="font-size:1.15rem;">جزئیات نتایج</h2>
        <span class="badge badge-info">{{ results|length }} ردیف</span>
      </div>
      <div style="overflow-x:auto;">
        <table>
          <thead>
            <tr>
              <th>کلاس</th>
              <th>درس</th>
              <th>آزمون</th>
              <th>دانش‌آموز</th>
              <th>کد</th>
              <th>نمره</th>
              <th>وضعیت</th>
              <th>نشانه‌ها</th>
              <th>زمان ثبت</th>
            </tr>
          </thead>
          <tbody>
            {% for r in results %}
              {% set risks = result_risk(r) %}
              {% set status = r["status"] or "pending" %}
              <tr>
                <td>{{ r["grade"] or "—" }}</td>
                <td>{{ r["subject"] or "—" }}</td>
                <td><strong>{{ r["exam_title"] }}</strong><div class="meta">{{ r["teacher"] or "" }}</div></td>
                <td>{{ r["student"] }}</td>
                <td class="meta">{{ r["student_code"] or "—" }}</td>
                <td><span class="badge badge-info">{{ r["score"] or "بدون نمره" }}</span></td>
                <td><span class="badge badge-{{ 'success' if status == 'approved' else 'danger' if status == 'rejected' else 'warning' }}">{{ status_label(status) }}</span></td>
                <td>
                  {{ r["violations"] or 0 }} تخلف
                  {% if risks %}<div class="meta">{{ risks|join(", ") }}</div>{% endif %}
                </td>
                <td class="meta">{{ r["submitted_at"] }}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </section>
  {% endif %}
</main>
{% endblock %}