@props([
'fields'
])

<section id="multiple-column-form">
    <div class="row match-height">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">بحث</h4>
                </div>
                <div class="card-content">
                    <div class="card-body">
                        <form class="form" wire:submit.prevent="search">
                            <div class="form-body">
                                <div class="row">
                                    @foreach($fields as $kay =>$field)
                                        @if(isset($field[1]))
                                            @php
                                              // dd(is_array($field[1]['model']));
                                                if(is_array($field[1]['model'])){
                                                $data=$field[1]['model'];

                                                }else{
                                                  $className = 'App\\Models\\'.$field[1]['model'];

                                                       if(class_exists($className)) {
                                                           $model = new $className;
                                                            $data = $model::all();
                                                       }
                                                }


                                            @endphp
                                            @if($field[1]['type'] == 'select')

                                                <div class="col-md-4 col-12">
                                                    <label for="first-name-column">{{$field[0]}}</label>
                                                    <select class="form-control" wire:model.defer="search_array.{{$kay}}">
                                                        <option  selected >{{$field[0]}}</option>
                                                        @foreach($data as $row)
                                                            <option value="{{$row[$field[1]['value']]}}">{{$row[$field[1]['name']]}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            @endif
                                            @if($field[1]['type'] == 'datalist')
                                                <div class="col-md-4 col-12">
                                                    <label for="exampleDataList" class="form-label">{{$field[0]}}</label>
                                                    <input class="form-control" list="datalistOptions" wire:model="search_array.{{$kay}}" id="exampleDataList" placeholder="">
                                                    <datalist id="datalistOptions">
                                                        @foreach($data as $row)
                                                            <option value="{{$row[$field[1]['name']]}}">
                                                        @endforeach
                                                        {{--<option value="San Francisco">--}}
                                                        {{--<option value="New York">--}}
                                                        {{--<option value="Seattle">--}}
                                                        {{--<option value="Los Angeles">--}}
                                                        {{--<option value="Chicago">--}}
                                                    </datalist>
                                                </div>
                                            @endif
                                        @else
                                            <div class="col-md-4 col-12">
                                                <div class="form-group">
                                                    <label for="{{$field[0]}}">{{$field[0]}}</label>
                                                    <input type="text" wire:model.defer="search_array.{{$kay}}"   id="{{$kay}}" class="form-control" placeholder="{{$field[0]}}" name="{{$field[0]}}">

                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                    <div class="col-12 mt-4">
                                        <x-button
                                                type="submit"
                                                class="btn btn-primary mr-1 mb-1 waves-effect waves-light"
                                                title="بحث"
                                                wire:click="search"
                                        />
                                        <x-button
                                                type="reset"
                                                class="btn btn-outline-warning mr-1 mb-1 waves-effect waves-light"
                                                title="افراغ الحقول "
                                                wire:click="resetSearch"
                                        />
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>