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

{% block title %}CONNEXION |
	{{ parent() }}
{% endblock %}

{% block body %}
	<!-- breadcrumb-area -->
	<section class="breadcrumb-area d-flex align-items-center" style="background-image:url({{ asset('assets/custom/img/bg/footer-bg.png') }});">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-xl-12 col-lg-12">
					<div class="breadcrumb-wrap text-center">
						<div class="breadcrumb-title">
							<h2>CONNEXION</h2>
							<div class="breadcrumb-wrap">

								<nav aria-label="breadcrumb">
									<ol class="breadcrumb">
										<li class="breadcrumb-item">
											<a href="{{ path('default')}}">Accueil</a>
										</li>
										<li class="breadcrumb-item active" aria-current="page">Connexion</li>
									</ol>
								</nav>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- breadcrumb-area-end -->
	<section id="contact" class="contact-area after-none contact-bg pt-120 pb-120 p-relative fix">
		<div class="container">
			{% for label, messages in app.flashes %}
				{% for message in messages %}
					<div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
						<button type="button" class="close" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
						{{ message }}
					</div>
				{% endfor %}
			{% endfor %}
			<div class="row justify-content-center align-items-center">

				<div class="col-lg-8 order-2">
					<div class="contact-bg02">
						{% if error %}
							<div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
						{% endif %}
						<div class="section-title center-align mb-40 text-center wow fadeInDown animated" data-animation="fadeInDown" data-delay=".4s">
							<h2>
								Se connecter
							</h2>
						</div>
						<form method="post" class="contact-form mt-30">
							<div class="row">
								<div class="col-lg-6 col-md-6">
									<div class="contact-field p-relative c-name mb-20">
										<input type="text" value="{{ last_username }}" name="username" placeholder="Nom d'utilisateur" id="inputUsername" autocomplete="username" required autofocus>
									</div>
								</div>

								<div class="col-lg-6 col-md-6">
									<div class="contact-field p-relative c-subject mb-20">
										<input type="password" name="password" id="inputPassword" placeholder="Mot de passe" autocomplete="current-password" required>
										<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
									</div>
								</div>
								<div class="col-lg-12">
									<div class="login-toggle-btn">
										<input type="checkbox"/>
										<a class="flote-none" href="javascript:void(0)">Se rappeler de moi</a>
										<a href="#">Mot de passe oublié?</a>
									</div>
									<div class="slider-btn">
										<button type="submit" class="btn ss-btn" data-animation="fadeInRight" data-delay=".8s">
											<span>Connexion</span>
										</button>
									</div>
								</div>
							</div>
						</form>
					</div>

				</div>
			</div>

		</div>

	</section>
	<!-- contact-area-end -->


{% endblock %}