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

{% block stylesheets %}
	<link rel="shortcut icon" href="s/images/fav.png" type="image/x-icon">
	<link rel="shortcut icon" href="s/images/fav.jpg">
	<link rel="stylesheet" href="../assets/css/bootstrap.css">


	<style>
		.code-box {
			margin-top: 100px;
		}
	</style>
{% endblock %}

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

{% block body %}


	<div class="container d-flex justify-content-center">
		<div class="card code-box w-50 p-4">
			<div class="code-box-text">
				<h5>Récupérez votre compte!</h5>
				<p>Saisissez votre adresse e-mail et le code de récupération</p>
			</div>

			{% if error %}
				<div class="alert alert-danger">
					{{ error }}
				</div>
			{% endif %}

			<div class="recovery_form">
				{{ form_start(recoverForm) }}
				{{ form_row(recoverForm.e-mail, {'attr': {'class': 'form-control mb-2'}}) }}

				{{ form_row(recoverForm.recovery_code, {'attr': {'class': 'form-control mb-2'}}) }}

				{{ form_row(recoverForm.submit, {'attr': {'class': 'btn btn-primary mt-2'}}) }}

				{{ form_end(recoverForm) }}
			</div>


		</div>
	</div>


{% endblock %}