{% set alt = '' -%}
{% set slideNo = '' -%}
{% set slideTotal = '' -%}
<div class="cs-owl-slider {% if _widget.autoplay is same as(true) %}cs-slider-w-playback{% endif %}">
<div class="csw cs-owl-slides owl-carousel">
{% for slide in _widget.slides -%}
{% if slide.enabled is same as(true) -%}
{% set slideTotal = loop.index0 + 1 -%}
{% if slide.alt is not empty -%}
{% set alt = slide.alt -%}
{% elseif slide.heading is not empty -%}
{% set alt = slide.heading -%}
{% else -%}
{% set slideNo = loop.index0 + 1 -%}
{% set alt = 'slide-' ~ slideNo -%}
{% endif -%}
<div class="cs-owl-slide">
{% if slide.linkLabel is empty and slide.link is not empty -%}
<a class="cs-owl-slide__image-link" href="{{ slide.link|default('#') }}"{% if slide.linkTarget is same as(true) %} target="_blank"{% endif %}>
{% endif -%}
{% if slide.image is not empty -%}
<img src="{{ cms_identUrl(slide.image, {extra: cms_imageOptimization('MASKS__GENERIC__FULL')}) }}" alt="{{ alt }}" />
{% endif -%}
{% if slide.heading is not empty or slide.teaser is not empty or slide.linkLabel is not empty -%}
<div class="cs-owl-slide-wrap">
<div class="cs-owl-slide-container">
<div class="cs-owl-slide-content cs-owl-slide-content-{{ slide.alignment|default('left') }}">
{% if slide.heading is not empty -%}
<div class="cs-owl-slide-title">
{{ slide.heading }}
</div>
{% endif -%}
{% if slide.teaser is not empty -%}
<div class="cs-owl-slide-body">
{% if slide.teaser matches '/^<.+/' %}
{{ slide.teaser|raw }}
{% else %}
<p>{{ slide.teaser }}</p>
{% endif %}
</div>
{% endif -%}
{% if slide.linkLabel is not empty -%}
<div class="cs-owl-slide-footer">
<a class="cs-owl-slide-btn" href="{{ slide.link|default('#') }}" {% if slide.linkTarget is same as(true) -%} target="_blank" {% endif -%}>{{ slide.linkLabel }}</a>
</div>
{% endif -%}
</div>
</div>
</div>
{% endif -%}
{% if slide.linkLabel is empty and slide.link is not empty -%}
</a>
{% endif -%}
</div>
{% endif -%}
{% endfor -%}
</div>
{#
{% if _widget.autoplay is same as(true) and slideTotal > 1 -%}
<div id="{{ _htmlId }}-playback" class="cs-owl-slider-playback owl-playback"></div>
{% endif -%}
#}
{% if _widget.pagination is same as(true) and slideTotal > 1 -%}
<div id="{{ _htmlId }}-dots" class="cs-owl-slider-dots owl-dots"></div>
{% endif -%}
</div>