{# Pagination controls. Usage: {% include "_pagination.html" with page=page_obj %} #}
{% if page.has_other_pages %}
<nav class="flex items-center justify-between border-t border-slate-200 pt-4 mt-6">
  <div class="text-sm text-slate-500">
    Showing {{ page.start_index }}–{{ page.end_index }} of {{ page.paginator.count }}
  </div>
  <div class="flex gap-1">
    {% if page.has_previous %}
    <a href="?page={{ page.previous_page_number }}" class="px-3 py-1.5 text-sm rounded-lg border border-slate-300 text-slate-700 hover:bg-slate-50">Previous</a>
    {% endif %}
    {% if page.has_next %}
    <a href="?page={{ page.next_page_number }}" class="px-3 py-1.5 text-sm rounded-lg border border-slate-300 text-slate-700 hover:bg-slate-50">Next</a>
    {% endif %}
  </div>
</nav>
{% endif %}