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

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

{% set title = 'Mot de passe oublié | ' ~ site.name %}

{% block form %}
	<form name="lostpasswordform" action="{{ fn('home_url') }}/elementum/lostpassword" method="post">
		<header>
			<h1>Réinitialisation du mot de passe</h1>
			<p>Veuillez saisir votre adresse e-mail. Vous recevrez un lien pour créer un nouveau mot de passe.</p>
		</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 (ou adresse mail)">
			</div>
		</div>
		<div class="btn-container">
			<button type="submit" name="wp-submit" class="button button-primary button-large">
				<i class="dashicons dashicons-email-alt"></i>
				Réinitialiser le mot de passe
			</button>
		</div>
		{% if errors is defined and errors is not empty %}
			<div class="alert alert-danger">
				<h3>Erreur</h3>
				{{ errors | raw }}
			</div>
		{% endif %}
		{% if message is defined and message is not empty %}
			<div class="alert alert-success">
				{{ message | raw }}
			</div>
		{% endif %}
		<p class="login-link ">
			<a href="{{ loginUrl }}" class="link tertiary">
				<i class="dashicons dashicons-arrow-left-alt2"></i>
				Retour à la connexion
			</a>
		</p>
	</form>
{% endblock %}