@include('site.controllers.header')
<div class="container mb-60">
    <div class="row">

        <div class="col-md-8">
            <div class="row">
                <form method="get" action="{{route('job_search')}}" enctype="multipart/form-data">
                    <div class="col-md-10 px-0">
                        <section class="mt-20">

                            <div class="input-group">
                                <input type="text"  name="job_title" required class="form-control" placeholder="البحث علي وظيفة">
                                <span class="input-group-btn">
                                <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
                            </span>
                            </div>
                        </section>
                    </div>
                </form>

                <div class="col-md-2 text-center">
                    <a href="#myModal2">
                        <button class="btn basic-btn mt-20" width="100%" type="button"  data-toggle="modal" data-target="#myModal2" >بحث متقدم</button>
                    </a>
                </div>
            </div>
            <section class="global-head">
                <article>
                    <h4><strong>مرحبا, أستكشف الفرص الجديدة</strong></h4>
                    <p>من فضلك أكمل البيانات المطلوبة فى الموقع للحصول على معلومات أكثر<a href="{{route('setting-account')}}" class="basic-link"> أضف CV</a></p>
                </article>
            </section>
            @foreach($jobs as $job)
            @include('site.controllers.product')
            @endforeach

        </div>

        <div class="col-md-4 col-sm-5">
            <!-- side information -->
            <div class="sideprofile">
                <section class="global-head sec-img">
                    <article class="text-center">
                        <p class="sercher-work"><span>باحث عن عمل </span></p>
                        <img src="{{\Auth::user()->image}}" style="width: 100px" alt="">
                        <h5>{{\Auth::user()->fullname}}</h5>
                        <p>{{\Auth::user()->disability->name}}</p>
                    </article>
                </section>
                <div class="text-center edit-pro" style="margin-bottom: 1px">
                    <a href="{{route('edit-account')}}"><strong>تعديل بيانات الحساب</strong></a>
                </div>
                <div class="text-center edit-pro" style="margin-bottom: 1px">
                    <a href="{{route('edit-personal-setting')}}"><strong>تعديل البيانات الشخصية</strong></a>
                </div>
                <!-- detailes -->
                <ul>
                    <li class="active padingstyle"><span>من فضلك أضف البيانات الشخصية  </span><a href="{{route('setting-account')}}" class="basic-link">أضف الCV</a></li>
                </ul>
                <hr>
                <div class="col-md-12 text-center">
                    <center>
                        <a href="#myModal2">
                            <button class="btn btn-success mt-20" width="100%" type="button"  data-toggle="modal" data-target="#prefered_jobs" > إنشاء الوظائف المرغوبة</button>
                        </a>
                    </center>

                </div>
                <!-- <div class="text-center edit-pro">
                    <button type="button" class="btn btn-default text-center" data-toggle="modal" data-target="#delete"><span class="px-10">Rate Now</span></button>

                    <a href="#" data-toggle="modal" data-target="#rate"><strong>Rate Now</strong></a>
                </div> -->
            </div>
        </div>

        <!-- Modal -->
        <div class="modal fade text-center" id="prefered_jobs" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content p-0">
                    <div class="modal-header p-0">
                        <section class="global-head global-head__no-border text-center mt-0 p-20">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <article>
                                <h4><strong>الوظيفة المرغوبة</strong></h4>
                                <p>من فضلك أكمل البيانات من اجل الوصول للوظيفة المرغوب فيها </p>
                            </article>
                        </section>
                    </div>

                    <form method="post" action="{{route('store_prefered_job')}}" enctype="multipart/form-data">
                        {{csrf_field()}}
                        <div class="modal-body model-style">
                            <div class="row">
                                <form class="global-form">
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">عنوان الوظيفة</span>
                                                 <br/>
                                                <span class="validation-color">يجب تحديد عنوان الوظيف</span>
                                            </label>
                                            <div class="col-sm-8">
                                                   <input name="job_title" placeholder="عنوان الوظيفة" value="{{old('job_title')}}" class="form-control" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">النوع</span>
                                                <br/>
                                            </label>
                                            <div class="col-sm-8">
                                               <select name="gender" required class="form-control">
                                               <option value="male"> ذكر </option>
                                               <option value="female">أنثى </option>
                                               </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">الجنسية</span>
                                                <br/>
                                            </label>
                                            <div class="col-sm-8">
                                                <select name="nationality_id" required class="form-control option">
                                                  @foreach(\App\Models\City::whereType('country')->get() as $nationality)
                                                      <option value="{{$nationality->id}}"    {{ old('nationality_id') == $nationality->id ? 'selected' : '' }}> {{$nationality->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">نوع الإعاقة</span>
                                                <br/>
                                            </label>
                                            <div class="col-sm-8">
                                                <select name="disability_id" required class="form-control option">
                                                    @foreach(\App\Models\Disability::all() as $disability)
                                                        <option {{ old('disability_id') == $disability->id ? 'selected' : '' }}
                                                            value="{{$disability->id}}">{{$disability->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">التعليم</span>
                                                <br/>
                                            </label>
                                            <div class="col-sm-8">
                                                <select name="education_id" required class="form-control option">
                                                    @foreach(\App\Models\Education::all() as $education)
                                                        <option {{ old('education_id') == $education->id ? 'selected' : '' }}
                                                            value="{{$education->id}}">{{$education->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">مكان الوظيفة</span>
                                                <br/>
                                                <span class="validation-color">يجب تحديد مكان الوظيفة</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select name="countries[]" multiple
                                                           required  class="form-control select-style option">
                                                        @foreach(\App\Models\City::where('type','country')->get() as $country)
                                                            <option value="{{$country->id}}"
                                                                    class="option form-control">{{$country->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">مجال العمل</span>
                                                 <br/>
                                                <span class="validation-color">تبع وزارة الشئون</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select name="category_id" required class="form-control select-style option">

                                                        @foreach($categories as $category)

                                                            <option value="{{$category->id}}"   {{ old('category_id') == $category->id ? 'selected' : '' }}  class="form-control">{{$category->name}}</option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">نظام العمل</span>
                                                 <br/>
                                                <span class="validation-color">نظام العمل</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select name="job_system" required class="form-control select-style option">



                                                        <option value="trainer"   {{ old('job_system') == "trainer" ? 'selected' : '' }} class=" form-control">متدرب</option>
                                                        <option value="contractor" {{ old('job_system') == "contractor" ? 'selected' : '' }} class=" form-control">متعاقد</option>
                                                        <option value="temporary"  {{ old('job_system') == "temporary" ? 'selected' : '' }} class=" form-control">مؤقت</option>
                                                        <option value="full_time"  {{ old('job_system') == "full_time" ? 'selected' : '' }} class=" form-control">دوام كامل</option>
                                                        <option value="remotely"  {{ old('job_system') == "remotely" ? 'selected' : '' }} class=" form-control">عن بعد</option>
                                                        <option value="undefined"   {{ old('job_system') == "undefined" ? 'selected' : '' }} class=" form-control">غير محدد</option>

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group mb-0">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">الراتب الشهرى الأدنى</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">الراتب الشهرى</span>
                                            </label>

                                            <div class="col-sm-8">
                                                <input type="text" required  value="{{old('price')}}" name="price" class="form-control" placeholder="الراتب الشهرى">
                                                <hr>
                                                <input type="text" value="{{old('salary_currency')}}" required name="salary_currency" class="form-control" placeholder="عملة الراتب">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group mb-0">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">الوصف</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">الوصف</span>
                                            </label>

                                            <div class="col-sm-8">
                                                <textarea name="description" required class="form-control">{{old('description')}}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <div class="col-sm-6 mt-20">
                                            <label class="control-label">هذه البيانات مطلوبه ويجب إدخالها (*)</label>
                                        </div>
                                        <div class="col-sm-offset-2 col-sm-4 mt-20">
                                            <button type="submit" style="width:100%" class="btn btn-primary">حفظ</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </form>

                </div>

            </div>
        </div>





        <div class="modal fade text-center" id="myModal2" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content p-0">
                    <div class="modal-header p-0">
                        <section class="global-head global-head__no-border text-center mt-0 p-20">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <article>
                                <h4><strong>بحث متقدم</strong></h4>
                                <p>من فضلك أكمل البيانات من اجل الوصول للوظيفة المرغوب فيها </p>
                            </article>
                        </section>
                    </div>

                    <form method="get" action="{{route('job_filter')}}" enctype="multipart/form-data">
                        <div class="modal-body model-style">
                            <div class="row">
                                <form class="global-form">
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">مكان الوظيفة</span>
                                                 <br/>
                                                <span class="validation-color">يجب تحديد مكان الوظيفة</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select  name="city_id" class="form-control select-style option">
                                                        <option  value="0"  selected  class="option form-control">
                                                            كل ذلك
                                                        </option>
                                                        @foreach($cities as $city)
                                                            <option  {{ old('city_id') == $city->id ? 'selected' : '' }} value="{{$city->id}}" class="option form-control">{{$city->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">مجال العمل</span>
                                                 <br/>
                                                <span class="validation-color">تبع وزارة الشئون</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select name="category_id" class="form-control select-style option">
                                                        <option  selected value="0" class="option form-control">
                                                            كل ذلك

                                                        </option>
                                                        @foreach($categories as $category)

                                                            <option value="{{$category->id}}" {{ old('category_id') == $category->id ? 'selected' : '' }} class="option form-control">{{$category->name}}</option>

                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">نظام العمل</span>
                                                 <br/>
                                                <span class="validation-color">نظام العمل</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select name="job_system" class="form-control select-style option">
                                                        <option value="0" selected  class="option form-control">

                                                            كل ذلك
                                                        </option>


                                                        <option value="trainer"   {{ old('job_system') == "trainer" ? 'selected' : '' }} class=" form-control">متدرب</option>
                                                        <option value="contractor" {{ old('job_system') == "contractor" ? 'selected' : '' }} class=" form-control">متعاقد</option>
                                                        <option value="temporary"  {{ old('job_system') == "temporary" ? 'selected' : '' }} class=" form-control">مؤقت</option>
                                                        <option value="full_time"  {{ old('job_system') == "full_time" ? 'selected' : '' }} class=" form-control">دوام كامل</option>
                                                        <option value="remotely"  {{ old('job_system') == "remotely" ? 'selected' : '' }} class=" form-control">عن بعد</option>
                                                        <option value="undefined"   {{ old('job_system') == "undefined" ? 'selected' : '' }} class=" form-control">غير محدد</option>

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group mb-0">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">الراتب الشهرى الأدنى</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">الراتب الشهرى</span>
                                            </label>

                                            <div class="col-sm-8">
                                                <input type="text"  value="{{old('price')}}" name="price" class="form-control" placeholder="الراتب الشهرى">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group ">
                                        <div class="col-sm-6 mt-20">
                                            <label class="control-label">هذه البيانات مطلوبه ويجب إدخالها (*)</label>
                                        </div>
                                        <div class="col-sm-offset-2 col-sm-4 mt-20">
                                            <button type="submit" style="width:100%" class="btn btn-primary">بحث</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </form>

                </div>

            </div>
        </div>

    </div>
</div>
@include('site.controllers.footer')