{% extends 'base.html' %}

{% block content %}
<div class="d-flex h-100" style="min-height: calc(100vh - 130px); align-items: center;">
    <form class="m-auto review-form-card" method="POST" style="max-width: 28rem; width:100%;">
        <h2 class="mb-4 text-center">Вход в систему</h2>

        <div class="mb-3">
            <label for="login">Логин</label>
            <input autocomplete="off" type="text" class="form-control" name="login" id="login"
                placeholder="Введите логин" value="{{ request.form.login or '' }}" required>
        </div>

        <div class="mb-3">
            <label for="password">Пароль</label>
            <input type="password" class="form-control" id="password" name="password" placeholder="Введите пароль">
        </div>

        <div class="d-flex align-items-center justify-content-between mb-4">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" id="remember_me" name="remember_me">
                <label class="form-check-label" for="remember_me" style="display:inline;">
                    Запомнить меня
                </label>
            </div>
        </div>

        <button type="submit" class="btn-primary-red w-100" style="justify-content:center; height:44px; display:flex; align-items:center;">
            <i class="fas fa-sign-in-alt me-2"></i>Войти
        </button>
    </form>
</div>
{% endblock %}