Paginierung

{% set prevUrl = prevUrl ?? false %}
{% set nextUrl = nextUrl ?? false %}
{% set id = id ??? html_id('pagination') -%}

<div {{ html_attributes({
  id: id,
  class: 'pagination',
}, attrs ?? {}) }}>
  <div class="pagination__bar">
    <div class="pagination__current">
      {{- 'Page {current} of {total}' | t('site', { current: current, total: total }) -}}
    </div>

    <div class="pagination__buttons">
      {% include '@navigation-button' with {
        title: 'Previous page' | t('site'),
        direction: 'left',
        link: prevUrl,
        disabled: not prevUrl,
      } only %}

      {% include '@navigation-button' with {
        title: 'Next page' | t('site'),
        direction: 'right',
        link: nextUrl,
        disabled: not nextUrl,
      } only %}
    </div>
  </div>

  {% if jump|default %}
    <form {{ html_attributes({
      class: 'pagination__jump',
      method: jump.method ?? false,
      action: jump.action ?? false,
    }) }}>
      {{ jump.actionInput|default ? actionInput(jump.actionInput) }}
      {{ jump.csrfInput|default ? csrfInput() }}
      {{ jump.redirectInput|default ? redirectInput(jump.redirectInput) }}
      {{ jump.successMessageInput|default ? successMessageInput(jump.successMessageInput) }}
      {{ jump.failMessageInput|default ? failMessageInput(jump.failMessageInput) }}

      {% for name, value in jump.hiddenInputs|default %}
        {{ hiddenInput(name, value) }}
      {% endfor %}

      <label class="pagination__jump-label" for="{{ 'jump-input' | namespaceInputId(id) }}">
        {{- 'Jump to page' | t('site') -}}
      </label>

      <input {{ html_attributes({
        id: 'jump-input' | namespaceInputId(id),
        name: jump.name,
        class: 'pagination__jump-input',
        type: 'number',
        min: 1,
        max: total,
        steps: 1,
      }) }}>

      <button class="pagination__jump-submit u-underline" type="submit">
        {{- 'Go »' | t('site') -}}
      </button>
    </form>
  {% endif %}
</div>