{% 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() }}">
      <div class="form-group">
        <label>نام کاربری</label>
        <input type="text" name="username" class="form-control" autofocus required autocomplete="username">
      </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>
  </section>
</main>
{% endblock %}