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

{% block title %}Évènements | {{ parent() }}{% endblock %}

{% block body %}
	{% if sectionEnvenement %}
		<div id="banner" class="container-fluid"
			style="background: url({{ vich_uploader_asset(sectionEnvenement, 'imageFile') }})no-repeat center center; background-size:cover; ">
		</div>
		{% else %}
		<div id="banner" class="container-fluid"
			style="background: url({{ asset('frontend/dist/assets/img/banner.jpeg') }})no-repeat center center; background-size:cover; ">
		</div>
	{% endif %}
	<div class="container">
		<div class="row">
			<div class="col-12">
				<h1 class="banner__title">Évènements</h1>
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center">
					<p>
						{{ sectionEnvenement ? sectionEnvenement.content|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">
						<div class="alert text-center" ></div>
						{% for evenement in evenements %}
							<div class="card news article mix70" data-id="70" >
								<div class="news__image">
									<img class="card-img" src="{{ vich_uploader_asset(evenement, 'imageFile') }}" alt="">
								</div>
								<div class="news__text">
									<div class="news__cat">
										<a href="{{ path('app_front_end_evenement_show', {'id': evenement.id}) }}" class="badge bg-secondary">{{ evenement.cmsArticleCategory ? evenement.cmsArticleCategory.title : 'Évènements' }}</a> 
									</div>
									<h3 class="card-title">
										<a href="{{ path('app_front_end_evenement_show', {'id': evenement.id}) }}">{{ evenement.title }}</a>
									</h3>
									<div class="card-text">
										<div class="row">
											<div class="col-lg-6">
												<p>Le {{ evenement.createdAt ? evenement.createdAt|date('d/m/Y') : '' }}</p>
											</div>
											<div class="col-lg-6 text-right">
												<a href="{{ path('app_front_end_evenement_show', {'id': evenement.id}) }}" class="card-link">En savoir plus</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						{% endfor %}
						<nav id="paginations" aria-label="Page navigation example">
							<ul class="pagination justify-content-center list-unstyled"></ul>
						</nav>
					</div>
					<div class="col-lg-4 order-1 order-lg-2" id="event_filters">
						<a href="#" 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 %}