{% extends 'front/base.html.twig' %}
{% block seo %}
{% include 'front/partials/seo.html.twig' %}
{% include 'front/partials/social.html.twig' %}
{% endblock seo %}
{% block stylesheet %}{{ parent() }}{% endblock stylesheet %}
{% block layout %}
<div class="overflow-hidden relative w-full flex">
<div class="fluid-grid reset-password-form w-full lg:pt-13">
{% include 'front/partials/breadcrumb.html.twig' with {theme: 'dark' } %}
<div class="row pt-8 pb-12 lg:pb-26">
<div class="col-12 lg-col-6 xl-col-4 lg-col-offset-2 relative">
<a href="{{ page_url('login','front') }}" class="button-back icon-center">
<svg width="18" height="18">
<use href="#icon-arrow-left" xlink:href="#icon-arrow-left"/>
</svg>
<span class="sr-only">Retour</span>
</a>
<h1 class="title--M text-violet-dark font-semibold mb-6">Mot de passe oublié ?</h1>
<p class="paragraph paragraph--L text-violet-dark mb-8">Entrez votre adresse mail pour réinitialiser votre mot de passe.<br/>Un email vous sera envoyé.</p>
{% if success is not null %}
{% if success == true %}
<p class="form__success mb-6">Un email vient d'être envoyé à l'adresse mail renseignée.</p>
{% else %}
<p class="form__error-big mb-6">Cette adresse mail n'est associée à aucun compte.</p>
{% endif %}
{% endif %}
<form class="form" js-form-validation action="{{ path('front_security_forgot_password') }}" method="post">
<div class="form__row" js-form-validation-field-wrapper>
<label for="email" class="form__label" for="password">
Adresse mail <sup>*</sup>
</label>
<input id="email" placeholder="Votre adresse mail" class="text-input text-input--white" required js-form-validation-field data-validation-type="email" type="email" name="{{ form.email.fullName }}">
<input type="hidden" name="forgot_password[token]" value="{{ csrf_token('forgot_password') }}"/>
</div>
<button type="submit" class="button button--arrow button--rounded button--orange mt-4" type="button">
<span class="font-weight-bold">Envoyer l'email</span>
<svg width="12" height="12" class="picto icon ml-2 flex-shrink-0">
<use href="#icon-arrow" xlink:href="#icon-arrow"></use>
</svg>
</button>
</form>
</div>
</div>
</div>
</div>
{% endblock layout %}
{% block javascript %}{{ parent() }}{% endblock javascript %}