{% 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" %}

            <form method="post" class="auth-form">
                <div class="form-group">
                    <label for="username">Имя пользователя</label>
                    <input type="text" id="username" name="username" required minlength="3" autocomplete="username" placeholder="min 3 символа">
                </div>
                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" id="email" name="email" required autocomplete="email" placeholder="you@example.com">
                </div>
                <div class="form-group">
                    <label for="password">Пароль</label>
                    <input type="password" id="password" name="password" required minlength="6" autocomplete="new-password" placeholder="min 6 символов">
                </div>
                <div class="form-group">
                    <label for="password2">Подтверждение пароля</label>
                    <input type="password" id="password2" name="password2" required minlength="6" autocomplete="new-password" placeholder="повторите пароль">
                </div>
                {% include "partials/captcha.html" %}
                <button type="submit" class="btn btn--primary btn--full">Создать аккаунт</button>
            </form>

            <p class="auth-card__footer">
                Уже есть аккаунт? <a href="{{ url_for('auth.login') }}">Войти</a>
            </p>
        </div>
    </div>
</section>
{% endblock %}

{% block scripts %}
{% include "partials/captcha_scripts.html" %}
{% endblock %}