{% set spacingSelect %} 
    {{ pimcore_checkbox("checkSpacing", { 
        "reload": true 
    }) }} 
{% endset %} 
{% set noSpacingTop = '' %} 
{% set brickAnchorId = '' %} 
{% if pimcore_checkbox('checkSpacing').isChecked() %} 
    {% set noSpacingTop = 'no-offset-top' %} 
{% endif %} 
{% set UID = uniqid() %} 
{% if pimcore_input("brickAnchorIdInput") is not empty %} 
    {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %} 
{% endif %} 
{% set SlideNumber = 0 %} 
{% if editmode %} 
    <div class="flex-col offset-bottom-single"> 
        <div class="col xs-12 m-6 l-3"> 
            <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span> 
            {{ pimcore_input("brickAnchorIdInput") }} 
        </div> 
        <div class="col xs-12 m-6 l-3"> 
            <div class="select-items"> 
                <div class="hint"> 
                    {{ 'Kein Abstand nach oben?' |trans }} 
                </div> 
                {{ spacingSelect }} 
            </div> 
        </div> 
    </div> 
<div class="admin slider-panel-row"> 
    {% endif %} 
    <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}"> 
        <div class="content-slider"> 
            <div class="main-content slider"> 
                {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %} 
                    {% set UID = uniqid() %} 
                    {% set productLink = pimcore_href("selectProduct").getElement() %} 
                    {% if pimcore_select("ContentSliderHeadlineType").isEmpty() %} 
                        {% do pimcore_select("ContentSliderHeadlineType").setDataFromResource("h2") %} 
                    {% endif %} 
                    {% if editmode %} 
                        {% set SlideNumber = SlideNumber + 1 %} 
                        <div class="flex-col offset-bottom-single"> 
                        <div class="col xs-12"> 
                            <h3><span class="hint">{{ 'Slider Element'|trans }} {{ SlideNumber }}</span></h3> 
                        </div> 
                        <div class="col xs-12 m-4"> 
                            <span class="hint">{{ 'Verlinkung zu bestehendem Produkt?'|trans }}</span> 
                            {{ pimcore_href("selectProduct", { 
                                "types": ["object"], 
                                "subtypes": { 
                                    "types": ["object"], 
                                }, 
                                "width": 300, 
                                "classes": ["ProductFood", "ProductClothing", "Product"], 
                                "reload": true 
                            }) }} 
                        </div> 
                        <div class="col xs-12 m-4"> 
                            <span class="hint">{{ 'Headline Typ wählen' |trans }}</span> 
                            {{ pimcore_select("ContentSliderHeadlineType", { 
                                "store": [ 
                                ["h2", "Überschrift h2"], 
                                ["h3", "Überschrift h3"], 
                                ["h4", "Überschrift h4"] 
                                ], 
                                "reload": true 
                            }) }} 
                        </div> 
                        <div class="col xs-12 m-4"> 
                            <span class="hint">{{ 'Hintergrundbild festlegen' |trans }}</span> 
                            {{ pimcore_image("ContentSliderBackground", { 
                                "title": "Drag your image here", 
                                "width": 300, 
                                "height": 150, 
                                "thumbnail": "ContentSliderBackground" ~ bundleName, 
                                "reload": true 
                            }) }} 
                        </div> 
                    {% endif %} 
                    {% if productLink == true %} 
                        {% set price        = productLink.getOSPrice() %} 
                        {% set currency     = price.getCurrency() %} 
                        {% set oldPrice     = currency.toCurrency(productLink.getPriceOld()) %} 
                        {% set articleNumber     = productLink.getArticleNumber() %} 
                        {% set productName     = productLink.getName() %} 
                        {% set detailViewUri    = pimcore_url( 
                        { 
                        "name": productLink.getUrlTitle(), 
                        "articlenumber": productLink.getArticleNumber() 
                        }, 
                        "shopHandlerProductDetail" 
                        ) %} 
{#                        {% set thumbnailUrl     = productLink.getProductImage().getThumbnail("ContentSliderImageAbsolute" ~ bundleName) %}#} 
                    {% endif %} 
                    {% if editmode %} 
                    <div class="col xs-12 offset-top-single"> 
                    {% endif %} 
                    <div id="{{ 'uid' ~ UID |raw }}" class="slide-item"> 
                        <div class="background-image"> 
                            <div class="image"> 
                                {% if pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName) is not empty %} 
                                    {{ pimcore_image("ContentSliderBackground").getThumbnail("ContentSliderBackground" ~ bundleName).getHTML() |raw }} 
 
                                    {#IE Fix for thumbnails rendering start#} 
                                    <script type='text/javascript'> 
                                        var waitForJQuery = setInterval(function () { 
                                            if (typeof $ != 'undefined') { 
                                                $(function() { 
                                                    if (navigator.userAgent.match(/msie/i) || navigator.userAgent.match(/trident/i) ){ 
                                                        $(".slide-item .image").css({ 
                                                            position: "absolute", 
                                                            width: "100%", 
                                                            height: "100%", 
                                                            background: "url( {{ pimcore_image("ContentSliderBackground").getSrc() }} ) center right 100%/cover no-repeat" 
                                                        }); 
                                                        $(".slide-item .image img").hide(); 
                                                    } 
                                                }); 
                                                clearInterval(waitForJQuery); 
                                            } 
                                        }, 50); 
                                    </script> 
                                    {#IE Fix for thumbnails rendering end#} 
 
                                {% endif %} 
                            </div> 
                        </div> 
                        <div class="content-wrapper"> 
                            <div class="text-container-bg"> 
                                <div class="headline"> 
                                    <{{ pimcore_select("ContentSliderHeadlineType").getData() }} 
                                    >{{ pimcore_input("ContentSliderHeadline", { 
                                        "placeholder": 'Content' 
                                    }) }}</{{ pimcore_select("ContentSliderHeadline").getData() }}> 
                            </div> 
                            <div class="cta"> 
                                {% if pimcore_href("selectProduct").isEmpty() != true %} 
                                    <a class="button btn-default" href="{{ detailViewUri }}">{{ 'Zum Produkt' |trans }}</a> 
                                {% else %} 
                                    {{ pimcore_link('productLink', {'class': "button btn-default"}) }} 
                                {% endif %} 
                            </div> 
                        </div> 
                    </div> 
                    <div class="image-absolute {% if pimcore_image("ContentSliderImageAbsolute").isEmpty() and pimcore_href("selectProduct").isEmpty() %}isEmpty{% endif %}"> 
                        {% if pimcore_image("ContentSliderImageAbsolute").isEmpty() and pimcore_href("selectProduct").isEmpty() %} 
                            {% if editmode %} 
                                <span class="hint">{{ 'Produktbild einfügen' |trans }}</span> 
                            {% endif %} 
                        {% endif %} 
                        {% if pimcore_href("selectProduct").isEmpty() != true %} 
                            {{ productLink.getProductImage().getThumbnail("ContentSliderImageAbsolute" ~ bundleName).getHTML() |raw }} 
                        {% else %} 
                            {{ pimcore_image("ContentSliderImageAbsolute", { 
                                "title": "Drag your image here", 
                                "thumbnail": "ContentSliderImageAbsolute" ~ bundleName, 
                                "reload": true 
                            }) }} 
                        {% endif %} 
                    </div> 
                    </div> 
                    {% if editmode %} 
                        </div> 
                    {% endif %} 
                {% endfor %} 
            </div> 
        </div> 
    </div> 
    {% if editmode %} 
</div> 
    </div> 
{% endif %}