{% extends "base.html" %}

{% block title %}Вход — PhotoHost{% endblock %}

{% block content %}
<section class="auth-section">
    <div class="container auth-container">
        <div class="auth-card">
            <h1 class="auth-card__title">Вход</h1>
            <p class="auth-card__subtitle">Войдите в аккаунт для загрузки фото</p>

            {% include "partials/alerts.html" %}

            {% if auth_settings.password_login_enabled %}
            <form method="post" class="auth-form">
                <div class="form-group">
                    <label for="login">Логин или email</label>
                    <input type="text" id="login" name="login" required autocomplete="username" placeholder="username или email@example.com">
                </div>
                <div class="form-group">
                    <label for="password">Пароль</label>
                    <input type="password" id="password" name="password" required autocomplete="current-password" placeholder="••••••••">
                </div>
                <label class="form-checkbox">
                    <input type="checkbox" name="remember">
                    <span>Запомнить меня</span>
                </label>
                {% include "partials/captcha.html" %}
                <button type="submit" class="btn btn--primary btn--full">Войти</button>
            </form>
            {% endif %}

            {% if auth_settings.passkey_enabled %}
            <button type="button" class="btn btn--ghost btn--full" id="passkeyLoginBtn" style="margin-top:12px">
                Войти с Passkey
            </button>
            {% endif %}

            <p class="auth-card__footer">
                {% if auth_settings.password_login_enabled %}
                <a href="{{ url_for('auth.forgot_password') }}">Забыли пароль?</a>
                {% if auth_settings.registration_enabled %} · {% endif %}
                {% endif %}
                {% if auth_settings.registration_enabled %}
                <a href="{{ url_for('auth.register') }}">Зарегистрироваться</a>
                {% endif %}
            </p>
        </div>
    </div>
</section>
{% endblock %}

{% block scripts %}
{% include "partials/captcha_scripts.html" %}
{% if auth_settings.passkey_enabled %}
<script src="{{ url_for('static', filename='js/passkey.js') }}"></script>
{% endif %}
{% endblock %}