<body class="bg-image mt-5">
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main class="">
<div class="container-xl px-4 mb-5">
<div class="row justify-content-center">
<div class="col-xl-5 col-lg-6 col-md-8 col-sm-11">
<!-- Social login form-->
<div class="card my-5 ">
<div class="card-body p-5 text-center">
<div class="h3 fw-light ">Mot de passe oublier</div>
</div>
<hr class="my-0" />
<div class="card-body p-5">
{% for message in app.flashes("nonValide")%}
<div class="alert alert-danger alert-dismissible fade show text-center"
role="alert">
{{message}}
<button type="button" class="btn-close" data-bs-dismiss="alert"
aria-label="Close"></button>
</div>
{% endfor %}
<div class="small mb-3 text-muted">Entrer votre adresse E-mail et nous vous enverons
un liens pour reinitialiser votre mot de passe.</div>
<!-- Forgot password form-->
{{ form_start(recoveryForm) }}
<!-- Form Group (email address)-->
<div class="mb-3">
{{ form_row(recoveryForm.email, {
label: 'Email'
}) }}
</div>
<!-- Form Group (submit options)-->
<div class="d-flex align-items-center justify-content-between mt-4 mb-0 ">
<a class="_link" href="{{path('app_login')}}">Connexion</a>
<button type="submit" class="btn btn-primary mt-2 justify-content-end col-6">
Reinitialiser Mot de Passe
</button>
</div>
{{ form_end(recoveryForm) }}
</div>
<div class="card-footer text-center">
<div class="small text-center">
Nouvel utilistaeur ?
<a href="{{path('app_register')}}" class="_link">Créer un compte</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</body>