{% extends 'security.html.twig' %}
{% block title %}Reset your password{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('assets/css/reset-password.css') }}">
{% endblock %}
{% block body %}
<div class="container-lg">
<div class="row justify-content-center align-items-center authentication authentication-basic h-100">
<div class="col-xxl-4 col-xl-5 col-lg-5 col-md-6 col-sm-8 col-12">
<div class="my-5 d-flex justify-content-center">
<a href="{{ path('app_login') }}">
<img src="{{ asset('assets/images/brand-logos/desktop-dark.png') }}" alt="logo" class="desktop-logo">
</a>
</div>
{% for flash_error in app.flashes('reset_password_error') %}
<div class="alert alert-danger" role="alert">{{ flash_error }}</div>
{% endfor %}
<div class="card custom-card">
<div class="card-body p-5">
<p class="h5 fw-semibold mb-2 text-center">RĂ©initialiser votre mot de passe</p>
<p class="mb-4 text-muted op-7 fw-normal text-center">Saisissez votre adresse e-mail et nous
vous enverrons un lien pour réinitialiser votre mot de passe.
</p>
<div class="row gy-3">
<div class="col-xl-12 mb-2">
{{ form_start(requestForm) }}
{{ form_row(requestForm.email) }}
</div>
<div class="col-xl-12 d-grid mt-2">
<button class="btn btn-lg btn-shiny">Envoyer</button>
</div>
{{ form_end(requestForm) }}
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}{% endblock %}