{# Valeurs de base #}
{% set content = bannerSEO %}
{% set datas = {} %}
{% if content is defined and content is not none and content is not empty %}
{# Propriétés de la section #}
{% set datas = datas|merge({'section': section(content)}) %}
{# Propriétés du titre #}
{% set datas = datas|merge({'title': title(content)}) %}
{# Propriétés du bouton #}
{% set buttonProps = button(content) %}
{% set datas = datas|merge({'button': buttonProps}) %}
{# Autres contenus #}
{% if content.mainContent is defined and content.mainContent is not none and content.mainContent is not empty %}
{% set datas = datas|merge({'text': content.mainContent}) %}
{% endif %}
{% set hasBlocks = content.blocks is defined and content.blocks is not empty %}
{% set buttonText = datas.button.text|default(content.textButton|default('Voir plus')) %}
{# Mise à jour du CSS lié à la section #}
<style>
{% include '_snippets/components/_section.html.twig' %}
{% include '_snippets/components/_title.html.twig' %}
{% include '_snippets/components/_button.html.twig' %}
</style>
{# Affichage des éléments #}
<section
id="{{ datas.section.id|default('') }}"
class="banner-seo-section d-flex flex-column align-items-center justify-content-center"
data-lazy-snippet="banner-seo"
data-banner-seo
>
{{ ('<'~datas.title.level~' class="text-center">')|raw }}
{{ datas.title.text|raw }}
{{ ('</'~datas.title.level~'>')|raw }}
<div class="banner-seo-main-content text">
{{ (datas.text)|raw }}
</div>
{% if hasBlocks %}
<div class="accordion banner-seo-accordion" data-banner-seo-accordion>
<div
id="{{ datas.section.id|default('') }}-extra-content"
class="accordion-content banner-seo-extra-content"
>
{% for block in content.blocks %}
{% if block.type is defined and block.type is not empty %}
{% include 'pages/_blocks/' ~ block.type ~ '.html.twig' ignore missing with { content: block } %}
{% endif %}
{% endfor %}
</div>
<button
type="button"
class="button banner-seo-toggle accordion-trigger"
aria-controls="{{ datas.section.id|default('') }}-extra-content"
>
{{ buttonText }}
</button>
</div>
{% endif %}
</section>
{% endif %}