@props(['action' => null, 'search' => true, 'placeholder' => 'Search…'])
{{-- GET filter form. Put extra filter fields in the slot; they are laid out in a responsive grid. --}}
<form method="GET" action="{{ $action ?? url()->current() }}" {{ $attributes->merge(['class' => 'flex flex-wrap items-end gap-3']) }}>
    @if ($search)
        <div class="relative min-w-[220px] flex-1">
            <x-heroicon-o-magnifying-glass class="pointer-events-none absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-ink-400" />
            <input type="search" name="q" value="{{ request('q') }}" placeholder="{{ $placeholder }}" class="form-input pl-9">
        </div>
    @endif
    {{ $slot }}
    @foreach (['sort', 'dir', 'per_page'] as $keep)
        @if (request()->filled($keep))<input type="hidden" name="{{ $keep }}" value="{{ request($keep) }}">@endif
    @endforeach
    <div class="flex gap-2">
        <button class="btn btn-primary"><x-heroicon-m-funnel class="h-4 w-4" /> Filter</button>
        @if (collect(request()->except(['page', 'sort', 'dir', 'per_page']))->filter(fn ($v) => filled($v))->isNotEmpty())
            <a href="{{ url()->current() }}" class="btn btn-secondary">Reset</a>
        @endif
    </div>
</form>