{% extends 'account/security/base.login.html.twig' %}
{% block title %}{{ 'page.forgot_password.ask.title.label'|trans }} - {{ parent() }}{% endblock %}
{% block content %}
<div class="login-content">
<div class="w-100 text-center">
<div class="nellapp-title text-primary-color">
{{ 'page.forgot_password.ask.title.label'|trans }}
</div>
</div>
<div class="mt-3 text-primary-color information-text">
Vous avez perdu ou oublié votre mot de passe ? Afin de vous aider à le réinitialiser, merci de renseigner
l’adresse mail associée à votre compte dans le champ ci-dessous.
</div>
<div class="w-100 mb-2">
<div class="row">
<div class="col-12">
<form action="{{ path('forgot_password_ask') }}" method="POST" id="forgot-form">
<div class="row">
<div class="col-12">
<div class="form-input-nellapp mt-4">
<label for="email"
class="required">{{ 'page.forgot_password.ask.form.username.label'|trans }}</label>
<span class="bmd-form-group">
<input type="email" id="email" name="email" autocomplete="email"
autocorrect="off" value="{{ last_username|default('') }}"/>
</span>
{% if error %}
<div class="text-danger text-center mt-2 font-size-09rem">
{{ error|trans({}, 'security') }}
</div>
{% endif %}
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="reset-button-line mb-5">
<a href="{{ path('app_login') }}" class="nellapp-btn gray">
Annuler
</a>
<button type="submit" class="nellapp-btn" form="forgot-form">
{{ 'page.forgot_password.ask.form.submit.label'|trans }}
</button>
</div>
<div>
<p class="text-center font-size-09rem">
{{ 'page.login.form.still_not_register.label'|trans }}
</p>
</div>
<div class="w-100">
<a href="{{ path('app_register') }}"
class="d-inline-block nellapp-outline-btn w-100 text-center">
{{ 'page.register.form.submit.label'|trans }}
</a>
</div>
</div>
{% endblock %}