{% extends "base.html" %}

{% block title %}Voley — вход в админку{% endblock %}
{% block header %}Админка{% endblock %}

{% block nav %}
  <a class="text-slate-300 hover:text-white" href="/">На главную</a>
{% endblock %}

{% block content %}
  <section class="glass rounded-2xl p-5 max-w-md">
    <h2 class="text-lg font-semibold">Вход</h2>
    <p class="text-sm text-slate-400 mt-1">Введите пароль администратора.</p>

    {% if request.query_params.get('error') %}
      <div class="mt-4 rounded-xl border border-rose-900 bg-rose-950/40 px-3 py-2 text-sm text-rose-200">
        Неверный пароль.
      </div>
    {% endif %}

    <form class="mt-4 grid gap-3" method="post" action="/admin/login">
      <input
        name="password"
        type="password"
        class="w-full rounded-xl bg-slate-950/60 border border-slate-800 px-3 py-2 text-slate-100 placeholder:text-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500"
        placeholder="Пароль"
        required
      />
      <button
        type="submit"
        class="w-full px-4 py-2 rounded-xl text-sm font-semibold bg-indigo-600 border border-indigo-500"
      >
        Войти
      </button>
    </form>
  </section>
{% endblock %}