@props(['paginator'])

@if($paginator->hasPages())
    <div class="d-flex justify-content-center mt-4">
        <nav aria-label="{{ $paginator instanceof \Illuminate\Pagination\LengthAwarePaginator ? 'Pagination' : 'Navigation' }}">
            <ul class="pagination justify-content-center">
                {{-- Previous Page Link --}}
                @if ($paginator->onFirstPage())
                    <li class="page-item disabled">
                        <span class="page-link">
                            <i class="mdi mdi-chevron-left"></i>
                            Précédent
                        </span>
                    </li>
                @else
                    <li class="page-item">
                        <a class="page-link" href="{{ $paginator->previousPageUrl() }}" rel="prev">
                            <i class="mdi mdi-chevron-left"></i>
                            Précédent
                        </a>
                    </li>
                @endif

                {{-- Pagination Elements --}}
                @foreach ($paginator->getUrlRange(1, $paginator->lastPage()) as $page => $url)
                    @if ($page == $paginator->currentPage())
                        <li class="page-item active">
                            <span class="page-link">{{ $page }}</span>
                        </li>
                    @else
                        <li class="page-item">
                            <a class="page-link" href="{{ $url }}">{{ $page }}</a>
                        </li>
                    @endif
                @endforeach

                {{-- Next Page Link --}}
                @if ($paginator->hasMorePages())
                    <li class="page-item">
                        <a class="page-link" href="{{ $paginator->nextPageUrl() }}" rel="next">
                            Suivant
                            <i class="mdi mdi-chevron-right"></i>
                        </a>
                    </li>
                @else
                    <li class="page-item disabled">
                        <span class="page-link">
                            Suivant
                            <i class="mdi mdi-chevron-right"></i>
                        </span>
                    </li>
                @endif
            </ul>
        </nav>
    </div>

    {{-- Pagination Info --}}
    <div class="row mt-3">
        <div class="col-12 text-center text-muted">
            <small>
                Affichage de {{ $paginator->firstItem() }} à {{ $paginator->lastItem() }}
                sur {{ $paginator->total() }} éléments
                (Page {{ $paginator->currentPage() }} sur {{ $paginator->lastPage() }})
            </small>
        </div>
    </div>
@endif