@extends('layouts.app')
@section('content')
@php use Illuminate\Support\Str; @endphp

<!-- Header start -->
<!-- Open Graph meta tags -->
@push('meta')
    <meta property="og:title" content="{{ $job->title }}">
    <meta property="og:description" content="{{ Str::limit(strip_tags($job->description), 180) }}">
    <meta property="og:url" content="https://careers.eh.ae/public/job/{{$job->slug}}" />
    <!--<meta property="og:image" content="{{ asset('../images/hiring.jpg') }}" />-->

@endpush



@include('includes.header')
<!-- Header end -->
<!-- Inner Page Title start -->
@include('includes.inner_page_title2', ['page_title'=>__('iRecruitment Portal')])
<!-- Inner Page Title end -->
@php
$company = $job->getCompany();
@endphp
<div class="listpgWraper">
    <div class="container">
        @include('flash::message')
        <!-- Job Header start -->
        <div class="job-header">
            <div class="jobinfo">
                <div class="row">
                  
                    <div class="col-md-6">
                        <h2 class="job-title">{{$job->title}}</h2>
                        {{-- <div class="btext"><strong><span class="loc"><i class="fa fa-map-marker" aria-hidden="true"></i> {{$company->name}}  - {{$job->getCity('city')}}</span></strong>  <strong class="jobTp"><label class=""> <i class="fa fa-hourglass-start" aria-hidden="true"></i> {{$job->getJobType('job_type')}}</label></strong></div> --}}

                    </div>
                    <div class="col-md-2">
                        {{-- <div class="ptext">{{__('Date Posted')}}: {{$job->created_at->format('M d, Y')}}</div> --}}
                        <!--<div class="btext text-right">  <a href="{{route('email.to.friend', $job->slug)}}" class="btn"><img src="../images/send.svg" ></a></div>-->
                    </div>
                    <div class="col-md-4">
                        <div class="jbbtn text-right">
                            @if(Auth::check() && Auth::user()->isAppliedOnJob($job->id))
                            <a href="javascript:;" class="btn apply"><i class="fa fa-paper-plane" aria-hidden="true"></i> {{__('Already Applied')}}</a>
                            @else
                            <a href="{{route('apply.job', $job->slug)}}" class="btn-apply"><i class="fa fa-paper-plane" aria-hidden="true"></i> {{__('Apply Now')}}</a>
                            @endif
                            <a href="https://www.linkedin.com/sharing/share-offsite?mini=true&url=https://careers.eh.ae/public/job/{{$job->slug}}&title={{$job->title}}" class="btn-linkedin" target="_blank" rel="follow"><span class="share-txt">Share</span>  <i class="fa fa-linkedin" aria-hidden="true"></i></a/>

                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-2"></div>
                    <div class="col-md-3"></div>

                </div>
            </div>

        </div>

        <!-- Job Detail start -->
        <div class="row">
            <div class="col-md-8">
                <!-- Job Description start -->
                <div class="job-header">
                    <div class="contentbox">
                        <h3><strong>Job</strong> <span class="light">Description</span></h3>
                        <p>{!! $job->description !!}</p>


                        <h3><strong>Skills</strong> <span class="light">Required</span></h3>
                        <ul class="skillslist">
                            {!!$job->getJobSkillsList()!!}
                        </ul>
                    </div>
                </div>
                <!-- Job Description end -->


            </div>


            <div class="col-md-4">
                <!-- Job Detail start -->
                <div class="job-header">
                    <div class="jobdetail">
                        <h3><strong>Job</strong> <span class="light">Detail</span></h3>
                        <ul class="jbdetail">
                            {{-- <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Location')}}</div>
                                <div class="col-md-8 col-xs-7">
                                    @if((bool)$job->is_freelance)
                                    <span>Freelance</span>
                                    @else
                                    <span>{{$job->getLocation()}}</span>
                                    @endif
                                </div>
                            </li>
                            <li class="row" style="margin-bottom:10px;">
                                <div class="col-md-4 col-xs-5">{{__('Company')}}</div>
                                <div class="col-md-8 col-xs-7"><span class="comp"><a href="{{route('company.detail', $company->id)}}">{{$company->name}}</span></a></div>
                            </li> --}}
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Type')}}</div>
                                <div class="col-md-8 col-xs-7"><span class="permanent">{{$job->getJobType('job_type')}}</span></div>
                            </li>
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Shift')}}</div>
                                <div class="col-md-8 col-xs-7"><span class="freelance">{{$job->getJobShift('job_shift')}}</span></div>
                            </li>
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Career Level')}}</div>
                                <div class="col-md-8 col-xs-7"><span>{{$job->getCareerLevel('career_level')}}</span></div>
                            </li>
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Positions')}}</div>
                                <div class="col-md-8 col-xs-7"><span>{{$job->num_of_positions}}</span></div>
                            </li>
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Experience')}}</div>
                                <div class="col-md-8 col-xs-7"><span>{{$job->getJobExperience('job_experience')}}</span></div>
                            </li>
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Gender')}}</div>
                                <div class="col-md-8 col-xs-7"><span>{{$job->getGender('gender')}}</span></div>
                            </li>
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Degree')}}</div>
                                <div class="col-md-8 col-xs-7"><span>{{$job->getDegreeLevel('degree_level')}}</span></div>
                            </li>
                            <li class="row">
                                <div class="col-md-4 col-xs-5">{{__('Apply Before')}}</div>
                                <div class="col-md-8 col-xs-7"><span>{{$job->expiry_date->format('M d, Y')}}</span></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- Google Map start -->
                {{-- <div class="job-header">
                    <div class="jobdetail">
                        <h3><strong>Google</strong> <span class="light">Map</span></h3>
                        <div class="gmap">
                            {!!$company->map!!}
                        </div>
                    </div>
                </div> --}}
            </div>
        </div>


    </div>



<!-- How it Works start -->
@include('includes.how_it_works')
<!-- How it Works Ends -->

</div>
@include('includes.footer')
@endsection
@push('styles')
<style type="text/css">
    .view_more{display:none !important;}
</style>
@endpush
@push('scripts')
<script>
    $(document).ready(function ($) {
        $("form").submit(function () {
            $(this).find(":input").filter(function () {
                return !this.value;
            }).attr("disabled", "disabled");
            return true;
        });
        $("form").find(":input").prop("disabled", false);

        $(".view_more_ul").each(function () {
            if ($(this).height() > 100)
            {
                $(this).css('height', 100);
                $(this).css('overflow', 'hidden');
                //alert($( this ).next());
                $(this).next().removeClass('view_more');
            }
        });



    });
</script>
@endpush