{% set alt = '' -%}
{% set slideNo = '' -%}
{% set slideTotal = '' -%}
<div class="cs-feature-slider">
<div class="cs-feature-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-feature-slide">
{% if slide.linkLabel is empty and slide.link is not empty -%}
<a class="cs-feature-slide__link" href="{{ slide.link|default('#') }}"{% if slide.linkTarget is same as(true) %} target="_blank"{% endif %}></a>
{% endif -%}
<div class="cs-feature-slide__image"
{% if slide.image is not empty %}
style="background-image:url('{{ cms_identUrl(slide.image, {extra: cms_imageOptimization('MASKS__GENERIC__FULL')}) }}')"
title="{{ alt }}"
{% endif %}>
</div>
{% if slide.heading is not empty or slide.teaser is not empty or slide.linkLabel is not empty -%}
<div class="cs-feature-slide__wrap">
<div class="cs-feature-slide__container">
<div class="cs-feature-slide__content cs-feature-slide__content--{{ slide.alignment|default('left') }}">
{% if slide.heading is not empty -%}
<div class="cs-feature-slide__title">{{ slide.heading }}</div>
{% endif -%}
{% if slide.teaser is not empty -%}
<div class="cs-feature-slide__body">
<p>{{ slide.teaser }}</p>
</div>
{% endif -%}
{% if slide.linkLabel is not empty -%}
<div class="cs-feature-slide__footer">
<a class="cs-feature-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 -%}
</div>
{% endif -%}
{% endfor -%}
</div>
{% if _widget.pagination is same as(true) and slideTotal > 1 -%}
<div id="{{ _htmlId }}-dots" class="cs-feature-slider-dots owl-dots"></div>
{% endif -%}
</div>