{% set current = query.get_page() %}
{% set total = query.get_pages() %}
<nav class="d-flex justify-content-between align-items-center flex-wrap gap-2" aria-label="pagination">
  <span class="text-body-secondary small">{{ query.get_count() }} record{{ query.get_count() != 1 and 's' or '' }}{% if total > 1 %} &middot; page {{ current }} of {{ total }}{% endif %}</span>
  {% if total > 1 %}
    <ul class="pagination mb-0">
      {% if current > 1 %}
        <li class="page-item"><a class="page-link" href="./?{{ admin.update_querystring(request.query_string, 'page', current - 1) }}">Previous</a></li>
      {% else %}
        <li class="page-item disabled"><span class="page-link">Previous</span></li>
      {% endif %}
      {% for page in query.get_page_range() %}
        {% if page is none %}
          <li class="page-item disabled"><span class="page-link">&hellip;</span></li>
        {% elif page == current %}
          <li class="page-item active" aria-current="page"><span class="page-link">{{ page }}</span></li>
        {% else %}
          <li class="page-item"><a class="page-link" href="./?{{ admin.update_querystring(request.query_string, 'page', page) }}">{{ page }}</a></li>
        {% endif %}
      {% endfor %}
      {% if total > current %}
        <li class="page-item"><a class="page-link" href="./?{{ admin.update_querystring(request.query_string, 'page', current + 1) }}">Next</a></li>
      {% else %}
        <li class="page-item disabled"><span class="page-link">Next</span></li>
      {% endif %}
    </ul>
  {% endif %}
</nav>