{% load helpers %}

<div id="{{ paginator_id|default:'paginator' }}"
     class="paginator align-items-center d-flex fs-5 gap-10 justify-content-end mt-16 text-secondary"
     {% if htmx_enabled|default:False %}
         hx-history="false"
         hx-indicator="#{{ table_id }}-htmx-indicator"
         hx-push-url="true"
         hx-swap="show:#{{ paginator_id|default:'paginator' }}:bottom"
         hx-select-oob="#{{ table_id }},#header_messages,#paginator,#select_all_box"
     {% endif %}
>
    {% if page %}
        <div class="nb-paginator-info">
            Showing {{ page.start_index }}-{{ page.end_index }} of {{ page.paginator.count }}
        </div>
        {% if not exclude_controls %}
            <div class="vr border-start my-8 nb-paginator-divider"></div>
        {% endif %}
    {% endif %}
    {% if not exclude_controls %}
        <form class="align-items-center d-flex gap-4" method="get">
            {% for key, value_list in request.GET.lists %}
                {% if key != 'per_page' %}
                    {% for value in value_list %}
                        <input type="hidden" name="{{ key }}" value="{{ value }}" />
                    {% endfor %}
                {% endif %}
            {% endfor %}
            <select name="per_page"
                    id="per_page"
                    class="form-select"
                    {% if htmx_enabled|default:False %}
                        hx-trigger="change"
                        hx-get="{% django_querystring page=None per_page=None %}"
                    {% endif %}
            >
                {% if page.paginator.per_page not in "PER_PAGE_DEFAULTS"|settings_or_config %}
                    <option value="{{ page.paginator.per_page }}" selected="selected">
                        {{ page.paginator.per_page }}
                    </option>
                {% endif %}
                {% for n in "PER_PAGE_DEFAULTS"|settings_or_config %}
                    <option value="{{ n }}"
                            {% if page.paginator.per_page == n %} selected="selected"{% endif %}
                    >
                        {{ n }}
                    </option>
                {% endfor %}
            </select>
            per page
        </form>
    {% endif %}
    {% if paginator.num_pages > 1 and not exclude_controls %}
        <div class="vr border-start my-8 nb-paginator-divider"></div>
        <nav>
            <ul class="pagination mb-0">
                {% if page.has_previous %}
                    <li class="page-item">
                        <a aria-label="Previous" class="page-link" href="{% django_querystring page=page.previous_page_number %}"
                           {% if htmx_enabled|default:False %}
                               hx-get="{% django_querystring page=page.previous_page_number %}"
                           {% endif %}
                        >
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                {% endif %}
                {% for p in page.smart_pages %}
                    {% if p %}
                        <li class="page-item {% if page.number == p %} active{% endif %}">
                            <a class="page-link" href="{% django_querystring page=p %}"
                               {% if htmx_enabled|default:False %}
                                   hx-get="{% django_querystring page=p %}"
                               {% endif %}
                            >
                                {{ p }}
                            </a>
                        </li>
                    {% else %}
                        <li class="page-item disabled"><a class="page-link" tabindex="-1">&hellip;</a></li>
                    {% endif %}
                {% endfor %}
                {% if page.has_next %}
                    <li class="page-item">
                        <a aria-label="Next" class="page-link" href="{% django_querystring page=page.next_page_number %}"
                           {% if htmx_enabled|default:False %}
                               hx-get="{% django_querystring page=page.next_page_number %}"
                           {% endif %}
                        >
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                {% endif %}
            </ul>
        </nav>
    {% endif %}
</div>