@extends("AdminSide.Layout")
@section("content")
    <div class="box-content">
        <div class="col-sm-12">
            <div class="row">
                <form action="{{route('clientsAdvancedSearchApplyFilters')}}" method="get">
                    <div class="col-md-12 col-xs-12" style="margin-top: 15px">
                        <div class="box-content">
                            <div class="row">
                                <div class="col-md-12 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label">کاربرانی که در بازه زمانی انتخابی:</label>
                                        <select name="date_type"
                                                class="select2_1 select2-selection--single form-control"
                                                id="id_label_single">
                                            <option value="">:انتخاب</option>
                                            <option value="date_online">آنلاین بودن</option>
                                            <option value="date_register">ثبت نام کردن</option>
                                        </select>
                                        @error('date_type')
                                        <span class="invalid-feedback" role="alert">
                                <strong style="color: red">{{ $message}}</strong>
                                </span>
                                        @enderror
                                    </div>
                                    <a class="form-control" id="dateRangePicker"
                                       style="text-align: center;cursor: pointer">کلید
                                        کنید</a>
                                    <div class="row margin-top-20">
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label">تاریخ پایان</label>
                                            <input type="text" class="form-control" value="" id="dateRangePickerEndShow"
                                                   disabled/>
                                            <input type="hidden" class="form-control" value=""
                                                   name="end_date_shamsi"
                                                   id="dateRangePickerEnd"/>
                                            <input type="hidden" class="form-control" value=""
                                                   name="end_date_ghamari"
                                                   id="dateRangePickerEndTwo"/>
                                            @error('end_date_shamsi')
                                            <span class="invalid-feedback" role="alert">
                                             <strong style="color: red">
                                                 {{ $message}}
                                             </strong>
                                        </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label">تاریخ شروع</label>
                                            <input type="text" value="" class="form-control"
                                                   id="dateRangePickerStartShow"
                                                   disabled/>
                                            <input type="hidden" class="form-control" value=""
                                                   name="start_date_shamsi"
                                                   id="dateRangePickerStart"/>
                                            <input type="hidden" class="form-control" value=""
                                                   name="start_date_ghamari"
                                                   id="dateRangePickerStartTwo"/>
                                            @error('start_date_shamsi')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <label class="control-label">سال تولد بین سال های:</label>
                                    <div class="row">
                                        <div class="col-md-6 col-xs-12">
                                            <input type="text" name="to_year_birthday" placeholder="تا سال"
                                                   class="form-control"/>
                                            @error('to_year_birthday')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 col-xs-12">
                                            <input type="text" name="from_year_birthday" placeholder="از سال"
                                                   class="form-control"/>
                                            @error('from_year_birthday')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <label class="control-label">سابقه کاری بین سال های:</label>
                                    <div class="row">
                                        <div class="col-md-6 col-xs-12">
                                            <input type="text" name="to_work_experience_amount" placeholder="تا سال"
                                                   class="form-control"/>
                                            @error('to_work_experience_amount')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 col-xs-12">
                                            <input type="text" name="from_work_experience_amount" placeholder="از سال"
                                                   class="form-control"/>
                                            @error('from_work_experience_amount')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <label class="control-label">مدارک تحصیلی:</label>
                                    <div class="row">
                                        <div class="col-md-12 col-xs-12">
                                            <select class="select2_1 form-control" name="degrees[]" style="width: 100%"
                                                    multiple="multiple">
                                                <option value="سیکل">سیکل</option>
                                                <option value="دیپلم">دیپلم</option>
                                                <option value="فوق دیپلم">فوق دیپلم</option>
                                                <option value="لیسانس">لیسانس</option>
                                                <option value="فوق لیسانس">فوق لیسانس</option>
                                                <option value="دکترا">دکترا</option>
                                                <option value="فوق دکترا">فوق دکترا</option>
                                            </select>
                                            @error('degrees')
                                            <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <label class="control-label">وضعیت زبان:</label>
                                    <div class="row">
                                        <div class="col-sm-12 col-xs-12">
                                            <div class="custom-select">
                                                <select class="form-control" name="IELTS_status">
                                                    <option value="">وضعیت آیلتس:</option>
                                                    <option value="">خالی!</option>
                                                    <option value="hasIt">دارد</option>
                                                    <option value="doesNotHave">ندارد</option>
                                                </select>
                                            </div>
                                            <style>
                                                .custom-select > .select-selected {
                                                    height: 45px !important;
                                                    line-height: 28px !important;
                                                }

                                                .select-selected::after {
                                                    top: 20px;
                                                }

                                                .select-arrow-active::after {
                                                    top: 15px !important;
                                                }

                                                .custom-select > .select-items {
                                                    z-index: 100000;
                                                }
                                            </style>
                                        </div>
                                    </div>
                                    <label class="control-label  margin-top-30"> نمره یا سطح زبان بین:</label>
                                    <div class="row">
                                        <div class="col-md-6 col-xs-12">
                                            <input type="text" name="to_language_level"
                                                   placeholder="نمره یا سطح زبان تا"
                                                   class="form-control"/>
                                            @error('to_language_level')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 col-xs-12">
                                            <input type="text" name="from_language_level"
                                                   placeholder="نمره یا سطح زبان از"
                                                   class="form-control"/>
                                            @error('from_language_level')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <label class="control-label">وضعیت تاهل:</label>
                                    <div class="row">
                                        <div class="col-sm-12 col-xs-12">
                                            <div class="custom-select">
                                                <select class="form-control" name="marital_status">
                                                    <option value="">وضعیت تاهل:</option>
                                                    <option value="">خالی!</option>
                                                    <option value="married">متاهل</option>
                                                    <option value="single">مجرد</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label  margin-top-30">طریقه های آشنایی:</label>
                                            <select class="select2_1 form-control" name="acquainted_items[]"
                                                    style="width: 100%" multiple="multiple">
                                                <option value="اینستاگرام">اینستاگرام</option>
                                                <option value="کانال تلگرام">کانال تلگرام</option>
                                                <option value="معرفی دوستان">معرفی دوستان</option>
                                                <option value="اس ام اس">اس ام اس</option>
                                                <option value="جستوجو در اینترنت">جستوجو در اینترنت</option>
                                            </select>
                                            @error('acquainted_items')
                                            <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label  margin-top-30">شرایط های سنجش:</label>
                                            <select class="select2_1 form-control" name="assessment_conditions_ids[]"
                                                    style="width: 100%" multiple="multiple">
                                                @foreach($options as $option)
                                                    <option value="{{$option['id']}}">{{$option['option']}}</option>
                                                @endforeach
                                            </select>
                                            @error('assessment_conditions_ids')
                                            <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <div class="row">
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label">عنوان شغلی:</label>
                                            <input type="text" name="job_title" placeholder="عنوان شغلی کاربر.."
                                                   class="form-control"/>
                                            @error('job_title')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label">رشته تحصیلی آخرین مدرک تحصیلی:</label>
                                            <input type="text" name="last_degree_study_field"
                                                   placeholder="رشته تحصیلی آخرین مدرک تحصیلی.."
                                                   class="form-control"/>
                                            @error('last_degree_study_field')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <div class="row">
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label">نوع منطقه:</label>
                                            <div class="custom-select">
                                                <select class="form-control" name="location_type">
                                                    <option value="">نوع منطقه:</option>
                                                    <option value="">خالی!</option>
                                                    <option value="country">کشور</option>
                                                    <option value="state">استان</option>
                                                    <option value="city">شهر</option>
                                                </select>
                                            </div>
                                            <style>
                                                .custom-select > .select-selected {
                                                    height: 45px !important;
                                                    line-height: 28px !important;
                                                }

                                                .select-selected::after {
                                                    top: 20px;
                                                }

                                                .select-arrow-active::after {
                                                    top: 15px !important;
                                                }

                                                .custom-select > .select-items {
                                                    z-index: 100000;
                                                }
                                            </style>
                                        </div>
                                        <div class="col-md-6 col-xs-12">
                                            <label class="control-label">موقعیت مکانی:</label>
                                            <input type="text" name="location"
                                                   placeholder="نام دقیق موقعیت مکانی(به لاتین، شروع با حرف بزرگ، بدون فاصله).."
                                                   class="form-control"/>
                                            @error('location')
                                            <span class="invalid-feedback" role="alert">
                                            <strong style="color: red">
                                                {{ $message}}
                                            </strong>
                                        </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12 margin-top-30">
                                    <div class="row">
                                        <div class="col-md-12 col-xs-12">
                                            <label class="control-label">نوع خروجی:</label>
                                            <div class="custom-select">
                                                <select class="form-control" name="output_type">
                                                    <option value="">نوع خروجی:</option>
                                                    <option value="page" selected>صفحه ای</option>
                                                    @if(isset($permission_level_tree))
                                                        <option value="excel">فایل اکسل</option>
                                                        <option value="excel_specific">اختصاصی ایمیل و موبایل</option>
                                                    @endif
                                                </select>
                                            </div>
                                            <style>
                                                .custom-select > .select-selected {
                                                    height: 45px !important;
                                                    line-height: 28px !important;
                                                }

                                                .select-selected::after {
                                                    top: 20px;
                                                }

                                                .select-arrow-active::after {
                                                    top: 15px !important;
                                                }

                                                .custom-select > .select-items {
                                                    z-index: 100000;
                                                }
                                            </style>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-xs-12">
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <label class="control-label  margin-top-30">گرو های ذخیره کننده
                                                نتایج:</label>
                                            <select class="select2_1 form-control" name="groups_ids[]"
                                                    style="width: 100%" multiple="multiple">
                                                @foreach($related_groups as $group)
                                                    <option value="{{$group['id']}}">{{$group['name']}}</option>
                                                @endforeach
                                            </select>
                                            @error('groups_ids')
                                            <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-xs-12 margin-top-30" style="padding: 0">
                                        <button type="submit" class="btn btn-sm"
                                                style="background-color: #28988f;color: white;">اعمال فیلتر
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection