{% set currentPage = pagination.getCurrentPageNumber() %}
{% set pageCount = pagination.getPageCount() %}
{% if pageCount > 1 %}
    {# Calcul de la plage de pages à afficher (5 pages de chaque côté par défaut) #}
    {% set pageRange = 5 %}
    {% set startPage = max(currentPage - pageRange, 1) %}
    {% set endPage = min(currentPage + pageRange, pageCount) %}
    
    {# On préserve les paramètres de requête existants (notamment 'query' pour la recherche) #}
    {% set query = this.query|default('') %}
    
    <nav aria-label="Navigation de pagination">
        <ul class="pagination justify-content-center">
            {# Premier et Précédent #}
            {% if currentPage > 1 %}
                <li class="page-item">
                    <a href="?page=1{% if query %}&query={{ query }}{% endif %}" 
                       class="page-link"
                       data-action="click->live#update">
                        <span aria-hidden="true">&laquo;&laquo;</span>
                        <span class="visually-hidden">Premier</span>
                    </a>
                </li>
                <li class="page-item">
                    <a href="?page={{ currentPage - 1 }}{% if query %}&query={{ query }}{% endif %}" 
                       class="page-link"
                       data-action="click->live#update">
                        <span aria-hidden="true">&laquo;</span>
                        <span class="visually-hidden">Précédent</span>
                    </a>
                </li>
            {% else %}
                <li class="page-item disabled">
                    <span class="page-link">&laquo;&laquo;</span>
                </li>
                <li class="page-item disabled">
                    <span class="page-link">&laquo;</span>
                </li>
            {% endif %}

            {# Numéros de page #}
            {% for page in startPage..endPage %}
                {% if page != currentPage %}
                    <li class="page-item">
                        <a href="?page={{ page }}{% if query %}&query={{ query }}{% endif %}" 
                           class="page-link"
                           data-action="click->live#update">
                            {{ page }}
                        </a>
                    </li>
                {% else %}
                    <li class="page-item active">
                        <span class="page-link">{{ page }}</span>
                    </li>
                {% endif %}
            {% endfor %}

            {# Suivant et Dernier #}
            {% if currentPage < pageCount %}
                <li class="page-item">
                    <a href="?page={{ currentPage + 1 }}{% if query %}&query={{ query }}{% endif %}" 
                       class="page-link"
                       data-action="click->live#update">
                        <span aria-hidden="true">&raquo;</span>
                        <span class="visually-hidden">Suivant</span>
                    </a>
                </li>
                <li class="page-item">
                    <a href="?page={{ pageCount }}{% if query %}&query={{ query }}{% endif %}" 
                       class="page-link"
                       data-action="click->live#update">
                        <span aria-hidden="true">&raquo;&raquo;</span>
                        <span class="visually-hidden">Dernier</span>
                    </a>
                </li>
            {% else %}
                <li class="page-item disabled">
                    <span class="page-link">&raquo;</span>
                </li>
                <li class="page-item disabled">
                    <span class="page-link">&raquo;&raquo;</span>
                </li>
            {% endif %}
        </ul>
    </nav>
{% endif %}