{% extends "base.html" %}

{% block title %}Вход — TG Agent{% endblock %}

{% block nav %}{% endblock %}

{% block footer %}{% endblock %}

{% block content %}
<div class="d-flex justify-content-center align-items-center">
    <div class="card shadow" style="max-width: 28rem; width: 100%;">
        <div class="card-body p-3 p-sm-4">
            <h5 class="card-title mb-3">Вход в веб-панель</h5>
            <p class="text-muted">Введите пароль из <code>WEB_PASS</code>, чтобы открыть TG Agent.</p>

            {% if error %}
            <div class="alert alert-danger" role="alert">{{ error }}</div>
            {% endif %}

            <form method="post" action="/login" data-busy>
                <input type="hidden" name="next" value="{{ next }}">
                <div class="mb-3">
                    <label for="password" class="form-label">Пароль</label>
                    <input
                        type="password"
                        class="form-control"
                        id="password"
                        name="password"
                        autocomplete="current-password"
                        required
                        autofocus
                    >
                </div>
                <button type="submit" class="btn btn-primary w-100">Войти</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}