@props([
    'withStatus' => false,
    'withKondisi' => false,
    'withKelas' => false,
    'withPersonal' => false,
])

<div {{ $attributes->merge(['class' => 'flex flex-row gap-2 md:p-2 md:gap-3']) }}>
    @if($withKondisi ?? false)
        <select class="form-select border border-gray-300 text-gray-700 focus:text-black focus:border-black rounded-md shadow-sm p-1 md:p-2 w-fit"
            id="filter_kondisi" 
            name="filter_kondisi" 
            x-model="kondisi"
        >
            <option value="">Pilih kondisi</option>            
            <option value="Baik">Baik</option>            
            <option value="Rusak Berat">Rusak Berat</option>
            <option value="Rusak Ringan">Rusak Ringan</option>
        </select>
    @endif
    
    @if($withStatus ?? false)
        <select 
            class="form-select border border-gray-300 text-gray-700 focus:text-black focus:border-black rounded-md shadow-sm p-1 md:p-2 w-fit" 
            id="filter_status" 
            name="filter_status"
        >
            <option>Pilih status</option>            
            <option value="Proses">Proses</option>
            <option value="Diselesaikan">Diselesaikan</option>
            <option value="Dijawab">Dijawab</option>
        </select>
    @endif

    @if($withKelas ?? false)
        <select class="form-select border border-gray-300 text-gray-700 focus:text-black focus:border-black rounded-md shadow-sm p-1 md:p-2 w-32 md:w-40"
            id="filter_kelas_id" 
            name="kelas_id"
            x-model="kelas"
        >
            <option value="">Pilih ruangan</option>
            @foreach(\App\Models\Kelas::all() as $kelas)
                <option value="{{ $kelas->id }}">{{ $kelas->nama }}</option>
            @endforeach
        </select>
    @endif

    @if($withPersonal ?? false)
        <select class="form-select border border-gray-300 text-gray-700 focus:text-black focus:border-black rounded-md shadow-sm p-1 md:p-2 w-32 md:w-40"
            id="filter_personal_id" 
            name="personal_id"
            x-model="personal"
        >
            <option value="">Pilih personal</option>
            @foreach(\App\Models\Personal::all() as $personal)
                <option value="{{ $personal->id }}">{{ $personal->nama }}</option>
            @endforeach
        </select>
    @endif
</div>