@include('site.controllers.header')

<div class="container mb-60">
    <div class="row">

        <div class="col-md-8">
            <div class="row">
                <div class="col-md-10 px-0">
                    <section class="mt-20">
                        <form action="{{route('job_search')}}" method="get">
                            <div class="input-group">
                                <input type="text" name="preferred_job_title" 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>
                        </form>

                    </section>
                </div>
                <div class="col-md-2 text-center">
                    <a href="#myModal2">
                        <a href="{{route('employees_search_page')}}" class="btn basic-btn mt-20" width="100%">بحث متقدم
                        </a>
                    </a>
                </div>
            </div>
            <section class="global-head">
                <article>
                    <h4><strong>مرحبا, أستكشف المزيد من الباحثين عن عمل </strong></h4>
                    <p>مثال لنص يمكن استبداله</p>
                </article>
            </section>
            @foreach($rows as $job)
                @include('site.controllers.preferred_product')
            @endforeach

            <div style="text-align: center">
                {{$rows->links()}}
            </div>
        </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 style="height: 70px; width: 70px;" src="{{\Auth::user()->image}}" alt="">
                        <h5>{{\Auth::user()->company_details->company_name}}</h5>
                        @if(\Auth::user()->sub_category_id)
                            <p>{{\Auth::user()->category->name }} {{ \Auth::user()->sub_category->name}}</p>
                        @else
                            <p>{{\Auth::user()->category->name}}</p>
                        @endif
                    </article>
                </section>
                @if(Auth::user()->type == 'company')
                    <div class="text-center edit-pro">
                        <a href="{{route('update_profile', \Auth::user()->id)}}"><strong>تعديل البيانات الشخصية</strong></a>
                    </div>
            @endif
            <!-- detailes -->
                <ul>
                    <li class="active padingstyle"><span> المجال </span><span
                            class="color-gray">{{\Auth::user()->category->name }}</span></li>
                    @if(\Auth::user()->sub_category_id)
                        <li class="active padingstyle"><span> نوع المجال </span><span
                                class="color-gray">{{\Auth::user()->sub_category->name}}</span>
                        </li>
                    @endif
                    <li class="text-center mt-20"><a href="{{route('company_details', \Auth::user()->id)}}">مشاهدة
                            المزيد</a></li>
                </ul>

                <!-- <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>
            @if (\Auth::user()->company_details->vip == 'true' && \Carbon\Carbon::now() <= \Carbon\Carbon::parse(\Auth::user()->company_details->end_vip))
                @php
                    $job_count = \App\Models\Job::where('company_id', \Auth::user()->company_details->id)->whereBetween('created_at', [\Auth::user()->company_details->start_vip, \Auth::user()->company_details->end_vip])->count();
                    $number_ad = \Auth::user()->current_subscription->ad_numbers;
                @endphp
                @if ($job_count < $number_ad)
                    <div class="add-job text-center mt-30">
                        <img src="images/job.jpeg" height="40px" alt="">
                        @if(\App\Models\Job::where('company_id', \Auth::user()->company_details->id)->count() == 0)
                            <h5 class="mb-0"><strong>لم تضف اى وظائف حتى الان</strong></h5>
                        @else
                            <h5 class="mb-0"><strong>اضف المزيد من الوظائف</strong></h5>
                        @endif
                        <p class="color-gray mb-20"><small>أضف الوظيفه المناسبه لاحتباجك</small></p>
                        <a href="{{route('add_job')}}" class="bordered-btn">وظيفه جديده</a>
                    </div>
                @endif
            @endif
        </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>
                    <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 class="form-control select-style">
                                                    <option value="" selected disabled class="option form-control">اختر
                                                        مكان الوظيفة
                                                    </option>
                                                    <option class="option form-control">2</option>
                                                    <option class="option form-control">3</option>
                                                    <option class="option form-control">4</option>
                                                </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 value="" selected disabled class="option form-control">
                                                        المحاسبة
                                                    </option>
                                                    <option class="option form-control">2</option>
                                                    <option class="option form-control">3</option>
                                                    <option class="option form-control">4</option>
                                                </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 value="" selected disabled class="option form-control">
                                                        متدرب
                                                    </option>
                                                    <option class="option form-control">2</option>
                                                    <option class="option form-control">3</option>
                                                    <option class="option form-control">4</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" 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>
                </div>

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

@include('site.controllers.footer')