{#
    Pagination Wrapper Component
    Provides consistent pagination layout across all admin list pages

    Usage:
    {% include 'admin/components/pagination_wrapper.html.twig' with {
        'pagination': users,
        'showItemCount': true
    } %}
#}

{% if pagination.pageCount > 1 %}
    <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
        {# Mobile pagination #}
        <div class="flex-1 flex justify-between sm:hidden">
            {% if pagination.currentPageNumber > 1 %}
                <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({page: pagination.currentPageNumber - 1})) }}"
                   class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
                    Précédent
                </a>
            {% else %}
                <span class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-300 bg-gray-50 cursor-not-allowed">
                    Précédent
                </span>
            {% endif %}

            {% if pagination.currentPageNumber < pagination.pageCount %}
                <a href="{{ path(app.request.attributes.get('_route'), app.request.query.all|merge({page: pagination.currentPageNumber + 1})) }}"
                   class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
                    Suivant
                </a>
            {% else %}
                <span class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-300 bg-gray-50 cursor-not-allowed">
                    Suivant
                </span>
            {% endif %}
        </div>

        {# Desktop pagination #}
        <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
            {% if showItemCount|default(true) %}
                <div>
                    <p class="text-sm text-gray-700">
                        Affichage de
                        <span class="font-medium">{{ pagination|length > 0 ? ((pagination.currentPageNumber - 1) * pagination.itemNumberPerPage + 1) : 0 }}</span>
                        à
                        <span class="font-medium">{{ ((pagination.currentPageNumber - 1) * pagination.itemNumberPerPage) + pagination|length }}</span>
                        sur
                        <span class="font-medium">{{ pagination.totalItemCount }}</span>
                        résultat(s)
                    </p>
                </div>
            {% endif %}

            <div>
                {{ knp_pagination_render(pagination) }}
            </div>
        </div>
    </div>
{% endif %}