@props([
    'title'=>'',
    'name'=>$attributes->wire('model')->value()??'',
    'placeholder'=>'',
    'obid'=>'id',
    'options'=>[],
])
@php
    $wireModel = $attributes->wire('model')->value();
    $selectedValue = request()->get($name, $attributes->get('value'));
@endphp
<div class="flex flex-col w-full gap-1 my-1">
    <small class="mb-0"> {{$placeholder}}</small>
    <select {{$attributes->merge(['class' => 'kt-select'])}} id="{{str_replace('.','_',$name)}}"
            name="{{$name}}" data-kt-select="true" data-kt-select-placeholder="{{$placeholder}}"
            data-kt-select-enable-search="true" data-kt-select-search-placeholder="بحث..."
            data-kt-select-search-empty="لا توجد نتائج" data-kt-select-dispatch-global-events="false"
            @if($wireModel)
            x-on:change="if ($event.detail?.payload) { $wire.set(@js($wireModel), $event.detail.payload.value); $event.stopPropagation(); }"
            @endif
            title="{{$placeholder}}">
        <option @selected($selectedValue === null || $selectedValue === '') value="">غير محدد</option>
        @foreach($options as $id=>$ob)
            <option
                value="{{isset($ob->$obid)?$ob->$obid:$id}}" @selected((string) $selectedValue === (string) (isset($ob->$obid)?$ob->$obid:$id))>{{isset($ob->name)?$ob->name:$ob}}</option>
        @endforeach
    </select>
</div>