@if ($paginator->hasPages())
@php
    $total    = $paginator->total();
    $perPage  = $paginator->perPage();
    $current  = $paginator->currentPage();
    $last     = $paginator->lastPage();
    $from     = $paginator->firstItem() ?? 0;
    $to       = $paginator->lastItem()  ?? 0;
@endphp
<div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;">

    {{-- Info --}}
    <span style="font-size:13px;color:var(--text-muted);">
        {{ $from }}–{{ $to }} sur {{ number_format($total, 0, ',', ' ') }} résultat(s)
    </span>

    {{-- Boutons --}}
    <div style="display:flex;align-items:center;gap:4px;">

        {{-- Précédent --}}
        @if ($paginator->onFirstPage())
            <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-light);cursor:not-allowed;font-size:13px;">
                <i class="fas fa-chevron-left" style="font-size:11px;"></i>
            </span>
        @else
            <a href="{{ $paginator->previousPageUrl() }}"
               style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:13px;transition:background .15s;"
               onmouseover="this.style.background='var(--bg)'" onmouseout="this.style.background=''">
                <i class="fas fa-chevron-left" style="font-size:11px;"></i>
            </a>
        @endif

        {{-- Pages --}}
        @foreach ($elements as $element)
            @if (is_string($element))
                <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--text-muted);font-size:13px;">…</span>
            @endif
            @if (is_array($element))
                @foreach ($element as $page => $url)
                    @if ($page == $current)
                        <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:13px;font-weight:600;">
                            {{ $page }}
                        </span>
                    @else
                        <a href="{{ $url }}"
                           style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:13px;transition:background .15s;"
                           onmouseover="this.style.background='var(--bg)'" onmouseout="this.style.background=''">
                            {{ $page }}
                        </a>
                    @endif
                @endforeach
            @endif
        @endforeach

        {{-- Suivant --}}
        @if ($paginator->hasMorePages())
            <a href="{{ $paginator->nextPageUrl() }}"
               style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-size:13px;transition:background .15s;"
               onmouseover="this.style.background='var(--bg)'" onmouseout="this.style.background=''">
                <i class="fas fa-chevron-right" style="font-size:11px;"></i>
            </a>
        @else
            <span style="display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-light);cursor:not-allowed;font-size:13px;">
                <i class="fas fa-chevron-right" style="font-size:11px;"></i>
            </span>
        @endif

    </div>
</div>
@endif