{% block pagination %}
    {% if pageCount > 1 %}
        <nav id="pagination" class="mt-6 flex justify-center" aria-label="Pagination">
            <ul class="inline-flex items-center space-x-1 text-sm">

                {# Précédent #}
                {% if previous is defined %}
                    <li>
                        <a href="{{ path(route, query|merge({ (pageParameterName): previous })) }}"
                           data-page="{{ previous }}"
                           class="px-3 py-2 border rounded-l bg-white text-gray-700 hover:bg-gray-100 transition">
                            &laquo;
                        </a>
                    </li>
                {% endif %}

                {# Pages #}
                {% for page in pagesInRange %}
                    {% if page == current %}
                        <li>
                            <span class="px-3 py-2 border bg-indigo-600 text-white font-semibold">
                                {{ page }}
                            </span>
                        </li>
                    {% else %}
                        <li>
                            <a href="{{ path(route, query|merge({ (pageParameterName): page })) }}"
                               data-page="{{ page }}"
                               class="px-3 py-2 border bg-white text-gray-700 hover:bg-gray-100 transition">
                                {{ page }}
                            </a>
                        </li>
                    {% endif %}
                {% endfor %}

                {# Suivant #}
                {% if next is defined %}
                    <li>
                        <a href="{{ path(route, query|merge({ (pageParameterName): next })) }}"
                           data-page="{{ next }}"
                           class="px-3 py-2 border rounded-r bg-white text-gray-700 hover:bg-gray-100 transition">
                            &raquo;
                        </a>
                    </li>
                {% endif %}
            </ul>
        </nav>
    {% endif %}
{% endblock %}