{# Pagination fragment — preserves sort/filter/search state across page hops.
   v0.62 CSS refactor: inline Tailwind → semantic .dz-pagination* classes
   (components/fragments.css). Active-page tinting via .is-current
   modifier instead of inline `bg-[hsl(var(--primary))]`. #}
{% if table and table.total > table.page_size %}
{% set total_pages = (table.total + table.page_size - 1) // table.page_size %}
<div class="dz-pagination">

  {# Left: selection summary or row count.
     #978: CSS-driven visibility via `[data-dz-bulk-count]` on the
     outer .dz-table wrapper (no Alpine bindings on children of the
     dzTable scope — see ADR-0022 + bulk_actions.html). Count text is
     mirrored to `[data-dz-bulk-count-target]` imperatively by
     dzTable's $watch. #}
  <span class="dz-pagination-summary">
    <span class="dz-bulk-summary-selected">
      <span data-dz-bulk-count-target>0</span> of {{ table.total }} selected
    </span>
    <span class="dz-bulk-summary-rows">
      {{ table.total }} row{{ 's' if table.total != 1 else '' }}
    </span>
  </span>

  {# Right: page buttons.

     #984: rendered page-list is bounded — `pagination_pages(current, total)`
     returns at most ~9 entries (first + window-around-current + last, with
     `None` markers for ellipses) regardless of total page count. Pre-fix the
     template emitted one button per page; on entity lists with many pages
     the row stretched several thousand pixels past <main>. #}
  <div class="dz-pagination-pages">
    {% for p in pagination_pages(table.page, total_pages) %}
    {% if p is none %}
    <span class="dz-pagination-ellipsis" aria-hidden="true">…</span>
    {% else %}
    <button
      class="dz-pagination-page{% if p == table.page %} is-current{% endif %}"
      {% if p == table.page %}aria-current="page"{% endif %}
      hx-get="{{ table.api_endpoint }}?page={{ p }}&page_size={{ table.page_size }}{% if table.sort_field %}&sort={{ table.sort_field }}&dir={{ table.sort_dir }}{% endif %}{% if table.search_query %}&search={{ table.search_query }}{% endif %}{% if table.filter_values %}{% for k, v in table.filter_values.items() %}&filter[{{ k }}]={{ v }}{% endfor %}{% endif %}"
      hx-target="#{{ table.table_id or 'dt-table' }}-body"
      hx-swap="morph:innerHTML"
      hx-headers='{"Accept": "text/html"}'
      hx-indicator="#{{ table.table_id or 'dt-table' }}-loading">
      {{ p }}
    </button>
    {% endif %}
    {% endfor %}
  </div>

</div>
{% endif %}