{{#each items}}

<article class="odx-full-banner__slide" style="background-image: url('{{image}}');">
    <div class="odx-full-banner__details">
        <h2 class="odx-full-banner__heading">{{decode title}}</h2>
        <p class="odx-full-banner__subheading">
            {{decode summary}}
        </p>

        {{#if componentHasLinkURL}}

            {{#if isOverrideURL}}
        <a class="odx-full-banner__button btn btn-primary" href="{{elementLinkURL}}">
            {{else}}
        <a class="odx-full-banner__button btn btn-primary" href="{{getURIPathFromWCMURL nativeURL}}">
            {{/if}}
        
        {{else}}

            {{#if componentHasURL}}
        <a class="odx-full-banner__button btn btn-primary" href="{{elementURL}}">
            {{else}}
        <a class="odx-full-banner__button btn btn-primary" href="{{getURIPathFromWCMURL nativeURL}}">
            {{/if}}
        
        {{/if}}

            <span class="uppercase">{{getMultilingualLabelByWCMKey ../viewMoreText}}</span>
            <span class="sr-only"> about the article: {{decode title}}</span>
        </a>
    </div>
</article>

{{/each}}