{# Pagination Macro — Usage: {% include "partials/pagination.html" %} #}
{# Expects: page (int), total (int), page_size (int), base_url (str), hx_target (str) #}
{% set total_pages = ((total - 1) // page_size) + 1 if total > 0 else 1 %}
{% if total > page_size %}
<nav class="tmh-pagination">
    {# Previous #}
    {% if page > 1 %}
    <a hx-get="{{ base_url }}?page={{ page - 1 }}&page_size={{ page_size }}" hx-target="{{ hx_target }}">&laquo;</a>
    {% else %}
    <a class="disabled">&laquo;</a>
    {% endif %}

    {# Page numbers #}
    {% if total_pages <= 7 %}
        {% for p in range(1, total_pages + 1) %}
        <a hx-get="{{ base_url }}?page={{ p }}&page_size={{ page_size }}" hx-target="{{ hx_target }}"
           class="{% if p == page %}active{% endif %}">{{ p }}</a>
        {% endfor %}
    {% else %}
        {# Always show first page #}
        <a hx-get="{{ base_url }}?page=1&page_size={{ page_size }}" hx-target="{{ hx_target }}"
           class="{% if page == 1 %}active{% endif %}">1</a>

        {% if page > 3 %}
        <span class="ellipsis">...</span>
        {% endif %}

        {# Pages around current #}
        {% for p in range([page - 1, 2] | max, [page + 2, total_pages] | min) %}
        <a hx-get="{{ base_url }}?page={{ p }}&page_size={{ page_size }}" hx-target="{{ hx_target }}"
           class="{% if p == page %}active{% endif %}">{{ p }}</a>
        {% endfor %}

        {% if page < total_pages - 2 %}
        <span class="ellipsis">...</span>
        {% endif %}

        {# Always show last page #}
        <a hx-get="{{ base_url }}?page={{ total_pages }}&page_size={{ page_size }}" hx-target="{{ hx_target }}"
           class="{% if page == total_pages %}active{% endif %}">{{ total_pages }}</a>
    {% endif %}

    {# Next #}
    {% if page < total_pages %}
    <a hx-get="{{ base_url }}?page={{ page + 1 }}&page_size={{ page_size }}" hx-target="{{ hx_target }}">&raquo;</a>
    {% else %}
    <a class="disabled">&raquo;</a>
    {% endif %}

    {# Page size selector + jump #}
    <span class="tmh-pagination-info">
        <select onchange="window.location.href='{{ base_url }}?page=1&page_size='+this.value; localStorage.setItem('tmh-page-size', this.value)">
            {% for s in [10, 20, 50, 100] %}
            <option value="{{ s }}" {% if s == page_size %}selected{% endif %}>{{ s }}/页</option>
            {% endfor %}
        </select>
        <input type="number" min="1" max="{{ total_pages }}" value="{{ page }}" aria-label="跳页"
               onkeydown="if(event.key==='Enter'){var p=Math.min(Math.max(1,parseInt(this.value)||1),{{ total_pages }});window.location.href='{{ base_url }}?page='+p+'&page_size={{ page_size }}';}">
    </span>
</nav>
{% endif %}