{% extends "base.html" %}
{% block title %}ورود دانش‌آموز | {{ school_name }}{% endblock %}
{% block body %}
<main style="min-height:100vh;display:flex;align-items:center;justify-content:center;background:#123057;padding:20px;">
  <section class="card" style="width:min(420px,100%);">
    <div style="text-align:center;margin-bottom:22px;">
      <h1 class="title">{{ school_name }}</h1>
      <p class="subtle">ورود دانش‌آموز به سامانه آزمون</p>
    </div>
    {% if error %}<div class="alert alert-danger">{{ error }}</div>{% endif %}
    {% with messages = get_flashed_messages(with_categories=true) %}
      {% for cat, msg in messages %}<div class="alert alert-{{ cat }}">{{ msg }}</div>{% endfor %}
    {% endwith %}
    <form method="post">
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
      {% if next_url %}<input type="hidden" name="next" value="{{ next_url }}">{% endif %}
      <div class="form-group">
        <label>کد دانش‌آموزی</label>
        <input type="text" name="student_code" class="form-control" autofocus required autocomplete="username" placeholder="مثلاً 14051234">
      </div>
      <div class="form-group">
        <label>رمز عبور</label>
        <input type="password" name="password" class="form-control" required autocomplete="current-password">
      </div>
      <button type="submit" class="btn btn-primary btn-block">ورود</button>
    </form>
    <p class="subtle" style="text-align:center;margin-top:16px;">
      <a href="{{ url_for('index') }}">بازگشت به صفحه اصلی</a>
    </p>
  </section>
</main>
{% endblock %}