{{-- Author By : zulfazdliabuas@gmail.com | Date : 2026 --}}
@props([
    'paginator',
    'class' => '',
    'perPageOptions' => [5, 10, 20, 50],
])

@php
    $perPage = (int) request('per_page', $paginator->perPage());
    $query = request()->except(['page', 'per_page']);
@endphp

@if($paginator->total() > 0)
    <div class="subs_pagination_bar {{ $class }}">
        <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
            <form method="get" action="{{ url()->current() }}" class="js-pagination-form d-flex align-items-center gap-2">
                @foreach($query as $key => $value)
                    @if(is_array($value))
                        @foreach($value as $child)
                            <input type="hidden" name="{{ $key }}[]" value="{{ $child }}">
                        @endforeach
                    @elseif($value !== null && $value !== '')
                        <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                    @endif
                @endforeach
                <label class="small text-muted">Show</label>
                <select name="per_page"
                        class="form-select form-select-sm js-per-page"
                        style="width: auto;"
                        onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
                    @foreach($perPageOptions as $option)
                        <option value="{{ $option }}" @selected($perPage === (int) $option)>{{ $option }}</option>
                    @endforeach
                </select>
            </form>
            @if($paginator->hasPages())
                <div class="subs_pagination_links_wrap">
                    {{ $paginator->links('pagination::bootstrap-5') }}
                </div>
            @endif
        </div>
    </div>
@endif