@extends('frontend.layouts.web')
@section('content')

<div class="career-portal-wrapper">
  <div class="portal-background">
    <div class="container pt-5 pb-5">
      <div class="row" >
        <div class="col-md-12 banner-text">
          <h2 class="career-color pt-3 display-moblie Cyellow" >Building Careers</h2> 
          <h3 class="text-white  display-moblie" > Leading to Success</h3> 
        </div>
      </div>
    </div>
  </div>
  <div class="container">
        {{-- search bar start here --}}
      <div class="top-header-wrapper">
        <form action="{{route('careers_dept')}}" method="post" class="form">
          @csrf
          <div class="row header-search">

            <div class="col-md-3">
              <div class="form-group">
                <label for="location"></label>
                <input type="text" name="keyword" id="keyword" class="form-control" placeholder="Job title or Keyword">
                <div class="career-keyword">
                </div>
              </div>
            </div>

            <div class="col-md-3">
              <div class="form-group">
                <label for="campus"></label>
                <select name="campus" class="form-control" value="" >
                  <option value=""  placeholder="Job title or Keyword">Select Job Location</option>
                  <option value="Sargodha Road University Town, Faisalabad|West Canal Road, Faisal Town">Both</option>
                  <option value="Sargodha Road University Town, Faisalabad">Health Sciences Wing</option>
                  <option  value="West Canal Road, Faisal Town">Engineering Wing</option>
                </select>
              </div>
            </div>

            <div class="col-md-3 ">
              <div class="form-group">
                <label for="dpt_id"></label>
                <select name="dpt_id" class="form-control" id="dpt_id" value="" >
                  <option value="0">Select Category</option>
                  @foreach($jobDepartment as $dpt)
                  <option value="{{$dpt->id}}">{{$dpt->name}}</option>
                  @endforeach
                </select>
              </div>
            </div>   

            <div class="col-md-3 ">
              <div class="form-group"><br>
                <button type="submit" class="btn btn-primary border-0 text-dark">Search</button>
              </div>
            </div> 

          </div>
        </form>
      </div>
        {{-- search bar end here  --}}
  </div>
  {{-- counter start here  --}}
  <section class="counts-section mt-4">
    <div class="py-5 counter-bg-head">
      <div class="container wrapper-counter-second">
        <div class="col-lg-12 col-12">
            <div class="row justify-content-center">
              <div class="col-sm-3 col-6 short-counter text-center"><!--col starts here -->
                <i class="fa fa-briefcase career-count" aria-hidden="true"></i>
                <div class="service-icon">
                  <h2 class="counter">{{$jobCount}}</h2>
                  <p class="Cyellow">NUMBERS OF JOBS</p>
                </div>
              </div><!-- col ends here -->
              <div class="col-sm-3 col-6 short-counter text-center"><!--col starts here -->
                <div class="service-icon">
                  <i class="fa fa-id-card career-count" aria-hidden="true"></i>
                  <h2 class="counter">{{$careerInfoCount}}</h2>
                  <p class="Cyellow">ALL APPLICATIONS</p>
                </div>
              </div><!-- col ends here -->
              <div class="col-sm-3 col-6 short-counter text-center"><!--col starts here -->
                <div class="service-icon">
                  <i class="fa fa-users career-count" aria-hidden="true"></i>
                  <h2 class="counter">{{$seatCount}}</h2>
                  <p class="Cyellow">VACANCIES</p>
                </div>
              </div><!-- col ends here -->
              <div class="col-sm-3 col-6 short-counter text-center"><!--col starts here -->
                <div class="service-icon">
                  <i class="fa fa-list-ul career-count" aria-hidden="true"></i>
                  <h2 class="counter">{{$departmentCount}}</h2>
                  <p>ALL CATEGORIES</p>
                </div>
              </div><!-- col ends here -->
            </div> {{--  row end here  --}}
          </div>
      </div>
    </div>
  </section>
  {{-- counter end here  --}}
  {{-- jobs and vacancies start here  --}}
  <section>
    <div class="container">
      <div class="row pt-5 pb-5">
        <div class="tittle text-center mb-3">
          <h2 class="darkGreen">Jobs & vacancies</h2>
        </div>
          {{-- =====accordion start here=== --}}
        <div class="col-md-3 pb-5">
          <div class="filter ms-1">
            <i class="fa fa-sliders"></i>
            <p class="d-inline ms-1 Cyellow">Filter</p>
          </div>
          @include('frontend.layouts.sidebar')
        </div>
        {{-- =====accordion end here=== --}}
        {{-- ====job detail start here ==== --}}
        {{-- {{dd(empty($Jobposts))}} --}}
        <div class="col-md-9">
          @if(count($Jobposts) > 0)
            @foreach ($Jobposts as $Jobs)
              <div class="row mb-5">
                <div class="col-md-9 mb-5">
                  <div class="job-repeat">
                    <h4>{{$Jobs->designation}}</h4>
                    <div class="row">
                      <div class="col-lg-4 col-md-6">
                        <i class="fa fa-calendar mr-1 career-apply"></i>
                        <p class="apply-features">{{date('d/m/Y', strtotime($Jobs->start_date)) }} - {{date('d/m/Y', strtotime($Jobs->end_date)) }}</p>
                      </div>
                      <div class="col-lg-4 col-md-6">
                        <i class="fa fa-map-marker mr-1 career-apply"></i>
                        <p class="apply-features"> 
                          @if($Jobs->campus == 'Sargodha Road University Town, Faisalabad')
                            Health Science
                          @elseif($Jobs->campus == 'West Canal Road, Faisal Town')
                            Engineering
                          @else
                            Health Science | Engineering
                          @endif
                        </p>
                      </div>
                      <div class="col-lg-4 col-md-6">
                        <i class="fa fa-clock-o mr-1 career-apply"></i>
                        <p class="apply-features">{{ Carbon\Carbon::parse($Jobs->created_at)->diffForHumans()}} </p>
                      </div>
                    </div>
                    <p class="text-justify">
                      {!! $Jobs->short_detail !!}
                    </p>
                    <div class="row single-job">
                      <div class="col-3">
                        <div class="single-job-detail">
                          <i class="fa fa-briefcase career-apply" aria-hidden="true"></i>
                          <p class="apply-features">{{$Jobs->job_type}}</p>
                        </div>
                      </div>
                      <div class="col-3">
                        <div class="single-job-detail">
                          <i class="fa fa-users career-apply" aria-hidden="true"></i>
                          <p class="apply-features">{{$Jobs->gender}}</p>
                        </div>
                      </div>
                      <div class="col-6">
                        <div class="single-job-detail">
                          <i class="fa fa-university  career-apply"></i>
                          <p class="apply-features">
                            @foreach($jobDepartment as $dptName)
                              @if($dptName->id == $Jobs->dpt_id)
                                {{$dptName->name}}
                              @endif
                            @endforeach
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                @if($Jobs->end_date >= date('Y-m-d') )
                  <div class="col-md-3 pt-5 pb-5 m-auto text-center">
                    <a href="{{route('CareerDetail',$Jobs->slug)}}" target="_blank">
                    <button type="button" class="apply-button btn border-0 text-dark pl-5 pr-5"><b>Apply</b></button>
                    </a>
                  </div>
                @else
                  <div class="col-md-3 pt-5 pb-5 m-auto text-center">
                    <button type="button" class="btn btn-danger btn border-0 text-white pl-5 w-50 pr-5"><b>Closed</b></button>
                  </div>                
                @endif
              </div>
            @endforeach
          @else
            <h4 class="text-center mt-5">No Jobs Found</h4> 
          @endif
          <div class="row">
            <div class="col-md-12 career-pagination">
              {{ $Jobposts->links() }}
            </div>
          </div>
          
        </div>
        {{-- ====job detail end here ==== --}}  
      </div>
      {{-- career tips start here --}}
      <div class="row">
        <div class="tip-card-wrapper">
          <div class="message-text text-center mb-5">
            <h2 class="darkGreen">QUICK CAREER TIPS</h2>
          </div>
          <div class="row">
            @foreach($careerTips as $tips)
              <div class="col-lg-4 mt-2 mb-5">
                <div class="card lower_card h-100">
                  <div class="low_card_pic ">
                      <div class="card-img">
                        <img class="card-img-top" src="{{URL('/')}}/frontend/images/career/careertips/{{$tips->image}}" alt="news and events">
                      </div>
                  </div>
                  <div class="card-block mt-3 mb-2 mx-4">
                    <p>{{date('d M Y', strtotime($tips->publish_date)) }}</p>
                    <h5 class="tip-card-title">{{$tips->title}}</h5>
                    <p class="card-text">{{Str::limit($tips->short_description, 150)}}</p>
                      <div class="read-more-fixed mt-0">
                        <div class="read "> 
                          <a href="{{route('career-tips-detail.show',$tips->slug)}}">
                            Read More
                          </a> 
                        </div>
                      </div>
                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </div>
      </div>
      {{-- career tips end here  --}}
    </div>
  </section>
  {{-- jobs and vacancies end here  --}}
</div>
@endsection