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

{% block title %}Actualités | {{ parent() }}{% endblock %}

{% block body %}
	{% if sectionActualite %}
		<div id="banner" class="container-fluid"
			style="background: url({{ vich_uploader_asset(sectionActualite, '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">Actualités</h1>
				<div class="d-flex flex-column flex-lg-row justify-content-start align-items-center">
					<p>
						{{ sectionActualite ? sectionActualite.content|raw : '' }}
					</p>
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid limit">
		<div class="container annonces">
			<section>
				<div class="row d-flex justify-content-between">
					<div class="col-lg-7 order-2 order-lg-1" id="mix_blog" style="min-height:611px !important;min-height:auto !important;">
						<div class="alert text-center" style="display: none;"></div>
						<div class="card news doctype" style="display: none;background-image: url('{{ asset('frontend/dist/assets/img/bg-theme-large.jpg') }}')">
							<div class="news__text no-img">
								<h3 class="card-title"><span id="documents_types_h3"></span></h3>
								<a id="button_documents_types" href="#" class="btn btn-primary">Accèdez aux Documents types</a>
							</div>
						</div>
						{% for actualite in actualites %}
							<div class="card news article mix5" data-id="{{ actualite.id }}">
								<div class="news__image">
									<img class="card-img" src="{{ vich_uploader_asset(actualite, 'imageFile') }}" alt="">
								</div>
								<div class="news__text">
									<span class="highlight"><i class="fas fa-star"></i></span>
									<div class="news__cat">
										<a href="{{ path('app_front_end_actualite_show', {'id': actualite.id}) }}" class="badge bg-secondary">{{ actualite.cmsArticleCategory ? actualite.cmsArticleCategory.title : 'Actualité' }}</a>
									</div>
									<h3 class="card-title"><a href="{{ path('app_front_end_actualite_show', {'id': actualite.id}) }}">{{ actualite.title }}</a></h3>
									<div class="card-text">
										<div class="row">
											<div class="col-lg-6">
												<p>Publié le {{ actualite.createdAt ? actualite.createdAt|date('d/m/Y') : '' }}</p>
											</div>
											<div class="col-lg-6 text-right">
												<a href="{{ path('app_front_end_actualite_show', {'id': actualite.id}) }}" class="card-link">Lire la suite</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						{% endfor %}
						
					</div>
					<div class="col-lg-4 order-1 order-lg-2" id="thematique_filters">
						<!-- desktop -->
						<div class="wrapper-filtre">
							<h6 class="filtre__title">Filtrer les contenus</h6>
							<div class="formSearchThematiques">
								<div class="input-group">
									<input class="form-control py-2 border-right-0 border" type="text" placeholder="Chercher un contenu" id="searchThematiques" name="searchThematiques">
									<input type="hidden" id="Thematiques" name="Thematiques" value="Thematiques">
									<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 %}