{% sw_extends '@Storefront/storefront/page/content/detail.html.twig' %}
{% block page_content_section %}
{% set layout = section.sizingMode ? section.sizingMode|replace({"_": "-"}) : "container" %}
{% set customFields = section.customFields %}
{% set marketingToolsConfig = customFields.marketingTools %}
{% set isCollapse = marketingToolsConfig.isCollapse %}
{% block page_content_section_is_collapse_start %}
{% if isCollapse %}
{% set sectionId = 'section-' ~ section.id|slice(1, 10) %}
{% set subtext = (section.name ~ '.subtext') %}
{% block page_content_section_is_collapse_start_section %}
<div class="cms-collapse cms-section">
{% endblock %}
{% block page_content_section_is_collapse_start_content %}
<div class="cms-collapse-content {{ layout }}">
{% endblock %}
{% block page_content_section_is_collapse_start_button %}
<div class="cms-collapse-button d-flex w-100 text-left border align-items-center p-2 p-md-3 collapsed"
data-toggle="collapse"
data-target="#{{ sectionId }}"
aria-controls="{{ sectionId }}"
aria-expanded="false">
{% block page_content_section_is_collapse_start_button_arrow %}
{% sw_icon 'small-arrow-head-left' style {
'namespace': 'WexoMarketingTools'
} %}
{% endblock %}
{% block page_content_section_is_collapse_start_button_title %}
<span class="collapse-title">{{ section.name|trans|sw_sanitize }}</span>
{% endblock %}
{% block page_content_section_is_collapse_start_button_spacer %}
<div class="flex-grow-1"></div>
{% endblock %}
{% block page_content_section_is_collapse_start_button_subtext %}
{% set subtextTrans = subtext|trans|sw_sanitize %}
{% block page_content_section_is_collapse_start_button_inner %}
{% if subtextTrans != subtext %}
<span class="collpase-subtext d-none d-md-block">{{ subtextTrans }}</span>
{% endif %}
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% block page_content_section_is_collapse_start_container %}
<div class="cms-collapse-container" id="{{ sectionId }}">
{% endblock %}
{% endif %}
{% endblock %}
{{ parent() }}
{% block page_content_section_is_collapse_end %}
{% if isCollapse %}
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% endblock %}