{% extends 'logout.base.html.twig' %}
{% block title %}Mot de passe oublié
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/pass_forget.css') }}">
{% endblock %}
{% block body %}
<div id="wrapper">
<div id="right-wrapper">
<div id="login">
<div id="login-wrapper">
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
<img src="/img/logo_why_2023.png" alt="" class="w-96 py-6">
<div class="w-full bg-white rounded-lg shadow md:mt-0 sm:max-w-md xl:p-0">
<div class="p-6 space-y-4 md:space-y-6 sm:p-8">
{% if error %}
<div class="alert alert-error shadow-lg">
<div>
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current flex-shrink-0 h-6 w-6" fill="none" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
<span>{{error}}</span>
</div>
</div>
{% elseif not error and submited %}
<div id="success-wrapper">
<div id="success">Un e-mail vient d'être envoyé.</div>
</div>
{% endif %}
{% if not submited or error%}
<div class="text-center">
<p>Veuillez entrer votre adresse e-mail ci-dessous, nous vous enverrons un mail afin de pouvoir modifier votre mot de passe.</p>
</div>
<h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl">
Mot de passe oublié
</h1>
<form method="post">
{{ form_start(form) }}
{{ form_row(form.email) }}
<button id="submit" type="submit" class="btn btn-primary text-white mt-5">
Réinitialiser mon mot de passe
</button>
{{ form_end(form) }}
</form>
{% endif %}
</div>
</div>
</div>
<p class="mt-5 text-black">Si vous ne voyez pas le mail, vérifiez vos spams</p>
</div>
</div>
</div>
</div>
</div>{% endblock %}