{% extends 'base.html.twig' %}

{% block title %}Connexion{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/login.css') }}">
{% endblock %}

{% block body %}
    <div class="login-container">

        <h1 class="login-title">🔐 Connexion</h1>

        {% if error %}
            <div class="login-error">Mauvais nom d'utilisateur ou mot de passe.</div>
        {% endif %}

        {% if app.user %}
            <div class="already-logged">
                Connecté en tant que {{ app.user.userIdentifier }},
                <a href="{{ path('app_logout') }}" class="logout-link">Se déconnecter</a>
            </div>
        {% endif %}

        <form method="post" class="login-form">
            <label for="inputUsername">Nom d'utilisateur</label>
            <input type="text" id="inputUsername" name="username" value="{{ last_username }}" required autofocus>

            <label for="inputPassword">Mot de passe</label>
            <input type="password" id="inputPassword" name="password" required>

            <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">

            <button class="btn-login" type="submit">🚪 Se connecter</button>
        </form>

    </div>
    <div class="no-account">
        <p>Pas encore de compte ?</p>
        <a href="{{ path('app_register') }}" class="btn-register">Créer un compte</a>
    </div>
{% endblock %}