{{-- Livewire's simple and cursor paginator, drawn in M3: previous and next as outlined buttons.
     The name is `simple-material`; Livewire resolves `livewire::simple-` . config
     ('livewire.pagination_theme') to find it, which the provider sets to `material` while it
     still reads as Livewire's own default. --}}

@php
    if (! isset($scrollTo)) {
        $scrollTo = 'body';
    }

    $scrollIntoViewJsSnippet = ($scrollTo !== false)
        ? <<<JS
           (\$el.closest('{$scrollTo}') || document.querySelector('{$scrollTo}')).scrollIntoView()
        JS
        : '';

    $cursor = method_exists($paginator, 'getCursorName');
@endphp

<div>
    @if ($paginator->hasPages())
        <nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" data-md-pagination>
            @if ($paginator->onFirstPage())
                <x-livewire-material::button variant="outlined" icon="chevron_left" :label="__('Previous')" disabled />
            @elseif ($cursor)
                @php($previousCursor = $paginator->previousCursor() ?? $paginator->cursor())
                <x-livewire-material::button variant="outlined" icon="chevron_left" :label="__('Previous')" wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $previousCursor?->encode() }}" wire:click="setPage('{{ $previousCursor?->encode() }}', '{{ $paginator->getCursorName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" dusk="previousPage" />
            @else
                <x-livewire-material::button variant="outlined" icon="chevron_left" :label="__('Previous')" wire:click="previousPage('{{ $paginator->getPageName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" dusk="previousPage" />
            @endif

            @if (! $paginator->hasMorePages())
                <x-livewire-material::button variant="outlined" icon-right="chevron_right" :label="__('Next')" disabled />
            @elseif ($cursor)
                @php($nextCursor = $paginator->nextCursor() ?? $paginator->cursor())
                <x-livewire-material::button variant="outlined" icon-right="chevron_right" :label="__('Next')" wire:key="cursor-{{ $paginator->getCursorName() }}-{{ $nextCursor?->encode() }}" wire:click="setPage('{{ $nextCursor?->encode() }}', '{{ $paginator->getCursorName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" dusk="nextPage" />
            @else
                <x-livewire-material::button variant="outlined" icon-right="chevron_right" :label="__('Next')" wire:click="nextPage('{{ $paginator->getPageName() }}')" x-on:click="{{ $scrollIntoViewJsSnippet }}" wire:loading.attr="disabled" dusk="nextPage" />
            @endif
        </nav>
    @endif
</div>