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

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

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

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

{% block keywords %}
	{{ page['content']['keywords']|striptags }}
{% endblock %}

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

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

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

{% block canonical %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, app.request.attributes.get('_route_params')['famille']) }}
{% endblock %}

{% block ogurl %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, app.request.attributes.get('_route_params')['famille']) }}
{% endblock %}

{% block twitterurl %}
	{% set currentUrl = app.request.uri() %}{{ canonicalHandler(currentUrl, app.request.attributes.get('_route_params')['famille']) }}
{% endblock %}

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

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

{% block body %}
	{% set title = page['content']['titre'] %}
	{% set id = page['content']['id'] %}
	{% set stateimg = changeLink(page['content']['lien_image'], page['content']['image_http_serveur']) %}
	
	{% set description_fin = page['content']['description_fin'] %}
	{% set combo_link = '' %}
	{% set combo_options = '' %}
	{% set tags = page['content']['keywords']|split(',') %}

	{% for levelCombo in levelCombos %}
		{% set text =  levelCombos[5]|replace({ '-': ' ' })  %}
		{% set link =  path('compose_page_famille_model', { id: page['content']['id'], slug: levelCombos[3], famille: levelCombos[4], model: levelCombos[5] })  %}

		{% set combo_link = combo_link ~ "<a class='btn-tag' href='" ~ link ~ "'>" ~ text  ~ "</a>" %}
		{% set combo_options = combo_options ~ "<option value='" ~ link ~ "'>" ~ text  ~ "</option>" %}
	{% endfor %}


	{# class="animate__animated animate__backInDown" #}
	<main class="page combo level-2">
		{% include 'vitrine/includes/_intro.html.twig' %}
		{% include 'vitrine/includes/_par.html.twig' %}
		{% include 'vitrine/includes/_submenu.html.twig' %}
		{% include 'vitrine/includes/_article.html.twig' %}
		{% include 'vitrine/includes/_discover.html.twig' %}
		{% include 'vitrine/formulaire/includes/_form.html.twig' %}
	</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 %}