@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>

            @foreach($jobs as $job)
                @include('site.controllers.product')
            @endforeach

        </div>


        <!-- Modal -->
        <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>
                                                <span class="is-required">*</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 value="{{$city->id}}" {{ old('city_id') == $city->id ? 'selected' : '' }}  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>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">تبع وزارة الشئون</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select class="form-control select-style option">
                                                        <option  selected value="0" class="option form-control">
                                                            كل ذلك

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

                                                            <option {{ old('category_id') == $category->id ? 'selected' : '' }} value="{{$category->id}}" 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>
                                                <span class="is-required">*</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"  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')