{% load humanize %}
{% if page_obj.paginator.count %}
<div class="admin-pagination">
  <div class="admin-pagination-info">
    {% if page_obj.paginator.num_pages > 1 %}
    Showing <strong>{{ page_obj.start_index }}–{{ page_obj.end_index }}</strong> of {{ page_obj.paginator.count|intcomma }}
    {% else %}
    Showing all <strong>{{ page_obj.paginator.count|intcomma }}</strong> result{{ page_obj.paginator.count|pluralize }}
    {% endif %}
  </div>

  {% if page_obj.paginator.num_pages > 1 %}
  <nav class="admin-pagination-nav" aria-label="Pagination">
    {% if page_obj.has_previous %}
    <a class="admin-page-btn nav-btn" href="?page={{ page_obj.previous_page_number }}{% if query_string %}&amp;{{ query_string }}{% endif %}" aria-label="Previous page">
      <i class="fas fa-chevron-left"></i><span>Prev</span>
    </a>
    {% else %}
    <span class="admin-page-btn nav-btn is-disabled" aria-hidden="true">
      <i class="fas fa-chevron-left"></i><span>Prev</span>
    </span>
    {% endif %}

    {% for num in page_range %}
      {% if num == page_obj.paginator.ELLIPSIS %}
      <span class="admin-page-ellipsis">&hellip;</span>
      {% elif num == page_obj.number %}
      <span class="admin-page-btn is-active" aria-current="page">{{ num }}</span>
      {% else %}
      <a class="admin-page-btn" href="?page={{ num }}{% if query_string %}&amp;{{ query_string }}{% endif %}">{{ num }}</a>
      {% endif %}
    {% endfor %}

    {% if page_obj.has_next %}
    <a class="admin-page-btn nav-btn" href="?page={{ page_obj.next_page_number }}{% if query_string %}&amp;{{ query_string }}{% endif %}" aria-label="Next page">
      <span>Next</span><i class="fas fa-chevron-right"></i>
    </a>
    {% else %}
    <span class="admin-page-btn nav-btn is-disabled" aria-hidden="true">
      <span>Next</span><i class="fas fa-chevron-right"></i>
    </span>
    {% endif %}
  </nav>
  {% endif %}
</div>
{% endif %}