{% if pagination.pageCount > 1 %}
    <ul class="inline-flex items-center -space-x-px">
        {% if pagination.previousPage %}
            <li>
                <a href="{{ pagination.path(pagination.previousPage) }}"
                   class="px-3 py-2 ml-0 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700">
                    Previous
                </a>
            </li>
        {% endif %}

        {% for page in pagination.pagesInRange %}
            <li>
                <a href="{{ pagination.path(page) }}"
                   class="px-3 py-2 leading-tight {% if page == pagination.currentPage %}text-blue-600 border border-blue-300 bg-blue-50{% else %}text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700{% endif %}">
                    {{ page }}
                </a>
            </li>
        {% endfor %}

        {% if pagination.nextPage %}
            <li>
                <a href="{{ pagination.path(pagination.nextPage) }}"
                   class="px-3 py-2 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700">
                    Next
                </a>
            </li>
        {% endif %}
    </ul>
{% endif %}