{% extends "layout.html" %}
{% block content %}
    <div class="auth-container">
        <div class="auth-header">
            <h2>Connexion</h2>
        </div>
        <form method="post" action="{{ url_for("auth.login") }}">
            <input type="text"
                   id="username"
                   name="username"
                   placeholder="Pseudo"
                   required
                   autocomplete="username">
            <input type="password"
                   id="password"
                   name="password"
                   placeholder="Mot de passe"
                   required
                   autocomplete="current-password">
            <button type="submit" class="contrast cta-button w-100">Se connecter</button>
        </form>
        <div class="auth-footer text-muted">
            <p>
                Pas encore de compte ? <a href="{{ url_for("auth.register") }}">Inscrivez-vous</a>
            </p>
        </div>
    </div>
{% endblock %}