{namespace zab=Zab\ZabSite\ViewHelpers}

<f:if condition="{paginator.numberOfPages} > 1">
<nav class="{cssClass -> f:if(condition: cssClass)}" aria-label="{ariaLabel -> f:if(condition: ariaLabel, else: 'Pagination')}">
  <ul class="pagination">
    <li class="{f:if(condition: '!{pagination.previousPageNumber}', then: 'is-disabled')}">
      <f:link.page
        additionalParams="{zab:paginationParams(namespace: namespace, page: pagination.previousPageNumber, extra: extraParams)}"
        aria-label="{f:translate(key:'pagination.prev', extensionName:'zab_site')}"
      ></f:link.page>
    </li>

    <f:variable name="pageLabel" value="{f:translate(key:'pagination.page', extensionName:'zab_site')}" />

    <f:if condition="{edges.showFirst}">
      <li>
        <f:link.page
          additionalParams="{zab:paginationParams(namespace: namespace, page: pagination.firstPageNumber, extra: extraParams)}"
          aria-label="{pageLabel} {pagination.firstPageNumber}"
        >{pagination.firstPageNumber}</f:link.page>
      </li>
      <f:if condition="{edges.showFirstEllipsis}">
        <li class="is-gap" aria-hidden="true"><span>…</span></li>
      </f:if>
    </f:if>

    <f:for each="{pagination.allPageNumbers}" as="page">
    <li class="{f:if(condition: '{currentPage} == {page}', then: 'is-active')}">
      <f:link.page
        additionalParams="{zab:paginationParams(namespace: namespace, page: page, extra: extraParams)}"
        aria-label="{pageLabel} {page}"
        aria-current="{f:if(condition: '{currentPage} == {page}', then: pageLabel)}"
      >{page}</f:link.page>
    </li>
    </f:for>

    <f:if condition="{edges.showLast}">
      <f:if condition="{edges.showLastEllipsis}">
        <li class="is-gap" aria-hidden="true"><span>…</span></li>
      </f:if>
      <li>
        <f:link.page
          additionalParams="{zab:paginationParams(namespace: namespace, page: pagination.lastPageNumber, extra: extraParams)}"
          aria-label="{pageLabel} {pagination.lastPageNumber}"
        >{pagination.lastPageNumber}</f:link.page>
      </li>
    </f:if>

    <li class="{f:if(condition: '!{pagination.nextPageNumber}', then: 'is-disabled')}">
      <f:link.page
        additionalParams="{zab:paginationParams(namespace: namespace, page: pagination.nextPageNumber, extra: extraParams)}"
        aria-label="{f:translate(key:'pagination.next', extensionName:'zab_site')}"
      ></f:link.page>
    </li>
  </ul>
</nav>
</f:if>