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

{% block title %}Avantages | {{ 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">
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center"></div>
			</div>
		</div>
	</div>
	<div class="container-fluid px-0">
		<section class="avantage-details">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<a href="{{ path('app_front_end_avantages') }}" class="btn btn-outline-primary">
							<i class="fas fa-long-arrow-alt-left mr-3"></i>Retour aux avantages
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-12">
						<h1 class="banner__title">{{ cms_article.title }}</h1>
					</div>
				</div>
				<div class="row d-flex justify-content-between">
					<div class="col-lg-7">
						<div class="row">
							<div class="col-lg-5">
								<p class="text-center">
									<img class="img-fluid" width="125px" src="{{ vich_uploader_asset(cms_article, 'imageFile') }}" alt="{{ cms_article.title }}">
								</p>
							</div>
							<div class="col-lg-7">
								<p>
									{{ cms_article.description|raw }}
								</p>
							</div>
							<div class="col-12">
							</div>
							<div class="col-12">
								<div class="card bg-primary">
									{{ cms_article.content|raw }}
								</div>
							</div>
							<strong class="lead">Pour savoir comment profiter de votre avantage, veuillez vous connecter</strong>
							<div class="col-lg-12">
								{{ include('_flashes.html.twig') }}
								<form method="post" action="{{ path('app_front_end_connexion')}}" class="mt-3">
									<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>

					<div class="col-lg-4">
						<div class="cta-newsletter">
							<div class="container">
								<div class="row">
									<div
										class="col-12 d-flex flex-column justify-content-center align-items-center">
										<h2>Pas encore membre ?</h2>
										<p>Vous voulez profiter des avantages {{ app_name }} et bien plus encore ? Devenez membre dès maintenant !</p>
										<a href="{{ path('app_front_end_adhesion') }}" class="btn btn-light"> Devenir membre</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
{% endblock %}