{% set mobile = openform_front_util.isMobileDevice() %}
<section class="block-slider {% if mobile %}block-slider--mobile{% endif %}" data-scroll-section>
<div class="splide js-splide-slider" aria-label="{{"T_SLIDER_SPLIDE"|trans({}, "openform_front", app.request.locale)}}">
<div class="splide__track">
<ul class="splide__list">
{% for slide in section %}
{% if slide.section.sliderKind %}
<li class="splide__slide" style="height: fit-content;">
{% if mobile %}
{{ include('@openform_front_templates/_blocks_sections/_slides/_slide-mobile.html.twig', {slide: slide}) }}
{% else %}
{{ include('@openform_front_templates/_blocks_sections/_slides/_slide-' ~ slide.section.sliderKind ~ '.html.twig', {slide: slide}) }}
{% endif %}
</li>
{% endif %}
{% endfor %}
</ul>
<div class="block-slider__nav container {% if section|length < 2 %}hide{% endif %}">
{% if section|length > 0 and section[0].section.sliderSwitcherId %}
{% if section[0].section.sliderSwitcherId == 1 %}
{% include '@openform_front_templates/_includes/_slider-nav.html.twig' with { class: '' } %}
{% elseif section[0].section.sliderSwitcherId == 2 %}
{% include '@openform_front_templates/_includes/_slider-nav.html.twig' with { class: "dark" } %}
{% endif %}
{% elseif section|length > 0 %}
{% include '@openform_front_templates/_includes/_slider-nav.html.twig' with { class: '' } %}
{% endif %}
</div>
</div>
</section>