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

{% block title %}Evènements | {{ 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">{{ cms_article.title|raw }}</h1>
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center">
					<p>{{ cms_article.description|raw }}</p>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid limit">
		<div class="container evenements">
			<section>
				<div class="row d-flex justify-content-between">
					<div class="col-lg-7 order-2 order-lg-1" id="mix_blog">
						<p>{{ cms_article.content|raw }}</p>
					</div>
					<div class="col-lg-4 order-1 order-lg-2" id="event_filters">
						<a href="{{ path('app_front_end_galerie')}}" class="btn btn-primary btn-block mb-3">Galerie photos</a>
						<!-- desktop -->
						<div class="wrapper-filtre">
							<h6 class="filtre__title">Filtrer les évènements</h6>
							<div class="formSearchEvenements">
								<div class="input-group">
									<input class="form-control py-2 border-right-0 border" type="text" placeholder="Chercher un évènement" id="searchEvenements" name="searchEvenements">
									<input type="hidden" id="Evenements" name="Evenements" value="Evenements">
									<span class="input-group-append">
										<button class="btn btn-outline-secondary border-left-0 border" type="submit">
											<i class="fa fa-search"></i>
										</button>
									</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</div>
{% endblock %}