{% if pagination and pagination.pages > 1 %}
<div class="mt-6 flex justify-center items-center flex-wrap gap-2 text-sm">
    <a href="#" data-page="{{ pagination.prev_num }}"
       class="pagination-link pagination-pill {{ 'cursor-not-allowed' if not pagination.has_prev }}">
        &laquo; Previous
    </a>
    {% for page_num in pagination.iter_pages(left_edge=1, right_edge=1, left_current=1, right_current=2) %}
        {% if page_num %}
            <a href="#" data-page="{{ page_num }}"
               class="pagination-link pagination-pill {{ 'is-current' if pagination.page == page_num }}">
                {{ page_num }}
            </a>
        {% else %}
            <span class="px-2 text-gray-500">...</span>
        {% endif %}
    {% endfor %}
    <a href="#" data-page="{{ pagination.next_num }}"
       class="pagination-link pagination-pill {{ 'cursor-not-allowed' if not pagination.has_next }}">
        Next &raquo;
    </a>
</div>
{% endif %}