{{-- Employers Filter Partial --}}
<div class="admin-card p-6">
    <form method="GET" action="{{ route('admin.employers.index') }}" class="space-y-4">
        <div class="flex gap-3">
            <input type="text" name="search" value="{{ request('search') }}" placeholder="Search by company, industry, location..." class="admin-input flex-1">
            <button type="submit" class="admin-btn admin-btn-primary">Search</button>
            @if(request()->hasAny(['search', 'status', 'verified', 'risk', 'sort']))
                <a href="{{ route('admin.employers.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="admin-input">
                <option value="">All Status</option>
                <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
                <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active</option>
                <option value="verified" {{ request('status') === 'verified' ? 'selected' : '' }}>Verified</option>
                <option value="suspended" {{ request('status') === 'suspended' ? 'selected' : '' }}>Suspended</option>
            </select>

            <select name="verified" class="admin-input">
                <option value="">All Verification</option>
                <option value="true" {{ request('verified') === 'true' ? 'selected' : '' }}>Verified</option>
                <option value="false" {{ request('verified') === 'false' ? 'selected' : '' }}>Not Verified</option>
            </select>

            <select name="risk" class="admin-input">
                <option value="">All Risk Levels</option>
                <option value="low" {{ request('risk') === 'low' ? 'selected' : '' }}>Low Risk (&lt;40)</option>
                <option value="medium" {{ request('risk') === 'medium' ? 'selected' : '' }}>Medium Risk (40-69)</option>
                <option value="high" {{ request('risk') === 'high' ? 'selected' : '' }}>High Risk (≥70)</option>
            </select>

            <select name="sort" onchange="this.form.submit()" class="admin-input">
                <option value="created_at" {{ request('sort', 'created_at') === 'created_at' ? 'selected' : '' }}>Sort by Date</option>
                <option value="name" {{ request('sort') === 'name' ? 'selected' : '' }}>Sort by Name</option>
                <option value="jobs" {{ request('sort') === 'jobs' ? 'selected' : '' }}>Sort by Jobs</option>
                <option value="risk" {{ request('sort') === 'risk' ? 'selected' : '' }}>Sort by Risk</option>
            </select>
        </div>
    </form>
</div>