{% extends 'base.html.twig' %}

{% block stylesheets %}
	<style>
		.recovery-box {
			margin-top: 100px;
		}
	</style>

{% endblock %}

{% block title %}Récupérer votre compte
{% endblock %}

{% block body %}
	{% for flashError in app.flashes('reset_password_error') %}
		<div class="alert alert-danger" role="alert">{{ flashError }}</div>
	{% endfor %}


	<div class="container d-flex justify-content-center">
		<div class="card recovery-box p-4 w-50">
			<div class="recovery-box-text">
				<h5>Procédure de récupération de compte</h5>
				<p>Saisissez votre adresse e-mail et recevez un code de récupération.</p>
			</div>
			<div class="request-form">
				{{ form_start(requestForm) }}
				{{ form_row(requestForm.e-mail, {'attr':{'class':'form-control'}}) }}
				<button type="submit" class="btn btn-primary mt-4">Envoyer le code de récupération</button>
				{{ form_end(requestForm) }}
			</div>
		</div>
	</div>


{% endblock %}