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

{% block title %}Mot de passe | {{ parent() }}{% endblock %}

{% block body %}
	<div id="banner" class="container-fluid"
		style="background: url({{ asset('frontend/images/slid/banner-3.png') }})no-repeat center center; background-size:cover; ">
	</div>
	<div class="container">
		<div class="row">
			<div class="col-12">
				<h1 class="banner__title">Mot de passe</h1>
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center"></div>
			</div>
		</div>
	</div>
	<div class="container">
		<section>
			<div class="row">
				<div class="col-12">
					<p class="lead">
						Vous avez perdu votre mot de passe ?<br />Encodez votre email pour créer un nouveau mot de
						passe. 
					</p>
				</div>
			</div>
			<div class="row mt-3">
				<div class="col-12 col-md-6 col-lg-5">
					<div class="send_mail d-none alert-success px-2 py-1 mb-3">
						<i class="fa fa-check mx-3"></i> Un mail a été envoyé à l'adresse <span class="email"></span>
					</div>
					<div class="alert-danger d-none px-2 py-1 mb-3">
						<i class="fa fa-times mx-3"></i> Une erreur s'est produite. Veuillez réessayer
					</div>
					<form id="password_form">
						<div class="form-group">
							<label for="formGroupExampleInput">Email *</label>
							<input type="text" name="email" class="form-control" id="formGroupExampleInput">
						</div>
						<div class="form-group">
							<input type="hidden" name="token" value="a26a308c5ac58c26834de9d741de97a4" />
							<input type="hidden" name="type" value="0" />
							<input type="submit" class="btn btn-primary btn-block" id="formGroupExampleInput2" value="Envoyer">
						</div>
					</form>
				</div>
			</div>
		</section>
	</div>
{% endblock %}