{namespace ned=NEWEGO\NeDistribution\ViewHelpers}
<f:asset.css rel="preload stylesheet" as="style" identifier="nedistribution_cce04" href="{cb:assetPath()}/frontend.css"/>
<f:asset.script identifier="nedistribution_cce04" src="{cb:assetPath()}/frontend.js"/>
<div class="module module_home_stage js_module_home_stage">
    <div class="js_fader_container_outer slider_container_outer">
        <div class="js_fader_container slider_container swiper">
            <div class="slider js_fader swiper-wrapper">
                <f:if condition="{data.cce04_elements}">
                    <f:for each="{data.cce04_elements}" as="e">
                        <div class="slide js_slide swiper-slide">
                            <f:if condition="{e.link.url}">
                                <f:then>
                                    <f:link.typolink parameter="{e.link}" title="{e.link_title}">
                                        <img src="{f:uri.image(image: e.image.0)}" class="item_{iteration.index}" alt="{f:if(condition: e.image_alt_text, then: e.image_alt_text, else: e.image.0.alternative)}"
                                             title="{f:if(condition: e.image_alt_title, then: e.image_alt_title, else: e.image.0.title)}"/>
                                        <div class="image_overlay"></div>
                                        <div class="slide_content">
                                            <f:if condition="{e.title}">
                                                <span class="h2">{e.title}</span>
                                            </f:if>
                                            <f:if condition="{e.text}">
                                                <p>
                                                    {e.text -> f:format.raw()}
                                                </p>
                                            </f:if>
                                        </div>
                                    </f:link.typolink>
                                </f:then>
                                <f:else>
                                    <img src="{f:uri.image(image: e.image.0)}" class="item_{iteration.index}" alt="{f:if(condition: '{e.image_alt_text}', then: '{e.image_alt_text}', else: '{e.image.0.alternative}')}"
                                         title="{f:if(condition: '{e.image_alt_title}', then: '{e.image_alt_title}', else: '{e.image.0.title}')}"/>
                                    <div class="slide_content">
                                        <f:if condition="{e.title}">
                                            <span class="h2">{e.title}</span>
                                        </f:if>
                                        <f:if condition="{e.text}">
                                            <p>
                                                {e.text -> f:format.raw()}
                                            </p>
                                        </f:if>
                                    </div>
                                </f:else>
                            </f:if>
                        </div>
                    </f:for>
                </f:if>
            </div>
        </div>
        <div class="js_fader_pager slider_pager cf">
            <a class="prev js_pager_prev pager_elem" href="javascript:void(0);">prev</a>
            <a class="next js_pager_next pager_elem" href="javascript:void(0);">next</a>
        </div>
    </div>
</div>