{% extends "layout.html" %}
{% block content %}
    <div class="auth-container">
        <div class="auth-header">
            <h2>Inscription</h2>
        </div>
        <form method="post" action="{{ url_for("auth.register") }}">
            <input type="text"
                   id="username"
                   name="username"
                   placeholder="Choisissez un pseudo"
                   required
                   autocomplete="username">
            <input type="password"
                   id="password"
                   name="password"
                   placeholder="Créez un mot de passe"
                   required
                   autocomplete="new-password">
            <button type="submit" class="contrast cta-button w-100">S'inscrire</button>
        </form>
        <div class="auth-footer text-muted">
            <p>
                Déjà membre ? <a href="{{ url_for("auth.login") }}">Connectez-vous</a>
            </p>
        </div>
    </div>
{% endblock %}