{% extends '_auth/base_auth.html.twig' %}

{% block title %}Connexion — Votre compte · Vulcan' Affûtage{% endblock %}
{% block metaDesc %}Connectez-vous à votre compte client Vulcan' Affûtage pour accéder à vos commandes et informations personnelles.{% endblock %}

{% block auth_aside %}
    <span class="auth-aside-eyebrow">Espace client</span>
    <h2>Content de vous <em>revoir</em>.</h2>
    <p>Connectez-vous pour retrouver vos commandes, vos informations et finaliser vos achats.</p>
{% endblock %}

{% block auth_panel %}
    <span class="auth-eyebrow">Connexion</span>
    <h1>Se connecter</h1>
    <a href="{{ path('app_inscription') }}" class="auth-alt-link">Pas encore de compte ? S'inscrire</a>

    {% if form_error is defined and form_error %}<div class="auth-banner" role="alert">{{ form_error }}</div>{% endif %}

    {# Pas de message sous les champs ici : la connexion ne dit jamais LEQUEL des
       deux est faux (ce serait dire à un attaquant qu'une adresse existe). Le
       seul retour est le bandeau ci-dessus, rendu avec la page — donc sans
       décalage de mise en page. #}
    <form class="auth-form" action="{{ path('app_client_login') }}" method="post" novalidate>
        <div class="chk-field">
            <input id="email" name="email" type="email" placeholder=" " value="{{ old_email|default('') }}" autocomplete="email" required
                   {% if form_error is defined and form_error %}aria-invalid="true"{% endif %}>
            <label for="email">E-mail</label>
        </div>

        <div class="chk-field">
            <input id="password" name="password" type="password" placeholder=" " autocomplete="current-password" required
                   {% if form_error is defined and form_error %}aria-invalid="true"{% endif %}>
            <label for="password">Mot de passe</label>
        </div>
        <p class="auth-foot-link"><a href="{{ path('app_request_email_edit_password') }}">Mot de passe oublié ?</a></p>

        <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">
        {% if redirect_route is defined and redirect_route %}
            <input type="hidden" name="redirect_route" value="{{ redirect_route }}">
        {% endif %}

        <button class="nhp-btn nhp-btn--primary" type="submit">
            Se connecter
            <svg class="nhp-btn-arrow" width="16" height="16" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </button>
    </form>
{% endblock %}