{{--
  Search + filter bar for admin list pages.
  @include('admin.partials.toolbar', ['placeholder' => 'Search…', 'filters' => ['name' => [value => label]], 'items' => $items, 'noun' => 'hospitals'])
--}}
@php
    $filters = $filters ?? [];
    $active = request()->filled('q') || collect(array_keys($filters))->contains(fn ($f) => request()->filled($f));
@endphp
<form method="GET" class="flex flex-col gap-3 border-b border-slate-200 p-4 sm:p-5 lg:flex-row lg:items-center">
    <div class="relative flex-1">
        <i class="ri-search-line pointer-events-none absolute top-1/2 left-3.5 -translate-y-1/2 text-gray-400"></i>
        <input type="search" name="q" value="{{ request('q') }}" placeholder="{{ $placeholder }}" aria-label="Search"
            class="w-full rounded-xl border border-slate-200 bg-slate-50 py-2.5 pr-3 pl-10 text-sm text-gray-800 focus:border-blue-300 focus:bg-white focus:ring-2 focus:ring-blue-100 focus:outline-none">
    </div>
    <div class="flex flex-wrap gap-2">
        @foreach($filters as $name => $options)
            <select name="{{ $name }}" onchange="this.form.submit()" aria-label="{{ ucfirst(str_replace('_', ' ', $name)) }}"
                class="min-w-0 flex-1 rounded-xl border border-slate-200 bg-white px-3 py-2.5 text-sm text-gray-700 focus:border-blue-300 focus:ring-2 focus:ring-blue-100 focus:outline-none sm:flex-none">
                @foreach($options as $value => $label)
                    <option value="{{ $value }}" @selected((string) request($name) === (string) $value)>{{ $label }}</option>
                @endforeach
            </select>
        @endforeach
        <button type="submit" class="bg-login-panel inline-flex items-center gap-2 rounded-xl px-4 py-2.5 text-sm font-semibold text-white hover:brightness-110"><i class="ri-filter-3-line"></i> Filter</button>
        @if($active)
            <a href="{{ url()->current() }}" class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 px-4 py-2.5 text-sm font-medium text-gray-600 hover:bg-slate-50"><i class="ri-close-line"></i> Reset</a>
        @endif
    </div>
    <p class="text-xs text-gray-400 lg:ml-2 lg:whitespace-nowrap">{{ number_format($items->total()) }} {{ $noun }}</p>
</form>