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

{% block title %}
	{{ article['titre']|striptags }}
{% endblock %}

{% block ogtitle %}
	{{ article['titre']|striptags }}
{% endblock %}

{% block twittertitle %}
	{{ article['titre']|striptags }}
{% endblock %}

{% block keywords %}
	{{ article['keywords']|striptags }}
{% endblock %}

{% block description %}
	{{ article['meta_description']|striptags }}
{% endblock %}

{% block ogdescription %}
	{{ article['meta_description']|striptags }}
{% endblock %}

{% block twitterdescription %}
	{{ article['meta_description']|striptags }}
{% endblock %}

{% block canonical %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, (article['id'] ~ '-' ~ article['titre'])|removeVar|striptags) }}
{% endblock %}

{% block ogurl %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, (article['id'] ~ '-' ~ article['titre'])|removeVar|striptags) }}
{% endblock %}

{% block twitterurl %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, (article['id'] ~ '-' ~ article['titre'])|removeVar|striptags) }}
{% endblock %}

{% block ogimage %}
	{{ changeLink(article['lien_image'], article['image_http_serveur']) }}
{% endblock %}

{% block twitterimage %}
	{{ changeLink(article['lien_image'], article['image_http_serveur']) }}
{% endblock %}

{% block body %}

	{% set stateimg = changeLink(article['lien_image'], article['image_http_serveur']) %}
	{# class="animate__animated animate__backInDown" #}
	<main class="article article-details">
		{% include 'vitrine/includes/_breadcrumb.html.twig' %}

		<div class="intro">

			<div class="container">

				<div class="intro-body">

					<div class="d-grid d-lg-flex gap-2 py-5">
						<div class="text-wrapper">
							<h2 class="subtitle">{{ article['sous_titre']|raw }}</h2>
							<h1 class="title h2">{{ article['titre']|raw }}</h1>
							<p class="about">
								{% if articleType['actif_redacteur'] and article['redacteur'] != '' %}
									<span>
										par
									</span>
									<span>
										<a href="{{ path('app_article_auteur', { valeur: article['redacteur_permalink'] }) }}" type="button">{{ article['redacteur'] }},</a>
									</span>
								{% endif %}
								{% if articleType['actif_date'] and (article['date_creation']|date('d-m-Y')) != '' %}
									<span>
										le
										{{ article['date_creation']|date('d-m-Y') }}
									</span>
								{% endif %}
							</p>
							{% if (article['description']|length) > 0 %}
								<div class="p-wrap">
									<p>{{ article['description']|raw }}</p>
								</div>
							{% endif %}
						</div>

						{% if stateimg %}
							<figure><img src="{{ asset(stateimg|raw) }}" loading="lazy" alt="{{ article['titre']|striptags }}" onerror="imgNotFound(this)"/></figure>
						{% endif %}

					</div>
				</div>
			</div>
		</div>

		{% for afterDescObjetg in objetsGAfterDesc %}
			{{ afterDescObjetg.html|objetChar|raw }}
		{% endfor %}
		{% if objetsAfterDesc is defined %}
			{% for afterDescObjet in objetsAfterDesc %}
				{{ afterDescObjet.html|objetChar|raw }}
			{% endfor %}
		{% endif %}

		{% include 'vitrine/includes/_par.html.twig' %}
		{% if (critereValeur) %}
			<div class="article-tags">
				<div class="container">
					<b>Tags:</b>
					<div class="btn-wrapper mt-3">
						{% for critereVal in critereValeur %}
							<a href="{{ path('app_article_valeur', { valeur: critereVal['valeur']|urlHandler }) }}" class="btn-tag" type="button">#{{ critereVal['valeur'] }}</a>
						{% endfor %}
					</div>
				</div>
			</div>
		{% endif %}
		{% 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 %}