{{#ifEqual FullResultsUrl '' }}
<div class="view-selector">
    <a rel="nofollow" data-type="list"><span class="fa fa-list-ul"></span></a>
    <a rel="nofollow" data-type="grid"><span class="fa fa-th"></span></a>
</div>
{{/ifEqual}}

<div class="row">
    <div class="gridContainer" data-equalizer="article">
        {{#each Articles }}
        <div class="small-12 medium-6 large-4 columns">
            <a class="article-permalink" href="{{ lowercase DetailsPage }}{{ FriendlyUrl }}" target="_self">
                <div class="grid-item dispatch-article" data-equalizer-watch="article" style="background-image:url('{{escape (valOrDefault FeaturedImage ../DefaultImage) }}');{{ Background.Style }}">
                    <div class="item-image article-image">
                        <div class="item-info-overlay article-info-overlay">
                            <div class="categories">
                                {{#each Categories}}
                                <span class="category">{{ this }}</span>
                                {{/each}}
                            </div>
                            <h3 class="title">{{ Title }}</h3>
                        </div>
                    </div>
                </div>
            </a>
            <div class="item-info article-info">
                {{#ifNotEqual Author 'Anonymous'}}
                <span class="author"><a href="#">{{ Author }}</a></span>
                {{/ifNotEqual}}
                <ul class="social-sharing inline-menu">
                    <li><a class="twitter-share-link" target="_blank"><span class="icn icn--social icn--twitter"><i class="fa fa-twitter"></i></span></a></li>
                    <li><a class="linkedin-share-link" target="_blank"><span class="icn icn--social icn--linkedin"><i class="fa fa-linkedin"></i></span></a></li>
                    <li><a class="facebook-share-link" target="_blank"><span class="icn icn--social icn--facebook"><i class="fa fa-facebook"></i></span></a></li>
                    <li><a class="email-share-link"><span class="icn icn--social"><i class="fa fa-envelope"></i></span></a></li>
                </ul>
                <span {{ ../ShareBtnAttr }}="{{ lowercase DetailsPage }}{{ FriendlyUrl }}" class="{{ ../ShareBtnClass }} share pull-right">
                    <i class="fa fa-share"></i> Share
                </span>
                <br />
                <span class="date">{{formatDate PublishDate 'd MMM yyyy' }}</span>
            </div>
        </div>
        {{/each}}
    </div>
</div>


{{#if FullResultsUrl}}
<div class="text-center">
    <a href="{{ fixProtocol FullResultsUrl }}" target="_self" class="button primary">View All <i class="fa fa-caret-right"></i></a>
</div>
{{else}}
    {{#ifNotEqual TotalCount 0}}
    <div class="pagination-container row">
        <div class="listing-pagination small-12 small-centered columns">
            <a id="paginationPrev" class="button prevBtn">Prev</a>

            <span id="currentPage"><b>{{ PageNumber }}</b></span> of <span><b>{{ PageCount }}</b></span>

            <a id="paginationNext" class="button nextBtn">Next</a>
        </div>
    </div>
    {{/ifNotEqual}}
{{/if}}


{{#ifEqual TotalCount 0}}
<div class="no-articles">
    There are no articles matching the current search parameters.
</div>
{{/ifEqual}}