{% extends "base.html" %}
{% block title %}ویرایش آزمون | {{ school_name }}{% endblock %}
{% block body %}
<nav class="nav">
  <span class="brand">ویرایش آزمون</span>
  <a href="{{ url_for('admin_dashboard') }}">بازگشت به داشبورد</a>
</nav>

<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 %}

  <section class="card">
    <div class="between" style="margin-bottom:16px;">
      <div>
        <h1 class="title">{{ exam["title"] }}</h1>
        <p class="subtle">مشخصات، زمان‌بندی و فایل آزمون را ویرایش کنید.</p>
      </div>
      {% set state_code, state_label = exam_state(exam) %}
      <span class="badge badge-{{ 'success' if state_code == 'open' else 'warning' if state_code == 'upcoming' else 'muted' }}">{{ state_label }}</span>
    </div>

    <form method="post" enctype="multipart/form-data">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      <div class="grid grid-2">
        <div class="form-group">
          <label>عنوان *</label>
          <input type="text" name="title" class="form-control" value="{{ exam['title'] }}" required>
        </div>
        <div class="form-group">
          <label>جایگزینی فایل HTML</label>
          <input type="file" name="file" class="form-control" accept=".html">
          <span class="meta">فایل فعلی: {{ exam["filename"] }}</span>
        </div>
        <div class="form-group">
          <label>درس</label>
          <input type="text" name="subject" class="form-control" value="{{ exam['subject'] or '' }}">
        </div>
        <div class="form-group">
          <label>پایه / کلاس</label>
          <input type="text" name="grade" class="form-control" value="{{ exam['grade'] or '' }}">
        </div>
        <div class="form-group">
          <label>دبیر</label>
          <input type="text" name="teacher" class="form-control" value="{{ exam['teacher'] or '' }}">
        </div>
        <div class="form-group">
          <label>مدت آزمون بر حسب دقیقه</label>
          <input type="number" name="duration_minutes" class="form-control" min="0" max="600" value="{{ exam['duration_minutes'] or 0 }}">
        </div>
        <div class="form-group">
          <label>زمان شروع</label>
          <input type="datetime-local" name="starts_at" class="form-control" value="{{ exam['starts_at'] or '' }}">
        </div>
        <div class="form-group">
          <label>زمان پایان</label>
          <input type="datetime-local" name="ends_at" class="form-control" value="{{ exam['ends_at'] or '' }}">
        </div>
        <div class="form-group">
          <label>رمز آزمون</label>
          <input type="text" name="password" class="form-control" value="{{ exam['password'] or '' }}">
        </div>
        <div class="form-group">
          <label>اولویت نمایش</label>
          <input type="number" name="sort_order" class="form-control" min="0" value="{{ exam['sort_order'] }}">
        </div>
        <div class="form-group" style="grid-column:1/-1;">
          <label>توضیح کوتاه</label>
          <textarea name="description" class="form-control">{{ exam["description"] or "" }}</textarea>
        </div>
        <div class="form-group" style="grid-column:1/-1;">
          <label>راهنمای آزمون</label>
          <textarea name="instructions" class="form-control">{{ exam["instructions"] or "" }}</textarea>
        </div>
        <label class="checkline">
          <input type="checkbox" name="active" {{ 'checked' if exam['active'] }}>
          <span>آزمون فعال باشد</span>
        </label>
      </div>
      <div class="row" style="margin-top:16px;">
        <button type="submit" class="btn btn-primary">ذخیره تغییرات</button>
        <a href="{{ url_for('admin_dashboard') }}" class="btn btn-ghost">انصراف</a>
      </div>
    </form>
  </section>
</main>
{% endblock %}