{% extends 'base.html' %}
{% load static %}

{% block title %}Вход в систему прогнозирования рисков{% endblock %}

{% block auth_content %}
<div class="min-h-screen flex items-center justify-center bg-gradient-to-br from-[#4395AB] to-[#2c7a8f]">
    <div class="bg-white rounded-2xl shadow-xl w-full max-w-md p-8">
        <div class="text-center mb-8">
            <img src="{% static 'images/logo-rus.png' %}" alt="Финансовый университет" class="h-16 mx-auto mb-4">
            <h2 class="text-2xl font-bold text-gray-800">Прогнозирование академических рисков</h2>
            <p class="text-gray-500 mt-1">Вход</p>
        </div>

        <form method="post">
            {% csrf_token %}
            <div class="form-group">
                <label class="form-label">Email</label>
                <input type="email" name="email" required class="form-input" placeholder="student@fa.ru">
            </div>
            <div class="form-group">
                <label class="form-label">Пароль</label>
                <input type="password" name="password" required class="form-input" placeholder="••••••••">
            </div>
            <button type="submit" class="btn-primary w-full">
                <i class="fas fa-sign-in-alt mr-2"></i>Войти
            </button>
        </form>

        {% if error %}
        <div class="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg text-red-600 text-sm">
            <i class="fas fa-exclamation-triangle mr-2"></i>{{ error }}
        </div>
        {% endif %}

        <div class="mt-6 text-center text-xs text-gray-400">
            <p>© {% now "Y" %} Финансовый университет при Правительстве РФ</p>
        </div>
    </div>
</div>
{% endblock %}