{% extends 'baselogin.html.twig' %}
{% block title %}Réinitialiser le mot de passe{% endblock %}
{% block body %}
{% for flash_error in app.flashes('reset_password_error') %}
<div class="alert alert-danger" role="alert">{{ flash_error }}</div>
{% endfor %}
<div class="auth-page-wrapper p-0" style="min-height: 100vh; box-sizing: border-box;">
<div class="auth-page-content p-0">
<div class="container p-0">
<div class="row justify-content-center align-content-center" style="min-height: 100vh; box-sizing: border-box;">
<div class="col-md-8 col-lg-6 ">
<div class="card mt-4">
<div class="card-body p-4">
<div class="text-center mt-2">
<h5 class="text-primary">Mot de passe oublié ?</h5>
<p class="text-muted">Réinitialiser le mot de passe</p>
<lord-icon
src="https://cdn.lordicon.com/rhvddzym.json"
trigger="loop"
colors="primary:#79ABFF"
class="avatar-xl">
</lord-icon>
</div>
<div class="alert alert-borderless progress-yellow text-center mb-2 mx-2" role="alert">
Entrez votre adresse e-mail et nous vous enverrons un lien pour réinitialiser votre mot de passe.
</div>
<div class="p-2">
{{ form_start(requestForm) }}
<div class="mb-4">
{{ form_row(requestForm.email) }}
</div>
<div class="text-center mt-4">
<button class="btn btn-success w-100" type="submit">Envoyer le lien de réinitialisation</button>
</div>
{{ form_end(requestForm) }}<!-- end form -->
</div>
</div>
<!-- end card body -->
</div>
<!-- end card -->
<div class="mt-4 text-center">
<p class="mb-0">Attendez, je me souviens de mon mot de passe... <a href="{{ path('app_login') }}" class="fw-semibold text-primary text-decoration-underline"> Cliquez ici </a> </p>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}