{% if pagination_query is defined %}
    {% set paginationParams = pagination_query %}
{% else %}
    {% set paginationParams = {'search': search|default('')} %}
    {% if folder_id is defined and folder_id %}{% set paginationParams = paginationParams|merge({'folder_id': folder_id}) %}{% endif %}
{% endif %}
{% if totalPages > 1 %}
    <nav aria-label="Pagination" class="pagination-wrapper">
        <ul class="pagination justify-content-center flex-wrap">
            {# First Button #}
            <li class="page-item {% if currentPage == 1 %}disabled{% endif %}">
                <a class="page-link" href="{{ path(paginationPath, paginationParams|merge({'page': 1})) }}" aria-label="First">
                    <i class="bi bi-chevron-bar-left"></i>
                    <span class="d-none d-sm-inline">{{ 'admin.first'|trans }}</span>
                </a>
            </li>

            {# Previous Button #}
            <li class="page-item {% if currentPage == 1 %}disabled{% endif %}">
                <a class="page-link" href="{{ path(paginationPath, paginationParams|merge({'page': currentPage - 1})) }}" aria-label="Previous">
                    <i class="bi bi-chevron-left"></i>
                    <span class="d-none d-sm-inline">{{ 'admin.previous'|trans }}</span>
                </a>
            </li>

            {# Page Numbers - responsive design #}
            {% for page in 1..totalPages %}
                {% set showPage = false %}
                {% if totalPages <= 7 %}
                    {% set showPage = true %}
                {% elseif page == 1 or page == totalPages %}
                    {% set showPage = true %}
                {% elseif page >= currentPage - 1 and page <= currentPage + 1 %}
                    {% set showPage = true %}
                {% endif %}
                
                {% if showPage %}
                    <li class="page-item {% if page == currentPage %}active{% endif %}">
                        <a class="page-link" href="{{ path(paginationPath, paginationParams|merge({'page': page})) }}">{{ page }}</a>
                    </li>
                {% elseif page == currentPage - 2 or page == currentPage + 2 %}
                    <li class="page-item d-none d-md-inline">
                        <span class="page-link">...</span>
                    </li>
                {% endif %}
            {% endfor %}

            {# Next Button #}
            <li class="page-item {% if currentPage == totalPages %}disabled{% endif %}">
                <a class="page-link" href="{{ path(paginationPath, paginationParams|merge({'page': currentPage + 1})) }}" aria-label="Next">
                    <span class="d-none d-sm-inline">{{ 'admin.next'|trans }}</span>
                    <i class="bi bi-chevron-right"></i>
                </a>
            </li>

            {# Last Button #}
            <li class="page-item {% if currentPage == totalPages %}disabled{% endif %}">
                <a class="page-link" href="{{ path(paginationPath, paginationParams|merge({'page': totalPages})) }}" aria-label="Last">
                    <span class="d-none d-sm-inline">{{ 'admin.last'|trans }}</span>
                    <i class="bi bi-chevron-bar-right"></i>
                </a>
            </li>
        </ul>
        
        <!-- Page Info -->
        <div class="text-center mt-2">
            <small class="text-muted">
                {{ 'admin.page_info'|trans({'%current%': currentPage, '%total%': totalPages}) }}
            </small>
        </div>
    </nav>
{% elseif totalPages <= 1 %}
    <nav aria-label="Pagination" class="pagination-wrapper">
        <ul class="pagination justify-content-center flex-wrap">
            <li class="page-item disabled">
                <span class="page-link">
                    <i class="bi bi-chevron-bar-left"></i>
                    <span class="d-none d-sm-inline">{{ 'admin.first'|trans }}</span>
                </span>
            </li>
            <li class="page-item disabled">
                <span class="page-link">
                    <i class="bi bi-chevron-left"></i>
                    <span class="d-none d-sm-inline">{{ 'admin.previous'|trans }}</span>
                </span>
            </li>
            <li class="page-item active">
                <span class="page-link">1</span>
            </li>
            <li class="page-item disabled">
                <span class="page-link">
                    <span class="d-none d-sm-inline">{{ 'admin.next'|trans }}</span>
                    <i class="bi bi-chevron-right"></i>
                </span>
            </li>
            <li class="page-item disabled">
                <span class="page-link">
                    <span class="d-none d-sm-inline">{{ 'admin.last'|trans }}</span>
                    <i class="bi bi-chevron-bar-right"></i>
                </span>
            </li>
        </ul>
    </nav>
{% endif %}