{{#each items}}
<li class="odx-cards-licenses odx-carousel-cards-item col-xs-12 col-sm-4 col-md-4 col-lg-4">
    <div class="ohio-card ohio-card--center">
        {{#if linkURLExternal}}
        {{#if linkURLWebContent}}
        <a href="{{getURIPathFromWCMURL linkURLExternal}}">
        {{else}}
        <a href="{{{linkURLExternal}}}">
        {{/if}}
        {{else}}
        <a href="{{getURIPathFromWCMURL href}}">
        {{/if}}
            <div class="ohio-card-bg">
                {{#if thumbnail}}
                <img class="ohio-card-bg-img" src="{{thumbnail}}" alt="{{decode altThumbnail}}"> 
                {{else}}
                <div class="ohio-card-bg-img ohio-card-bg-img--default"><span class="sr-only">Ohio map image placeholder</span></div>
                {{/if}}
            </div>
        </a>

        <section class="ohio-card-content">
            {{#if linkURLExternal}}
                {{#if linkURLWebContent}}
                <a href="{{getURIPathFromWCMURL linkURLExternal}}" class="ohio-card-wrapper-anchor">
                {{else}}
                <a href="{{{linkURLExternal}}}" class="ohio-card-wrapper-anchor">
                {{/if}}
            {{else}}
                <a href="{{getURIPathFromWCMURL href}}" class="ohio-card-wrapper-anchor">
            {{/if}}
                        <h3 class="ohio-card-content-header">{{decode title}}</h3>
                    </a>

                    <p>{{decode summary}}</p>
                    <div class="ohio-card-content__bottom">
                        <a class="ohio-card-wrapper-anchor odx-background-color-gray40 odx-resource__category" href="{{getURIPathFromWCMURL href}}">
                            <span class="odx-card-division__name ohio-card-division__box">{{decode parentTitle}}
                            </span>
                        </a>
                        <span class="pull-right">
                            <a class="ohio-card-wrapper-anchor js-share-button odx-card__share-anchor">
                                <span>{{getMultilingualLabelByWCMKey ../shareCaps }}</span>
                            </a>
                        </span>
                    </div>
        </section>
        
        <div class="ohio-card__share-box odx-background-color-gray" style="display:none" data-title="{{{decode title}}}" data-url="{{url}}" data-description="{{{decode summary}}}" data-alternate-summary="{{decode description}}" data-image="{{image}}" data-thumbnail="{{thumbnail}}">
            <div class="ohio-card__share-close">
                <div class="close-icon-container">
                    <i class="fa fa-close"></i>
                </div>
            </div>
            <div class="ohio-card__share-content">
                <div class="ohio-card__share-content-title">
                    <p class="share-content__title">
                        <span>{{ getMultilingualLabelByWCMKey ../shareTitle }}</span> 
                        {{#if alternativeTitle}}
                            "{{decode alternativeTitle}}"
                        {{else}}
                            "{{decode title}}"
                        {{/if}}                        
                        
                    </p>
                </div>
                <div class="ohio-card__share-icons">
                    <a class="share__icon-tile-anchor js-facebook-anchor">
                        <div class="share__icon-tile">
                            <div class="share-icon">
                                <i class="fa fa-facebook"></i>
                            </div>
                            <div class="share-link">
                                <p>
                                    Facebook
                                </p>
                            </div>
                        </div>
                    </a>
                    <a class="share__icon-tile-anchor js-twitter-anchor">
                        <div class="share__icon-tile">
                            <div class="share-icon">
                                <i class="fa fa-twitter"></i>
                            </div>
                            <div class="share-link">
                                <p>
                                    Twitter
                                </p>
                            </div>
                        </div>
                    </a>
                    <a class="share__icon-tile-anchor js-copy-url-anchor">
                            <div class="share__icon-tile">
                                <div class="share-icon">
                                    <i class="fa fa-link"></i>
                                </div>
                                <div class="share-link">
                                    <p>
                                        Copy URL
                                    </p>
                                </div>
                            </div>
                        </a>
                </div>
            </div>
        
        </div>

    </div>
</li>
{{/each}}