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

{% block title %}Connexion - Sensipode Gestion de projet{% endblock %}

{% block body %}
    <main class="auth-shell">
        <section class="auth-card">
            <p class="eyebrow">Accès sécurisé</p>
            <h1>Connexion</h1>
            <p>Connecte-toi avec ton identifiant Sensipode pour accéder à l’espace projet.</p>

            {% if error %}
                <div class="auth-error">Identifiant ou mot de passe incorrect.</div>
            {% endif %}

            <form method="post" class="auth-form">
                <label for="username">Identifiant</label>
                <input
                    type="email"
                    value="{{ last_username }}"
                    name="_username"
                    id="username"
                    autocomplete="email"
                    required
                    autofocus
                >

                <label for="password">Mot de passe</label>
                <input
                    type="password"
                    name="_password"
                    id="password"
                    autocomplete="current-password"
                    required
                >

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

                <button type="submit">Se connecter</button>
            </form>

            <p class="auth-link">
                <a href="{{ path('app_forgot_password') }}">Mot de passe oublié</a>
            </p>
        </section>
    </main>
{% endblock %}