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

{% block title %}
	{% if categorie is defined %}
		{{categorie|raw}}
	{% elseif valeurCritere is defined %}
		{{valeurCritere|raw}}
	{% else %}
		{{type['type']|raw}}
	{% endif %}
{% endblock %}

{% block ogtitle %}
	{% if categorie is defined %}
		{{categorie|raw}}
	{% elseif valeurCritere is defined %}
		{{valeurCritere|raw}}
	{% else %}
		{{type['type']|raw}}
	{% endif %}
{% endblock %}

{% block twittertitle %}
	{% if categorie is defined %}
		{{categorie|raw}}
	{% elseif valeurCritere is defined %}
		{{valeurCritere|raw}}
	{% else %}
		{{type['type']|raw}}
	{% endif %}
{% endblock %}

{% block canonical %}
	{% if categorie is defined %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler2(currentUrl, idCategorie~'-'~categorie, type['id']~'-'~(type['type']|removeVar)|striptags)}}

	{% elseif valeurCritere is defined %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler(currentUrl, valeurCritere)}}
	{% else %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler(currentUrl, type['id']~'-'~(type['type']|removeVar)|striptags)}}
	{% endif %}
{% endblock %}

{% block ogurl %}
	{% if categorie is defined %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler2(currentUrl, idCategorie~'-'~categorie, type['id']~'-'~(type['type']|removeVar)|striptags)}}

	{% elseif valeurCritere is defined %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler(currentUrl, valeurCritere)}}
	{% else %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler(currentUrl, type['id']~'-'~(type['type']|removeVar)|striptags)}}
	{% endif %}
{% endblock %}

{% block twitterurl %}
	{% if categorie is defined %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler2(currentUrl, idCategorie~'-'~categorie, type['id']~'-'~(type['type']|removeVar)|striptags)}}
	{% elseif valeurCritere is defined %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler(currentUrl, valeurCritere)}}
	{% else %}
		{% set currentUrl = app.request.uri() %}{{canonicalHandler(currentUrl, type['id']~'-'~(type['type']|removeVar)|striptags)}}
	{% endif %}
{% endblock %}

{% block body %}

	<main class="article article-list">
		<div class="banner-top">
			<div class="container">
				{% if categorie is defined %}
					<h1 class="title">{{type['type']|raw}}: {{categorie|raw}}</h1>
				{% elseif valeurCritere is defined %}
					<p class="title h1">{{valeurCritere|raw}}</p>
				{% else %}
					<p class="title h1">{{type['type']|raw}}</p>
				{% endif %}


				{% if categories is defined and categories|length > 0 %}
					<div class="article__categories">
						<b>Les categories:</b>

						{% for catFilter in categories %}
							<a class="text-decoration-underline" href="{{path('app_article_categorie',{categorie: catFilter.categorie|urlHandler|striptags, type: type['type']|urlHandler|striptags, idType: type['id'], idCategorie: catFilter.id })}}">

								{% if loop.index != categories|length %}
									{{catFilter.categorie|removeVar|striptags}},
								{% else %}
									{{catFilter.categorie|removeVar|striptags}}
								{% endif %}

							</a>
						{% endfor %}
					</div>
				{% endif %}
			</div>

		</div>

		{% include 'vitrine/includes/_breadcrumb.html.twig' %}

		<div class="alt-wrapper">
			<div class="container">
				{% for article in articles %}
					{% set type = article['id_article_type']|articleType %}
					{% set stateimg = changeLink(article['lien_image'], article['image_http_serveur']) %}
					<div class="alt {{ type['emplacement_image'] }}">
						{% if (article['sous_titre']|length != 0) %}
							<h3 class="subtitle">
								{{article['sous_titre']|raw }}
							</h3>
						{% endif %}
						<h2 class="title h3">
							{{article['titre']|raw }}
						</h2>
						<p class="about">
							{% if article['categorie'] != '' %}
								<span>{{article['categorie']|raw}}</span>
							{% else %}
								<span>Non spécifié</span>
							{% endif %}
							{% if type['actif_redacteur'] and article['redacteur'] != '' %}
								<span>|</span>
								<span>par
									<a href="{{path('app_article_auteur', {valeur: article['redacteur_permalink']})}}">{{article['redacteur']}},</a>
								</span>
							{% endif %}
							{% if type['actif_date'] and article['date_creation']|date("d-m-Y") != '' %}
								<span>le
									{{article['date_creation']|date("d-m-Y")}}</span>
							{% endif %}
						</p>
						{% if stateimg %}
							<img loading="lazy" src="{{asset(stateimg|raw)}}" alt="{{ article['titre']|striptags }}" onerror="imgNotFound(this)"/>
						{% endif %}
						{% if article['description']|length > 0 %}
							<div class="p-wrap">
								<p>
									{{ article['description']|u.truncate(350, '...', false)|raw }}
								</p>
							</div>
						{% endif %}
						<a class="btn btn-primary" href="{{ path('article_link', { id: article['id'], slug: article['titre']|removeVar|striptags|urlHandler }) }}">
							En savoir plus</a>
					</div>
				{% endfor %}
			</div>
		</div>

		{% include 'vitrine/formulaire/includes/_form.html.twig' %}

		<div id="fb-root"></div>
		<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v14.0" nonce="5mh4Xr2K"></script>
		<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

	</main>
{% endblock %}
{% block javascripts %}
	{{ parent() }}

	{% set  dataJson = {
    recaptcha_key: projectConfig.recaptcha_site_key,
    data_response: path('data_response'),
    download_pdf_link: path('download_pdf_link'),
    send_conf_code: path('send_conf_code')
	} %}

	<script>
		var dataJson = JSON.parse("{{ dataJson|json_encode()|escape('js') }}")
	</script>
	<script src="{{asset('js/app/form.js')}}"></script>
{% endblock %}