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

        <div class="col-md-8">
            <section class="global-head">
                <article>
                    <h4>
                        <strong class="three-dots">تفاصيل الوظيفة
                            @if(\Auth::check())
                                @if(\Auth::user()->type == 'company' && \Auth::user()->company_details->id == $row->company_id  )

                                    <div class="dropdown">
                                        <button class="btn  dropdown-toggle pt-9" type="button" data-toggle="dropdown">
                                            <i class="fa fa-ellipsis-h color-gray"></i>
                                        </button>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a class=" l-h-25" href="{{route('edit_job', $row->id)}}">
                                                    <i class="fa fa-pencil px-5"></i>
                                                    تعديل الوظيفة
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#delete" data-toggle="modal" data-target="#delete"
                                                   class="is-favorite l-h-25 ">
                                                    <i class="fa fa-trash px-5"></i>
                                                    حذف الوظيفة
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                @endif
                            @endif
                        </strong>
                    </h4>
                    {{--                    <p>من فضلك أكمل البيانات المطلوبة فى الموقع للحصول على معلومات أكثرمن فضلك أكمل البيانات المطلوبة فى--}}
                    {{--                        الموقع للحصول على معلومات أكثرمن فضلك أكمل البيانات المطلوبة فى الموقع للحصول على معلومات--}}
                    {{--                        أكثر</p>--}}
                </article>
            </section>

            <!-- تفاصيل الوظيفه -->
            <section class="product-card">
                <div class="row">
                    <div class="col-sm-12">
                        <h4><strong>{{$row->title}}</strong></h4>

                        <p><span class="size-10 color-gray size-color">{{$row->company->company_name}}</span> - <span
                                class="size-10 color-gray">{{$row->company->user->city_id ? $row->company->user->country->name . $row->company->user->city->name : $row->company->user->country->name }}</span>
                        </p>
                        <p class="product-card__p mt-20">
                            {{$row->body}}
                        </p>
                    </div>
                </div>
            </section>
            <section class="applay-job">
                <span>{{$count}}شخص مقدم على هذه الوظيفة </span>
                @if(\Auth::check() && \Auth::user()->type == 'worker')
                    <button type="button" onclick="applied_job({{$row->id}})" class="btn btn-primary" data-toggle="modal"
                            data-target="#myModal">التقديم على الوظيفة
                    </button>
            @endif
            <!-- <button class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">التقديم على الوظيفة</button> -->
            </section>
            <!-- <section class="product-card">
                <div class="row">
                    <div class="col-sm-12">
                        <a href="job-details.php">
                            <h4><strong>مطلوب موظف إدخال بيانات </strong></h4>

                            <p>  <span class="px-10 size-10 color-gray size-color">شركة الماس للمحاسبة</span> - <span class="px-10 size-10 color-gray">السعودية الدمام</span> </p>
                            <p class="product-card__p mb-20">هذا النص مثال يمكن أن يستبدل هذا النص مثال يمكن أن يستبدهذا النص مثال يمكن أن يستبدل هذا النص مثال يمكن أن يستبدل</p>
                        </a>
                    </div>
                </div>
                    <div class="applay-job">
                        <span>30شخص مقدم على هذه الوظيفة </span>
                        <button class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">التقديم على الوظيفة</button>
                    </div>
            </section> -->
            <!-- مطلبات الوظيفة -->
            <div class="job-requrements">
                <section class="global-head">
                    <article>
                        <h4>
                            <strong>متطلبات الوظيفة</strong>
                        </h4>
                    </article>
                </section>
                <ul class="lists-table">
                    <div class="row">
                        <div class="col-sm-6 st">
                            <li>المجال : <span>{{$row->category->name}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>الدرجة العلمة : <span>{{$row->education->name}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>الجنسية : <span>{{$row->nationality->name}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>المدينة : <span>{{$row->city->name}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>النوع : <span>{{$row->gender == 'male' ? 'ذكر' : 'انثي' }}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>الكادر الوظيفى : <span>{{$exp[$row->prefer_exp]}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>عدد سنوات الخبرة : <span>{{$row->exp_years}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>نظام العمل : <span>{{$system[$row->job_system]}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>الراتب الشهرى : <span>{{$row->salary .' '. $row->salary_currency}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>عدد الوظائف الشاغرة : <span>{{$row->empty_jobs}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>بدل التنقل : <span>{{$row->transfer_salary .' '. $row->transfer_salary_currency}}</span>
                            </li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>فئة التامين الصحي : <span>{{$row->health_allowance .' - '.$row->health_write}}</span>
                            </li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>نوع الاعاقة : <span>{{$row->disability->name}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>مكان الاقامة : <span>{{$row->settledown_country->name}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>تاريخ الالتحاق بالعمل : <span>{{$row->job_start_date}}</span></li>
                        </div>
                        <div class="col-sm-6 st">
                            <li>انتهاء الالتحاق بالعمل : <span>{{$row->end_date}}</span></li>
                        </div>
                    </div>
                </ul>

            </div>

            <div class="job-requrements">
                <section class="global-head">
                    <article>
                        <h4><strong>المهارات المطلوبه</strong></h4>
                    </article>
                </section>
                <div class="body-content">
                    <ul>
                        {{--                        <li class="span-style">--}}
                        {{--                            <span><a href="#" class="close-item remove"></a>إدارة محاسبة</span>--}}
                        {{--                        </li> --}}
                        <li class="span-style">
                            <span>{{$row->skills}}</span>
                        </li>

                    </ul>
                </div>

            </div>

        </div>

        <!-- side information -->
        <div class="col-md-4 col-sm-5">
            <div class="sideprofile">
                <section class="global-head ">
                    <article class="text-center">
                        <p class="sercher-work"><span>صاحب عمل </span></p>
                        <img style="height: 90px; width: 90px;" src="{{$row->company->user->image}}" alt="">
                    </article>
                </section>
                <div class="text-center edit-pro">
                    <strong>{{$row->company->company_name}}</strong>
                </div>
                <!-- detailes -->
                <ul>
                    <li class=" padingstyle "><span class="color-gray"> المجال</span> <span
                            class="color-primary">{{$row->company->user->category->name }}</span>
                    </li>
                    @if($row->company->user->sub_category_id)
                        <li class=" padingstyle "><span class="color-gray">نوع المجال</span> <span
                                class="color-primary">{{$row->company->user->sub_category->name}}</span>
                        </li>
                    @endif
                    <li class="active padingstyle block text-center"><a
                            href="{{route('company_details', $row->company->user->id)}}" class="basic-link">
                            مشاهدة المزيد</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>
        </div>


        <!-- Modal -->
        <div class="modal fade text-center" id="myModal" 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 success-area text-center">
                        <!-- الديزاينر مكسح مجبش الصور مظبوط -->
                        <!-- <i class="fa fa-check-circle-o"></i> -->
                        <img src="{{asset('site/images/confirm.svg')}}" alt="">
                        <h4>تم إرسال طلبك على الوظيفه</h4>
                        <a href="{{route('worker_home')}}">الصفحة الرئيسية</a>
                    </div>
                </div>

            </div>
        </div>
        <!-- delete modal -->
        <div class="modal fade text-center" id="delete" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content delete-modal 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">
                        <div class="row">

                            <div class="col-sm-6">
                                <form action="{{route('delete_job', $row->id)}}" method="post">
                                    {{csrf_field()}}

                                    <button class="delete-btn">حذف</button>
                                </form>

                            </div>
                            <div class="col-sm-6">
                                <button class="withdraw-btn">تراجع</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('site.controllers.footer')