{% extends "base.html" %}
{% block title %}{{ exam["title"] }} | {{ school_name }}{% endblock %}
{% block body %}
<header class="page-head">
  <div class="container">
    <div>
      <div class="brand-title">{{ exam["title"] }}</div>
      <div class="brand-sub">{{ exam["subject"] or school_tagline }}{% if exam["grade"] %} · {{ exam["grade"] }}{% endif %}</div>
    </div>
    <a href="{{ url_for('index') }}" class="btn btn-ghost">بازگشت به آزمون‌ها</a>
  </div>
</header>

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

  {% set state_code, state_label = exam_state(exam) %}
  <section class="card">
    <div class="between">
      <div>
        <h1 class="title">برگه ورود به آزمون</h1>
        <p class="subtle">{{ exam["description"] or "قبل از شروع، مشخصات آزمون را بررسی کنید." }}</p>
      </div>
      <span class="badge badge-{{ 'success' if state_code == 'open' else 'warning' if state_code == 'upcoming' else 'muted' }}">{{ state_label }}</span>
    </div>

    <div class="divider"></div>

    <div class="grid grid-2">
      <div class="panel"><span class="meta">درس</span><br><strong>{{ exam["subject"] or "ثبت نشده" }}</strong></div>
      <div class="panel"><span class="meta">پایه / کلاس</span><br><strong>{{ exam["grade"] or "ثبت نشده" }}</strong></div>
      <div class="panel"><span class="meta">دبیر</span><br><strong>{{ exam["teacher"] or "ثبت نشده" }}</strong></div>
      <div class="panel"><span class="meta">مدت پاسخگویی</span><br><strong>{{ exam["duration_minutes"] or "آزاد" }}{% if exam["duration_minutes"] %} دقیقه{% endif %}</strong></div>
      <div class="panel"><span class="meta">شروع</span><br><strong>{{ format_datetime(exam["starts_at"]) }}</strong></div>
      <div class="panel"><span class="meta">پایان</span><br><strong>{{ format_datetime(exam["ends_at"]) }}</strong></div>
    </div>

    {% if exam["instructions"] %}
      <div class="panel" style="margin-top:16px;">
        <strong>راهنمای آزمون</strong>
        <p class="subtle" style="margin-top:8px;white-space:pre-line;">{{ exam["instructions"] }}</p>
      </div>
    {% endif %}

    <div class="divider"></div>

    {% if already_submitted %}
      <div class="alert alert-info">شما قبلاً در این آزمون شرکت کرده‌اید. نتیجه در پنل دانش‌آموزی قابل مشاهده است.</div>
      <a href="{{ url_for('student_dashboard') }}" class="btn btn-primary btn-block">بازگشت به پنل من</a>
    {% elif state_code == "open" %}
      <a href="{{ url_for('start_exam', exam_id=exam['id']) }}" class="btn btn-primary btn-block">
        شروع آزمون
      </a>
    {% elif state_code == "upcoming" %}
      <div class="alert alert-warning">این آزمون هنوز شروع نشده است.</div>
    {% elif state_code == "ended" %}
      <div class="alert alert-info">مهلت شرکت در این آزمون به پایان رسیده است.</div>
    {% else %}
      <div class="alert alert-danger">این آزمون فعلاً غیرفعال است.</div>
    {% endif %}
  </section>
</main>
{% endblock %}