{% extends 'front/baseNoMenu.html.twig' %}
{% block title %}Réinitialisation de mot de passe{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('login', null, 'front') }}
<style>
.bgFull {
background: url("/images/login_fond.png") no-repeat center top;
background-size: cover;
height:100vh;
width:100%;
display:flex;
}
.blockCenter{
margin: auto;
border-radius: 10px;
background:#fff;
padding: 20px 40px;
width:500px;
}
</style>
{% endblock %}
{% block body %}
<div class="bgFull" >
<div class="blockCenter">
<a href="{{ path("login")}}" class="d-block w-100 text-center mb-2">
<img src="/images/logo_aoyos_full.png" >
</a>
<h4 class="card-title text-black text-center mb-1">Réinitialisation de mot de passe</h4>
<p class="card-text mb-2 text-center "> Vous avez oublié votre mot de passe ?<br> Entrez votre adresse e-mail que vous utilisez pour vous connecter et vous recevrez un lien de réinitialisation.</p>
{% for message in app.flashes('error') %}
<div class="row pt-1">
<div class="col-12">
<div class="alert alert-warning text-center">
{{ message }}
</div>
</div>
</div>
{% endfor %}
{% for message in app.flashes('success') %}
<div class="row pt-1">
<div class="col-12 ">
{{ message }}
</div>
</div>
{% else %}
{{form_start(form)}}
<div class="row pt-1">
<div class="col-12 text-center ">
<label class="text-primary">Saisissez votre adresse email :</label>
{{form_widget(form.email,{ "attr": {"placeholder":"martin.dupont@exemple.com", "class":"form-control rounded-pill"}})}}
</div>
</div>
<div class="row ">
<div class="col-12 form-group mt-2 text-center">
<button class="btn btn-primary rounded-pill btn-block Auth w-100" type="submit">Recevoir mon lien de réinitialisation</button>
</div>
</div>
<div class="row">
</div>
{{form_end(form)}}
{% endfor %}
<p class="text-center mt-2">
<span>Vous avez déjà un compte?</span>
<a href="{{path('login')}}">
<span>se connecter</span>
</a>
</p>
</div>
</div>
{% endblock %}