{% set items =  post.get_field('slides') %}

{% for item in items %}
{% endfor %}
{% if items|length > 1 %}
    {% set classInitializeSwiper =  'swiper-container-js' %}
{% endif %}

<section class="swiper-container-custom-01 {{ classInitializeSwiper }}">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            {% for item in items %}
            <div class="swiper-slide">
                <div class="container-large">
                    <div class="row">
                        <div class="col col-text col-md-12 col-sm-14 col-xs-24 scrollmagic-toggle-class">
                            <span class="text-title">{{ item['texte'] }}</span>
                            {{ function("get_button",item['bouton'],"btn-arrow-right","btn-arrow-right") }}
                        </div>
                    </div>
                </div>
                <div class="content-image bgcover scrollmagic-toggle-class" style="background-image:url({{ item['image']['sizes']['medium'] }}); ?>);"></div>
            </div>
            {% endfor %}
        </div>
        {% if items|length > 1 %}
        <div class="swiper-button-prev arrow-slider arrow-slider-left">{{ function("getSvgCode","btn-arrow-left") }}</div>
        <div class="swiper-button-next arrow-slider arrow-slider-right">{{ function("getSvgCode","btn-arrow-right") }}</div>
        {% endif %}
    </div>
</section>