{% set body_class = 'login-page' %}

{% extends "@elementum/login/base.html.twig" %}

{% set title = "Connexion | " ~ site.name %}

{% block form %}
    <form name="loginform" action="{{ fn('home_url') }}/elementum/login" method="post" class="card">
        <header>
            <h1>Connexion</h1>
        </header>
        <div class="input-group">
            <label for="user_login" class="sr-only">Identifiant</label>
            <div class="field">
                <span class="icon-start"><i class="ri-user-line"></i></span>
                <input type="text" id="user_login" name="user_login" placeholder="Votre identifiant">
            </div>
        </div>
        <div class="input-group">
            <label for="user_password" class="sr-only">Mot de passe</label>
            <div class="field">
                <span class="icon-start"><i class="ri-lock-line"></i></span>
                <input type="password" id="user_password" name="user_password" placeholder="Votre mot de passe">
                <button type="button" class="icon-end show-password"><i class="ri-eye-line"></i></button>
            </div>
        </div>
        <div class="form-group">
            <label for="rememberme">
                <input name="remember" type="checkbox" id="rememberme" value="forever">
                Se souvenir de moi
            </label>
        </div>
        {% if enable_lostpassword_from_login %}
        <div class="form-group lost-password">
            <a href="{{ lostPasswordUrl }}" class="link tertiary">Mot de passe oublié ?</a>
        </div>
        {% endif %}
        <div class="btn-container">
            <button type="submit" name="wp-submit" id="wp-submit">
                <i class="dashicons dashicons-arrow-right-alt2"></i> Connexion
            </button>
        </div>
        {% if login_errors is defined and login_errors is not empty %}
            <div class="alert alert-danger">
                <h3>Erreur de connexion</h3>
                {{ login_errors | raw }}
            </div>
        {% endif %}
    </form>
{% endblock %}

{% block script %}

{% endblock %}