{{-- Nurses Filter Partial --}}
<div class="bg-white rounded-xl border border-slate-200 p-6">
    <form method="GET" action="{{ route('admin.nurses.index') }}" class="space-y-4">
        <div class="flex gap-3">
            <input type="text" name="search" value="{{ request('search') }}" placeholder="Search by name, email, or phone..." class="flex-1 px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-blue-500">
            <button type="submit" class="admin-btn admin-btn-primary">Search</button>
            @if(request()->hasAny(['search', 'status', 'specialty', 'license_type', 'nclex_status']))
                <a href="{{ route('admin.nurses.index') }}" class="px-4 py-2 border border-slate-300 rounded-lg hover:bg-slate-50">Clear</a>
            @endif
        </div>

        <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
            <select name="status" class="px-3 py-2 border border-slate-300 rounded-lg">
                <option value="">All Status</option>
                <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active</option>
                <option value="inactive" {{ request('status') === 'inactive' ? 'selected' : '' }}>Inactive</option>
            </select>

            <select name="specialty" class="px-3 py-2 border border-slate-300 rounded-lg">
                <option value="">All Specialties</option>
                @foreach($specialties as $specialty)
                    <option value="{{ $specialty }}" {{ request('specialty') === $specialty ? 'selected' : '' }}>{{ $specialty }}</option>
                @endforeach
            </select>

            <select name="license_type" class="px-3 py-2 border border-slate-300 rounded-lg">
                <option value="">All License Types</option>
                @foreach($licenseTypes as $licenseType)
                    <option value="{{ $licenseType }}" {{ request('license_type') === $licenseType ? 'selected' : '' }}>{{ $licenseType }}</option>
                @endforeach
            </select>

            <select name="nclex_status" class="px-3 py-2 border border-slate-300 rounded-lg">
                <option value="">All NCLEX Status</option>
                <option value="passed" {{ request('nclex_status') === 'passed' ? 'selected' : '' }}>Passed</option>
                <option value="scheduled" {{ request('nclex_status') === 'scheduled' ? 'selected' : '' }}>Scheduled</option>
                <option value="preparing" {{ request('nclex_status') === 'preparing' ? 'selected' : '' }}>Preparing</option>
            </select>
        </div>
    </form>
</div>