{% extends 'base.html' %}
{% block title %}Вход — MatchAgency{% endblock %}
{% block content %}
<div class="max-w-md mx-auto rounded-xl bg-white/80 backdrop-blur border shadow p-6">
  <h1 class="text-xl font-semibold mb-4">Вход</h1>
  <form action="" method="post" class="space-y-3">
    {% csrf_token %}
    <div>
      <label class="block text-sm mb-1">Email</label>
      <input type="email" name="email" required class="w-full rounded-md border px-3 py-2"/>
    </div>
    <div>
      <label class="block text-sm mb-1">Пароль</label>
      <input type="password" name="password" required class="w-full rounded-md border px-3 py-2"/>
    </div>
    <div class="flex items-center justify-between">
      <label class="block text-sm mb-1">Запомнить меня</label>
      <input type="checkbox" name="remember_me" class="rounded border px-2 py-1"/>
    </div>
    {% if error_message %}
      <p class="text-red-500 text-sm">{{ error_message }}</p>
    {% endif %}
    <p class="text-sm">Нет аккаунта? <a class="text-indigo-700 hover:underline" href="{% url 'register' %}">Зарегистрироваться</a></p>
    <button class="w-full rounded-md bg-indigo-600 text-white px-4 py-2 hover:bg-indigo-700">Войти</button>
  </form>
</div>
{% endblock %}