{% load i18n icons translations %}

{% if page_obj.paginator.num_pages > 1 %}
  {% get_pagination_query page_obj as pagination_query %}
  <ul class="pagination">
    <li class="page-item{% if page_obj.number == 1 %} disabled{% endif %}">
      <a href="{% querystring pagination_query.params page=1 limit=page_obj.paginator.per_page %}{% if anchor %}#{{ anchor }}{% endif %}"
         class="page-link green">
        {% if LANGUAGE_BIDI %}
          {% icon "page-last.svg" %}
        {% else %}
          {% icon "page-first.svg" %}
        {% endif %}
      </a>
    </li>
    <li class="page-item{% if not page_obj.has_previous %} disabled{% endif %}">
      <a {% if page_obj.has_previous %}rel="prev" {# djlint:off #}
          href="{% querystring pagination_query.params page=page_obj.previous_page_number limit=page_obj.paginator.per_page %}{% if anchor %}#{{ anchor }}{% endif %}"
          {# djlint:on #}{% endif %}
         class="page-link green">
        {% if LANGUAGE_BIDI %}
          {% icon "page-next.svg" %}
        {% else %}
          {% icon "page-previous.svg" %}
        {% endif %}
      </a>
    </li>
    <li class="page-item">
      <a class="page-link position-input"
         title="{% translate "Click to edit position" %}"
         href="#">
        {% blocktranslate with position=page_obj.number total=page_obj.paginator.num_pages %}{{ position }} / {{ total }}{% endblocktranslate %}
      </a>
      <a class="position-input-editable" title="{% translate "Go to position" %}">
        {# djlint:off #}
        {% if not paginator_form %}<form method="get"{% if anchor %} action="#{{ anchor }}"{% endif %}>{% endif %}
        {# djlint:on #}
        {% for key, values in pagination_query.items %}
          {% if key != "page" and key != "limit" %}
            {% for value in values %}
              <input {% if paginator_form %}form="{{ paginator_form }}"{% endif %}
                     type="hidden"
                     name="{{ key }}"
                     value="{{ value }}"
                     aria-label="{{ value }}" />
            {% endfor %}
          {% endif %}
        {% endfor %}
        <input {% if paginator_form %}form="{{ paginator_form }}"{% endif %}
               type="hidden"
               name="limit"
               value="{{ page_obj.paginator.per_page }}"
               aria-label="{{ page_obj.paginator.per_page }}" />
        <div class="input-group">
          <input {% if paginator_form %}form="{{ paginator_form }}"{% endif %}
                 type="number"
                 min="1"
                 max="{{ page_obj.paginator.num_pages }}"
                 name="page"
                 class="form-control"
                 value="{{ page_obj.number }}"
                 aria-label="{% translate "Jump to" %}"
                 id="position-input-editable-input">
          <span class="input-group-text">
            {% comment %}Translators: This is partial position indicator shown when editing position{% endcomment %}
            {% blocktranslate with total=page_obj.paginator.num_pages %}/ {{ total }}{% endblocktranslate %}
          </span>
        </div>
        {# djlint:off #}
          {% if not paginator_form %}</form>{% endif %}
        {# djlint:on #}
      </a>
    </li>
    <li class="page-item{% if not page_obj.has_next %} disabled{% endif %}">
      <a {% if page_obj.has_next %}rel="next" {# djlint:off #}
          href="{% querystring pagination_query.params page=page_obj.next_page_number limit=page_obj.paginator.per_page %}{% if anchor %}#{{ anchor }}{% endif %}"
          {# djlint:on #}{% endif %}
         class="page-link green">
        {% if not LANGUAGE_BIDI %}
          {% icon "page-next.svg" %}
        {% else %}
          {% icon "page-previous.svg" %}
        {% endif %}
      </a>
    </li>
    <li class="page-item{% if page_obj.paginator.num_pages == page_obj.number %} disabled{% endif %}">
      <a href="{% querystring pagination_query.params page=page_obj.paginator.num_pages limit=page_obj.paginator.per_page %}{% if anchor %}#{{ anchor }}{% endif %}"
         class="page-link green">
        {% if not LANGUAGE_BIDI %}
          {% icon "page-last.svg" %}
        {% else %}
          {% icon "page-first.svg" %}
        {% endif %}
      </a>
    </li>
  </ul>
{% endif %}