{% if editmode %}
<h2>{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
{% for a in pimcore_block('contentobject').iterator %}
{{ pimcore_image("slider-image", {"width": 200}) }}
{{ pimcore_textarea("slider_description",{"nl2br": true}) }}
{% endfor %}
{{ pimcore_link("slider-link", {"class" : "uk-button uk-button-primary uk-button-large"}) }}
{% else %}
<div class="apk-container-slider-text uk-position-relative">
<div class="uk-container apk-container-1400">
<h2 class="uk-h2">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
</div>
<div class="uk-margin-medium-bottom uk-position-relative" uk-slider>
<div class="uk-position-relative">
<div class="uk-slider-container">
<ul class="uk-slider-items uk-child-width-1-1">
{% for a in pimcore_block('contentobject').iterator %}
<li>
<div class="uk-container apk-container-1400">
<div class="uk-margin-remove-top uk-grid-collapse" uk-grid>
<div class="uk-width-1-2@m">
<div class="apk-banner-container-image uk-margin-medium-bottom">
{{ pimcore_image("slider-image").thumbnail('global-image').html|raw }}
</div>
</div>
<div class="uk-width-1-2@m">
<div>
<div class="apk-content">
<p>{{ pimcore_textarea("slider_description",{"nl2br": true}) }}</p>
</div>
</div>
</div>
</div>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="uk-container apk-container-1400">
<div class="uk-width-1-2@m uk-flex uk-flex-center">
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
</div>
</div>
</div>
<div class="uk-text-center">
{{ pimcore_link("slider-link", {"class" : "uk-button uk-button-primary uk-button-large"}) }}
</div>
</div>
{% endif %}