{# Server-side pagination — adapted from governor_web's _cost_drivers_pagination.html.
   Plain ``?page=N&sort=COL&direction=DIR`` links so sort survives Prev/Next.
   Expects ``pagination`` (PaginationContext); ``sort_by`` + ``sort_dir``
   if the caller supports click-to-sort. #}
{% set _qs %}{% if sort_by %}&sort={{ sort_by }}{% endif %}{% if sort_dir %}&direction={{ sort_dir }}{% endif %}{% endset %}
{% if pagination.total_items > 0 %}
<div class="flex items-center justify-between px-4 py-3 border-t border-slate-200 dark:border-slate-800">
  <p class="ui-type-body-sm">
    Showing <span class="text-slate-900 dark:text-slate-100">{{ pagination.start_index }}</span>
    to <span class="text-slate-900 dark:text-slate-100">{{ pagination.end_index }}</span>
    of <span class="text-slate-900 dark:text-slate-100">{{ pagination.total_items }}</span> results
  </p>
  {% if pagination.total_pages > 1 %}
  <nav class="ui-pagination" aria-label="Job table pagination">
    {% if pagination.has_prev %}
      <a href="?page={{ pagination.page - 1 }}{{ _qs }}" class="ui-page-link">Prev</a>
    {% else %}
      <span class="ui-page-link ui-page-link-disabled">Prev</span>
    {% endif %}

    {% for p in pagination.page_range(2) %}
      {% if p == pagination.page %}
        <span class="ui-page-link ui-page-link-active" aria-current="page">{{ p }}</span>
      {% else %}
        <a href="?page={{ p }}{{ _qs }}" class="ui-page-link">{{ p }}</a>
      {% endif %}
    {% endfor %}

    {% if pagination.has_next %}
      <a href="?page={{ pagination.page + 1 }}{{ _qs }}" class="ui-page-link">Next</a>
    {% else %}
      <span class="ui-page-link ui-page-link-disabled">Next</span>
    {% endif %}
  </nav>
  {% endif %}
</div>
{% endif %}