<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Регистрация — WB Feedback</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}" />
</head>
<body>
    <div class="auth-shell">
        <section class="auth-card">
            <div class="auth-kicker">
                <img src="{{ url_for('static', filename='wb3.png') }}" class="auth-kicker-logo-img" alt="WB">
                
            </div>
            <h1>Запрос доступа</h1>
            <p class="auth-subtitle">После регистрации администратор подтвердит доступ к кабинету.</p>

            {% if error_message %}
                <div class="alert alert-error">{{ error_message }}</div>
            {% endif %}
            {% if success_message %}
                <div class="alert alert-success">{{ success_message }}</div>
            {% endif %}

            <form method="post" class="auth-form">
                <label>
                    Логин
                    <input type="text" name="username" placeholder="Придумайте логин" required autofocus />
                </label>
                <label>
                    Пароль
                    <input type="password" name="password" placeholder="Придумайте пароль" required />
                </label>
                <label>
                    Повторите пароль
                    <input type="password" name="confirm" placeholder="Повторите пароль" required />
                </label>
                <button type="submit">Отправить заявку</button>
            </form>

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