@props(['paginator'])

@php
    $current = $paginator->currentPage();
    $last = max($paginator->lastPage(), 1);
    $total = $paginator->total();
    $size = 5;
    $from = max(1, $current - intdiv($size, 2));
    $to = min($last, $from + $size - 1);
    $from = max(1, $to - $size + 1);
    $pages = $last < 1 ? [1] : range($from, $to);
    $recordLabel = $total === 1 ? 'registro' : 'registros';
@endphp

<nav class="catalog-pagination" aria-label="Paginación">
    <p class="catalog-pagination-summary">
        {{ $total }} {{ $recordLabel }}
        <span aria-hidden="true"> · </span>
        Página {{ $current }} de {{ $last }}
    </p>

    <div class="catalog-pagination-controls">
        <label class="catalog-page-size">
            <span>Filas</span>
            <select
                class="catalog-select catalog-page-size-select"
                wire:model.live="perPage"
                aria-label="Filas por página"
            >
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="40">40</option>
                <option value="50">50</option>
                <option value="100000">Todo</option>
            </select>
        </label>

        <div class="catalog-page-btns" role="list">
            <button
                type="button"
                class="catalog-page-btn"
                aria-label="Anterior"
                wire:click="previousPage"
                @disabled($current <= 1)
            >
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m15 18-6-6 6-6" />
                </svg>
            </button>

            @foreach ($pages as $p)
                <button
                    type="button"
                    class="catalog-page-btn"
                    aria-label="Página {{ $p }}"
                    @if ($p === $current) aria-current="page" @endif
                    wire:click="gotoPage({{ $p }})"
                >
                    {{ $p }}
                </button>
            @endforeach

            <button
                type="button"
                class="catalog-page-btn"
                aria-label="Siguiente"
                wire:click="nextPage"
                @disabled($current >= $last)
            >
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m9 18 6-6-6-6" />
                </svg>
            </button>
        </div>
    </div>
</nav>