{% trans_default_domain 'front_default' %}

{% set fade = slider.effect == "fade" ? true : false %}

<div class="slick-carousel"
     data-items="{{ slider.itemsPerSlide }}"
     data-items-mini-pc="{{ slider.itemsPerSlideMiniPC ? slider.itemsPerSlideMiniPC : 3 }}"
     data-items-tablet="{{ slider.itemsPerSlideTablet ? slider.itemsPerSlideTablet : 2 }}"
     data-items-mobile="{{ slider.itemsPerSlideMobile ? slider.itemsPerSlideMobile : 1 }}"
     data-fade="{{ fade }}"
     data-scroll="{{ slider.itemsPerSlide ? slider.itemsPerSlide : 1 }}"
     data-pause="{{ slider.pause }}"
     data-autoplay="{{ slider.autoplay }}"
     data-arrows="{{ slider.control }}"
     data-dots="{{ slider.indicators }}"
     data-interval="{{ slider.intervalDuration }}">

    {% for media in medias %}
        {% set i18nMedia = media.i18n %}
        {% set mediaConfig = media|thumbConfiguration(thumbConfiguration, true) %}
        <div>{{ media|thumb(mediaConfig, {"not_in_box": true, 'popup_gallery': slider.popup, 'full_popup': slider.popup, 'colSize': colSize}) }}</div>
    {% endfor %}

</div>