{% load i18n wise_icons wise_tags %}
{% comment %}
The pager under a list: Lumen's Pagination - a labeled <nav> with a
chevron-only Previous and Next, numbered pill buttons (the current one is
aria-current="page" and filled), and ellipses where the run of pages is
elided (see the `page_window` filter) - next to a "Showing 21-40 of 312"
summary, so people always know where they are.

Under a table it goes in the table card's footer:

    <div class="card card-table mt-4 overflow-x-auto">
        <table class="data-table">...</table>
        <div class="card-footer">{% include 'wise_core/components/_pagination.html' %}</div>
    </div>

Renders nothing at all when there is nothing to page through (an empty
list already says so in its own empty state - see _no_data.html), and just
the summary, with no buttons, while everything fits on one page. Every link
keeps the other query parameters (`?view=table`, the sort, the filters).
{% endcomment %}
{% if page_obj.paginator.count %}
    <div class="pagination-bar">
        <p class="pagination-summary">
            {% blocktrans with start=page_obj.start_index end=page_obj.end_index total=page_obj.paginator.count %}Showing {{ start }}–{{ end }} of {{ total }}{% endblocktrans %}
        </p>
        {% if page_obj.paginator.num_pages > 1 %}
            <nav class="pagination" aria-label="{% trans 'Pagination' %}">
                {% if page_obj.has_previous %}
                    <a class="pagination-link" href="{% page_url page_obj.previous_page_number %}" aria-label="{% trans 'Previous page' %}">{% lucide "chevron-left" size=16 %}</a>
                {% else %}
                    <span class="pagination-link disabled" aria-disabled="true" aria-label="{% trans 'Previous page' %}">{% lucide "chevron-left" size=16 %}</span>
                {% endif %}

                {% for item in page_obj|page_window %}
                    {% if item is None %}
                        <span class="pagination-link pagination-gap" aria-hidden="true">…</span>
                    {% elif item == page_obj.number %}
                        <a class="pagination-link selected" href="{% page_url item %}" aria-label="{% trans 'Page' %} {{ item }}" aria-current="page">{{ item }}</a>
                    {% else %}
                        <a class="pagination-link" href="{% page_url item %}" aria-label="{% trans 'Page' %} {{ item }}">{{ item }}</a>
                    {% endif %}
                {% endfor %}

                {% if page_obj.has_next %}
                    <a class="pagination-link" href="{% page_url page_obj.next_page_number %}" aria-label="{% trans 'Next page' %}">{% lucide "chevron-right" size=16 %}</a>
                {% else %}
                    <span class="pagination-link disabled" aria-disabled="true" aria-label="{% trans 'Next page' %}">{% lucide "chevron-right" size=16 %}</span>
                {% endif %}
            </nav>
        {% endif %}
    </div>
{% endif %}