{% comment %}
Pager for a Django Page object.

  page_obj   the Page (ListView supplies it implicitly; detail pages pass it
             explicitly, e.g. `with page_obj=gl_entries param="gl_page"`)
  param      query key to drive paging, default "page". Use a distinct param
             per table when several pagers share one page.
  hx_target  optional CSS selector for HTMX swap paging (live-filter lists).

Other current query params are preserved on every link so filters/sort and
sibling pagers survive navigation.
{% endcomment %}
{% with p=param|default:"page" %}
{% if page_obj.paginator.num_pages > 1 %}
<nav class="mt-6 flex items-center justify-between gap-4" aria-label="Pagination">
  <p class="font-meta text-xs text-ruforum-text-muted">
    Page <span class="font-semibold text-ruforum-text">{{ page_obj.number }}</span> of <span class="font-semibold text-ruforum-text">{{ page_obj.paginator.num_pages }}</span>
    <span class="ml-1 text-ruforum-border-strong">·</span>
    <span class="ml-1">{{ page_obj.paginator.count }} total</span>
  </p>
  <div class="flex items-center gap-1.5">
    {% if page_obj.has_previous %}
      <a
        href="?{{ p }}={{ page_obj.previous_page_number }}{% for key, value in request.GET.items %}{% if key != p %}&{{ key }}={{ value|urlencode }}{% endif %}{% endfor %}"
        class="flex items-center gap-1.5 rounded-lg border border-ruforum-border bg-white px-3 py-1.5 font-meta text-xs font-semibold text-ruforum-text transition-colors hover:bg-ruforum-warm-hover focus:outline-none focus:ring-2 focus:ring-ruforum-primary focus:ring-offset-1"
        {% if hx_target %}hx-get="?{{ p }}={{ page_obj.previous_page_number }}{% for key, value in request.GET.items %}{% if key != p %}&{{ key }}={{ value|urlencode }}{% endif %}{% endfor %}" hx-target="{{ hx_target }}" hx-push-url="true"{% endif %}
      >
        <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
        </svg>
        Previous
      </a>
    {% endif %}
    {% if page_obj.has_next %}
      <a
        href="?{{ p }}={{ page_obj.next_page_number }}{% for key, value in request.GET.items %}{% if key != p %}&{{ key }}={{ value|urlencode }}{% endif %}{% endfor %}"
        class="flex items-center gap-1.5 rounded-lg border border-ruforum-border bg-white px-3 py-1.5 font-meta text-xs font-semibold text-ruforum-text transition-colors hover:bg-ruforum-warm-hover focus:outline-none focus:ring-2 focus:ring-ruforum-primary focus:ring-offset-1"
        {% if hx_target %}hx-get="?{{ p }}={{ page_obj.next_page_number }}{% for key, value in request.GET.items %}{% if key != p %}&{{ key }}={{ value|urlencode }}{% endif %}{% endfor %}" hx-target="{{ hx_target }}" hx-push-url="true"{% endif %}
      >
        Next
        <svg class="h-3.5 w-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
        </svg>
      </a>
    {% endif %}
  </div>
</nav>
{% endif %}
{% endwith %}