{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>

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

            </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-results-pagination>
            <ul class="tb-results-pagination__list">
                <li class="tb-results-pagination__item">
                    <a data-toubiz-results-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-results-pagination-page="{item}">

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

                <li class="tb-results-pagination__item">
                    <a href="#0"
                       data-toubiz-results-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>
</ul>