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

{% block title %}Connectez-vous | {{ parent() }}{% endblock %}

{% block body %}
	<div id="banner" class="container-fluid "
		style="background: url({{ asset('frontend/images/slid/banner-1.png') }})no-repeat center center; background-size:cover; ">
	</div>
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center"></div>
			</div>
		</div>
	</div>
	<div class="container-fluid limit">
		<div class="container">
			<section>
				<div class="row d-flex justify-content-between">
					<div class="col-lg-6">
						<div class="card">
							<h3>Connectez-vous</h3>
							<p>
								Connectez-vous avec votre <strong>N° Téléphone</strong> et votre <strong>mot de
								passe</strong> pour accéder à votre espace membre.
							</p>
							<p>
								Vous aurez ainsi accès aux <strong>documents types</strong> et à l'ensemble des
								<strong>avantages</strong> dédiés aux membres {{ app_name }}.
							</p>
                            {{ include('_flashes.html.twig') }}
							<form method="post">
								<div class="form-group">
                                    <input type="text" value="" name="_mphone" id="_mphone" class="form-control" placeholder="Votre N° Téléphone" required autofocus>
								</div>
								<div class="form-group">
                                    <input type="password" name="_mcode" id="_mcode" class="form-control" placeholder="Votre code Membre" required>
								</div>
								<p><a href="{{ path('app_recover_password') }}">Identifiants oublié ?</a></p>
								<input type="submit" class="btn btn-primary" name="login_form" value="Connexion" />
							</form>
						</div>
					</div>
					<div class="col-lg-6">
						<div class="card">
							<h3>Nouveau membre ?</h3>
							<p>
								Pour accéder à nos différents services, nous vous convions à devenir <strong>membre
								{{ app_name }}</strong>. C'est simple, rapide et ça vous apportera de nombreux
								avantages.
							</p>
							<a href="{{ path('app_front_end_adhesion') }}" class="btn btn-primary px-5 mt-3">Je deviens membre</a>
						</div>
					</div>
				</div>
			</section>
		</div>
	</div>
{% endblock %}