@props(['searchable'=>[],'checkboxes'=>[]])
<div>

<div class="kt-card shadow-sm mb-3" id="SEarch">
    <div class="kt-card-header h-50px  cursor-pointer search-toggle">
        <h3 class="kt-card-title">بحث</h3>
        <div class="kt-card-toolbar rotate-180">
        </div>
    </div>
    <form action="{{URL::full()}}" method="get" class="form-horizontal mb-0 gen-search-class">
        <div class="transition-[height] duration-300 search-card {{request()->hasAny(array_keys($searchable))?'':'hidden'}}" >
            <div class="kt-card-body p-3">

                <div class="grid grid-cols-5 gap-3">
                    @foreach($searchable as $id=>$item)
                        @if(in_array($item['type'],['number','string','date']))
                            <x-input-search name="{{$id}}" type="{{$item['type']}}" :value="request($id)"
                                            :placeholder="$item['title']" :title="$item['title']"/>
                        @elseif($item['type'] == 'select')
                            @if(isset($item['options']))
                                <x-select-search name="{{$id}}" :value="request($id)" :placeholder="$item['title']"
                                                 :options="$item['options']"/>
                            @elseif(isset($item['model']))
                                @php
                                    $searchobj = new ('App\\Models\\'.$item['model']);
                                    $search_items=$searchobj->get();
                                @endphp
                                <x-select-search name="{{$id}}" :value="request($id)" :obid="set_if($item['obid'],'id')" :placeholder="$item['title']"
                                                 :options="$search_items"/>
                            @endif

                        @elseif($item['type'] == 'range')
                            <x-input-search name="{{$id.'_from'}}" type="{{str_contains($id,'date')||str_contains($id,'_at')?'date':'text'}}"  :value="request($id.'_from')"
                                           :title="$item['title'] .' من '"/>
                            <x-input-search name="{{$id.'_to'}}" type="{{str_contains($id,'date')||str_contains($id,'_at')?'date':'text'}}"  :value="request($id.'_to')"
                                            :title="$item['title'] .' الى '"/>
                        @endif
                        @php
                            if($item['type'] == 'checkbox'){
                                $checkboxes[$id]=$item;
                            }
                        @endphp
                    @endforeach


                </div>

            </div>
            <div class="kt-card-footer p-2 flex justify-between">

                <div class="flex flex-wrap gap-3">
                        @foreach($checkboxes as $id=>$item)

                            <x-inputs.checkbox name="{{$id}}" :checked="request($id)?true:false" value="1"
                                               :title="$item['title']"/>

                        @endforeach


                    </div>

                <div>
                    <a href="{{URL::current()}}"
                            data-form-class="gen-search-class"
                            class="kt-btn kt-btn-destructive rounded-full w-150px  clear-btn">
                        <i class="la la-redo la-lg"></i>
                        تفريغ
                    </a>
                    <button type="submit"
                            data-form-class="gen-search-class"
                            class="kt-btn rounded-full w-150px align-items-center search-btn">
                        <i class="la la-search la-lg"></i>
                        بحث
                    </button>
                    <button type="submit" name="must_print_page" value="1"
                            formtarget="_blank"
                            data-form-class="gen-search-class"
                            class="kt-btn kt-btn-secondary rounded-full w-150px">
                        <i class="la la-print la-lg"></i>
                        طباعة
                    </button>
                </div>

            </div>
        </div>
    </form>

</div>
    <div class="search_con">
        <h4>محددات البحث</h4>

        <div class="grid grid-cols-4 gap-2">
            @foreach($searchable as $id=>$item)
                @if(request($id) || $item['type'] == 'range' && request($id.'_from'))
                    @if(in_array($item['type'],['number','string','date']))
                        <h3>{{$item['title']}} : {{request($id)}}</h3>
                    @elseif($item['type'] == 'select')

                        @if(isset($item['options']))
                            @php
                                $selected=null;
                                foreach ($item['options'] as $ii=>$o){
                                    if(isset($o->id)){
                                        if($o->id == request($id)){
                                             $selected=$o->name;
                                        }
                                    }else{
                                         if($ii == request($id)){
                                             $selected=$o;
                                        }
                                    }
                                }
                            @endphp
                            <h3>{{$item['title']}} : {{$selected}}</h3>
                        @endif
                    @elseif($item['type'] == 'range')
                        <h3>{{$item['title']  .' من '}} : {{request($id.'_from')}}</h3>
                        <h3>{{$item['title']  .' الى '}} : {{request($id.'_to')}}</h3>
                    @endif
                @endif

            @endforeach
        </div>
    </div>
</div>