@extends('frontend.layouts.web')
@section('content')
<div class="job-detail-wrapper">
  <div class="container">
    <div class="row  mt-5 mb-5">
      <h3>{{$CareerJobDetail->designation}}</h3>
      <div class="col-lg-9 col-md-12">
        {{-- short detail with icon  --}}
        <div class="row mt-2">
          <div class="col-lg-4 col-md-6">
            <i class="fa fa-map-marker mr-1 career-apply"></i>
            <p class="apply-features">
              @if($CareerJobDetail->campus == 'Sargodha Road University Town, Faisalabad')
                Health Science
              @elseif($CareerJobDetail->campus == 'West Canal Road, Faisal Town')
                Engineering
              @else
                Health Science | Engineering
              @endif
            </p>
          </div>
          <div class="col-lg-2 col-md-6">
            <i class="fa fa-briefcase mr-1 career-apply"></i>
            <p class="apply-features"> {{$CareerJobDetail->job_type}} </p>
          </div>
          <div class="col-lg-3 col-md-6">
            <i class="fa fa-clock-o mr-1 career-apply"></i>
            <p class="apply-features">{{ Carbon\Carbon::parse($CareerJobDetail->created_at)->diffForHumans()}}</p>
          </div>
          <div class="col-lg-3 col-md-6">
            <i class="fa fa-university mr-1 career-apply"></i>
            <p class="apply-features">
                @foreach($jobDepartment as $dptName)
                  @if($dptName->id == $CareerJobDetail->dpt_id)
                    {{$dptName->name}}
                  @endif
              @endforeach
            </p>
          </div>
        </div>
        {{-- short detail with table  --}}
        <div class="table-detail mt-5 text-center table-responsive">
          <table class="table table-bordered">
            <tbody>
              <tr>
                <td>
                  <p>Salary</p>
                  <h5>{{$CareerJobDetail->salary}}</h5>
                </td>
                <td >
                  <p>Shift</p>
                  <h5>{{$CareerJobDetail->job_type}}</h5>
                </td>
                <td>
                  <p>Qualifications</p>
                  @if(isset($CareerJobDetail['jobQua']['name']))
                    <h5>{{$CareerJobDetail['jobQua']['name']}}</h5>  
                  @endif                  
                </td>
              </tr>
              <tr>
                <td>
                  <p>Nonumber of Vacancies</p>
                  <h5>{{$CareerJobDetail->job_type}}</h5>
                </td>
                <td>
                  <p>Experience</p>
                  <h5>{{$CareerJobDetail->experience}}</h5>
                </td>
                <td>
                  <p>Job Level</p>
                  <h5>{{$CareerJobDetail->job_level}}</h5>               
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        {{-- short detail with description  --}}
        <div class="description mt-5">
            <h3 class="mb-3">Job Description</h3>
            @foreach($jobJD as $jd)
              @if($jd->id == "$CareerJobDetail->jobjd_id" )
                  {!! $jd->job_description !!}
              @endif
            @endforeach
            <div class="requirement">
              <h3>Job Requirements</h3>
              @foreach($jobJD as $jd)
                @if($jd->id == "$CareerJobDetail->jobjd_id" )
                    {{$jd->requirement}}
                @endif
              @endforeach
            </div>
        </div>
      </div>
      <div class="col-lg-3 sidebar-detail">
        <div class="row green-side pt-3 pb-3 mb-4" >
          <div class="col-md-3 clock-side text-center">
            <i class="fa fa-clock-o" aria-hidden="true"></i>
          </div>
          <div class="col-md-9 p-0">
            <p class="text-light mb-2 job-pera">Deadline</p>
            <h6 class="text-light job-pera">{{date('F d, Y', strtotime($CareerJobDetail->end_date)) }}</h6>
          </div>
        </div>
        {{-- green box start here --}}
        <div class="text-center">
          @if($CareerJobDetail->end_date >= date('Y-m-d') )
            <a href="{{route('ApplyNow', $CareerJobDetail->slug)}}" target="_blank">
            <button type="button" class="btn btn-secondary border-0 text-dark pl-5 pr-5 " style="background-color:var(--yellow);width: 100%; !important;"><b>Apply now</b></button>
          @else
          <button type="button" class="btn btn-danger border-0 text-white pl-5 pr-5 " style="padding-right: 6.4rem !important;padding-left: 6.4rem !important;"><b>Closed</b></button>
          @endif
          </a>
        </div>
        <div class="quick-career-box mt-5 p-3">
          <h5 class="widget-title">QUICK CAREER TIPS</h5>
          @foreach($CareerTips as $tips)
            <div class="three-phase mt-4">
              <span><a href="{{route('career-tips-detail.show',$tips->slug)}}" class="text-dark">{{$tips->title}}</a></span>
              <img src="{{URL('/')}}/frontend/images/career/careertips/{{$tips->image}}" class="py-2" alt="...">
              <br><span class="date">{{date('M d, Y', strtotime($tips->created_at)) }}</span>
            </div>
          @endforeach
        </div>
      </div>
      {{-- side bar end here  --}}
    </div>
  </div>
</div>
@endsection