{{#each items.travelcms2:set}}
<div class="slide">
    {{#each items.travelcms2:tile}}
    {{#with this.items}}
    {{#scheduled travelcms2:startDate travelcms2:endDate}}
    <div class="tile {{travelcms2:home_banner_template}} {{#if travelcms2:fullImage}}full-image{{/if}}"
        style="background-image: url({{imagevariant travelcms2:bannerimage.link.url 'homeCarousel' 'ebucks'}})">
        {{#if travelcms2:link}}
        <a href="{{linkcontext travelcms2:link}}" {{#if travelcms2:newWindow}} target="_blank" {{/if}}
            data-gtm="Home - {{travelcms2:title}} - {{display-date travelcms2:startDate}} - {{display-date travelcms2:endDate}}"
            class="{{#if travelcms2:linkClass}}{{travelcms2:linkClass}}{{/if}}">
            {{/if}}

                {{#if travelcms2:link}}
                <div class="tile-overlay"></div>
                {{/if}}
                {{#if travelcms2:tag}}
                <div class="save-tag">{{travelcms2:tag}}</div>
                {{/if}}
                <div class="content {{#if travelcms2:darkTextMain}}dark-text{{/if}}">
                    <div class="line-1">
                        {{#if travelcms2:line1}}
                        {{{travelcms2:line1}}}
                        {{/if}}
                    </div>
                    <div class="line-2">
                        {{#if travelcms2:line2}}
                        {{{travelcms2:line2}}}
                        {{/if}}
                    </div>
                    {{#if travelcms2:link}}
                    {{#if travelcms2:buttonText}}
                        {{#compare travelcms2:buttonText "!==" "no-button"}}
                            <button class="btn">{{travelcms2:buttonText}}</button>
                        {{/compare}}
                    {{/if}}
                    {{/if}}
                </div>
                {{#compare travelcms2:logoImage "&&" travelcms2:logoImage.link.url}}
                    <img src="{{imagevariant travelcms2:logoImage.link.url 'homeCarouselLogo' 'ebucks'}}" alt="" class="logo">
                {{/compare}}
                {{#if travelcms2:terms}}
                <div class="terms {{#if travelcms2:darkText}}dark-text{{/if}} {{#if travelcms2:noShadow}}no-shadow{{/if}}">{{{travelcms2:terms}}}</div>
                {{/if}}
                {{#if travelcms2:price}}
                    <div class="footer">
                        <div class="price">
                            <p class="from">
                                {{#if travelcms2:from}}
                                    {{{travelcms2:from}}}
                                {{else}}
                                    FROM
                                {{/if}}
                            </p>
                            <p class="amount">R
                                {{{travelcms2:price}}}*
                                <span class="pps">
                                    {{#if travelcms2:per}}
                                        {{{travelcms2:per}}}
                                    {{else}}
                                        PPS
                                    {{/if}}
                                </span>
                            </p>
                        </div>
                    </div>
                {{/if}}

            {{#if travelcms2:link}}
        </a>
        {{/if}}
    </div>
    {{/scheduled}}
    {{/with}}
    {{/each}}

</div>
{{/each}}