{% extends 'base.html.twig' %}
{% block body %}
<div class="auth-page">
<div class="container-fluid p-0">
<div class="row g-0 d-flex justify-content-center">
<div class="col-xxl-6 col-lg-8 col-md-8">
<div class="row justify-content-center g-0 mt-5">
<div class="col-xl-9">
<div class="p-4">
<div class="card mb-0">
<div class="card-body">
<div class="auth-full-page-content rounded d-flex p-3 my-2">
<div class="w-100">
<div class="d-flex flex-column h-100">
<div class="mb-4 mb-md-5">
<a href="/" class="d-block auth-logo">
<img src="/images/logo-groupe.png" alt="" height="70" class="auth-logo-dark me-start">
<img src="/images/logo-light.png" alt="" height="22" class="auth-logo-light me-start">
</a>
</div>
<div class="auth-content my-auto">
<div class="text-center">
<h5 class="mb-0">Réinitialisation du mot de passe</h5>
<p class="text-muted mt-2">Saisissez votre adresse électronique et nous vous enverrons un lien pour réinitialiser votre mot de passe.</p>
</div>
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label }}">
{{ message }}
</div>
{% endfor %}
{% endfor %}
{{ form_start(requestForm) }}
<div class="form-floating form-floating-custom mb-4">
{{ form_row(requestForm.email) }}
</div>
<button class="btn btn-primary bg-gradient w-100 waves-effect waves-light mt-2">Envoyer</button>
{{ form_end(requestForm) }}
</div>
<div class="mt-4 pt-3 text-center">
<p class="text-muted mb-0">Vous avez un <a href="{{ path('login') }}"
class="text-primary fw-semibold"> compte </a> ?</p>
</div>
<div class="mt-4 text-center">
<p class="mb-0">© <script>document.write(new Date().getFullYear())</script> Design & Development by MyJob.Company
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{ include('partials/vendor-scripts.html.twig') }}
<script src="/js/pages/pass-addon.init.js"></script>
<script src="/js/pages/eva-icon.init.js"></script>
{% endblock %}