{% extends "base.html" %}
{% block title %}{{ school_name }} | آزمون‌ها{% endblock %}
{% block body %}
<header class="page-head">
  <div class="container">
    <div>
      <div class="brand-title">{{ school_name }}</div>
      <div class="brand-sub">{{ school_tagline }}</div>
    </div>
    <div class="row">
      {% if current_student %}
        <a href="{{ url_for('student_dashboard') }}" class="btn btn-ghost">{{ student_display_name(current_student) }}</a>
        <a href="{{ url_for('student_logout') }}" class="btn btn-ghost">خروج</a>
      {% else %}
        <a href="{{ url_for('student_login') }}" class="btn btn-primary">ورود دانش‌آموز</a>
      {% endif %}
      <a href="{{ url_for('admin_login') }}" class="btn btn-ghost">ورود مدیریت</a>
    </div>
  </div>
</header>

<main class="container">
  {% with messages = get_flashed_messages(with_categories=true) %}
    {% for cat, msg in messages %}
      <div class="alert alert-{{ cat }}">{{ msg }}</div>
    {% endfor %}
  {% endwith %}

  <section class="card">
    <div class="between">
      <div>
        <h1 class="title">آزمون‌های فعال مدرسه</h1>
        <p class="subtle">آزمون پایه و درس خود را انتخاب کنید و قبل از شروع، زمان و راهنما را بررسی کنید.</p>
      </div>
      <span class="badge badge-info">{{ exams|length }} آزمون</span>
    </div>
    <form class="filters" 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="row">
        <button type="submit" class="btn btn-primary">اعمال فیلتر</button>
        <a href="{{ url_for('index') }}" class="btn btn-ghost">پاک کردن</a>
      </div>
    </form>
  </section>

  {% if exams %}
    <section class="grid grid-auto">
      {% for exam in exams %}
        {% set state_code, state_label = exam_state(exam) %}
        <article class="card exam-card">
          <div class="between">
            <span class="badge badge-{{ 'success' if state_code == 'open' else 'warning' if state_code == 'upcoming' else 'muted' }}">{{ state_label }}</span>
            {% if exam["password"] %}<span class="badge badge-info">رمزدار</span>{% endif %}
          </div>
          <div>
            <h2 style="font-size:1.12rem;margin-bottom:4px;">{{ exam["title"] }}</h2>
            <p class="meta">
              {{ exam["subject"] or "درس عمومی" }}
              {% if exam["grade"] %} · {{ exam["grade"] }}{% endif %}
              {% if exam["teacher"] %} · {{ exam["teacher"] }}{% endif %}
            </p>
          </div>
          {% if exam["description"] %}
            <p class="subtle">{{ exam["description"] }}</p>
          {% endif %}
          <div class="panel" style="box-shadow:none;">
            <div class="grid grid-2" style="gap:10px;">
              <div><span class="meta">شروع</span><br><strong>{{ format_datetime(exam["starts_at"]) }}</strong></div>
              <div><span class="meta">پایان</span><br><strong>{{ format_datetime(exam["ends_at"]) }}</strong></div>
              <div><span class="meta">مدت</span><br><strong>{{ exam["duration_minutes"] or "آزاد" }}{% if exam["duration_minutes"] %} دقیقه{% endif %}</strong></div>
              <div><span class="meta">وضعیت</span><br><strong>{{ state_label }}</strong></div>
            </div>
          </div>
          <footer>
            <a href="{{ url_for('take_exam', exam_id=exam['id']) }}" class="btn btn-primary btn-block">
              {% if current_student %}مشاهده و شروع آزمون{% else %}ورود و شروع آزمون{% endif %}
            </a>
          </footer>
        </article>
      {% endfor %}
    </section>
  {% else %}
    <section class="card empty">
      <strong>آزمونی برای نمایش وجود ندارد.</strong>
      <span>فیلترها را تغییر دهید یا بعداً دوباره بررسی کنید.</span>
    </section>
  {% endif %}
</main>
{% endblock %}