<html
    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
    data-namespace-typo3-fluid="true"
>

<tr>
    <td colspan="{colspan + 1}">
        <nav aria-labelledby="recordlist-pagination">
            <ul class="pagination mb-0">
                <li class="page-item">
                    <span id="recordlist-pagination" class="page-link">
                        <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:rangeIndicator" arguments="{0: firstElement, 1: lastElement}" />
                        <span class="visually-hidden">, <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:pageIndicator" arguments="{0: currentPage, 1: totalPages}"/></span>
                    </span>
                </li>
                <f:comment>First page and previous page</f:comment>
                <f:if condition="{currentPage} > 1">
                    <f:then>
                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer=1" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:first')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:first')}"><core:icon identifier="actions-view-paging-first"/></a></li>
                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={currentPage -1}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:previous')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:previous')}"><core:icon identifier="actions-view-paging-previous" /></a></li>
                    </f:then>
                    <f:else>
                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-first" /></span></li>
                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-previous" /></span></li>
                    </f:else>
                </f:if>

                <f:variable name="pageInput">
                    <input type="number" autocomplete="off" data-currentpage="{currentPage}" name="pointer"  min="1" max="{totalPages}" value="{currentPage}" size="3" class="t3js-recordlist-paging form-control form-control-sm paginator-input" />
                    <span aria-hidden="true">
                </f:variable>
                <li class="page-item">
                    <span class="page-link">
                        <f:format.raw><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:pageIndicator" arguments="{0: pageInput, 1: totalPages}"/></f:format.raw></span>
                    </span>
                </li>

                <f:comment>Next page and last page</f:comment>
                <f:if condition="{currentPage} < {totalPages}">
                    <f:then>
                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={currentPage + 1}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:next')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:next')}"><core:icon identifier="actions-view-paging-next" /></a></li>
                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={totalPages}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:last')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:last')}"><core:icon identifier="actions-view-paging-last" /></a></li>
                    </f:then>
                    <f:else>
                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-next" /></span></li>
                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-last" /></span></li>
                    </f:else>
                </f:if>
                <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={currentPage}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:reload')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:reload')}"><core:icon identifier="actions-refresh" /></a></li>
            </ul>
        </nav>
    </td>
</tr>

</html>
