{% extends 'base.html' %}

{% block content %}
<div class="row justify-content-center align-items-center" style="min-height: 70vh;">
    <div class="col-md-4">
        <div class="card border-secondary shadow-lg">
            <div class="card-body p-5">
                <div class="text-center mb-4">
                    <h2 class="text-accent fw-bold"><i class="bi bi-shield-lock me-2"></i>ВХОД</h2>
                    <p class="text-muted small">Введите ваши данные для доступа к системе</p>
                </div>

                <form method="post">
                    {% csrf_token %}
                    
                    {% if form.errors %}
                    <div class="alert alert-danger small py-2">
                        Неверное имя пользователя или пароль.
                    </div>
                    {% endif %}

                    <div class="mb-3">
                        <label class="form-label small fw-bold">Логин</label>
                        <input type="text" name="username" class="form-control form-control-lg border-secondary" placeholder="Имя пользователя" required>
                    </div>

                    <div class="mb-4">
                        <label class="form-label small fw-bold">Пароль</label>
                        <input type="password" name="password" class="form-control form-control-lg border-secondary" placeholder="••••••••" required>
                    </div>

                    <button type="submit" class="btn btn-outline-accent w-100 py-2 fw-bold shadow-sm">
                        АВТОРИЗОВАТЬСЯ
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}