{# Vendored from packages/web/src/governor_web/templates/opportunities/_pagination.html.
   Audit doesn't run datastar/SSE so the buttons are plain anchors that
   round-trip through `?page=N` (preserving any active query string the
   route handler stitched into `pagination.query_string_without_page`). #}
{% 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 text-slate-500 dark:text-slate-400">
    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 %}
  {% set _qs = pagination.query_string_without_page %}
  {% set _sep = '&' if _qs else '' %}
  <nav class="ui-pagination" aria-label="Opportunity explorer pagination">
    {% if pagination.has_prev %}
      <a href="?{{ _qs }}{{ _sep }}page={{ pagination.page - 1 }}" 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="?{{ _qs }}{{ _sep }}page={{ p }}" class="ui-page-link">{{ p }}</a>
      {% endif %}
    {% endfor %}

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