{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<f:comment>
    <!--
        This partial is responsible for rendering the result list which
        is used in both the initial list view and the facet/search result
        ajax response.
    -->
</f:comment>

<f:if condition="{articles -> f:count()} > 0">
    <f:then>
        <f:for each="{articles}" as="article">
            <f:render partial="PointOfInterests/List/Article"
                      arguments="{article: article, node: node}" />

        </f:for>
    </f:then>
    <f:else>
        <p>Für Ihre Suche konnten leider keine Ergebnisse gefunden werden</p>
    </f:else>
</f:if>

<f:if condition="{pagination.count.pages > 1}">
    <nav class="tb-results-pagination" data-toubiz-pagination>
        <ul class="tb-results-pagination__list">
            <li class="tb-results-pagination__item">
                <a data-toubiz-pagination-prev
                   {f:if(condition: pagination.isFirst, then: 'disabled')}>

                    <svg class="c-icon">
                        <use xlink:href="#icon-backward" />
                    </svg>
                </a>
            </li>

            <f:for each="{vh:pagination.items(pagination: pagination)}" as="item">
                <li class="tb-results-pagination__item">
                    <a href="#0"
                       {f:if(condition: '{item} == {pagination.page}', then: 'aria-current="page"')}
                       data-toubiz-pagination-page="{item}">

                        {item}
                    </a>
                </li>
            </f:for>

            <li class="tb-results-pagination__item">
                <a href="#0"
                   data-toubiz-pagination-next
                   {f:if(condition: pagination.isLast, then: 'disabled')}>

                    <svg class="c-icon">
                        <use xlink:href="#icon-forward" />
                    </svg>
                </a>
            </li>
        </ul>
    </nav>
</f:if>