@extends('layouts.app')
@section('content')
@section('styles')
<style>
  .pagination-arrows {
    margin: 0 auto;
    display: table;
  }

  .page-link {
    color: red;
  }

  .page-item.active .page-link {
    background-color: red;
    border-color: red;
  }

  .page-link:hover {
    z-index: 2;
    color: red;
  }
</style>
@endsection
<section class="employerSec jobSearchSec">
  <div class="container">
    <div class="row">
      <div class="col-md-12 mb-5">
        <h2 class="sec_heading">Jobs</h2>
      </div>
    </div>
    <form class="formStyle row align-items-end">
      <div class="col-md-5">
        <label for="">keywords *</label>
        <input type="text" name="keyword" class="form-control" placeholder="job title and advanced search">
      </div>
      <div class="col-md-5">
        <label for="">Location *</label>
        <input type="text" name="city" class="form-control" placeholder="city, state or zip code">
      </div>
      <div class="col-md-2">
        <button class="themeBtn">Find Jobs</button>
      </div>
      <div class="col-md-12">
        <h4 class="advanceSerch">[ + ] Advanced Search</h4>
        <h3>Counties</h3>
        <ul class="countiesList">
{{--          @foreach($stateModel as $state)--}}
{{--          <li><label for=""><input type="checkbox" name="state[]" value="{{ $state->id }}">{{$state->name}}</label></li>--}}
{{--          @endforeach--}}
              @forelse($counties as $county)
                  <li>
                      <label for="">
                          <input type="checkbox" name="state[]" value="{{ $county->id }}">
                          {{ $county->name }}
                      </label>
                  </li>
                @empty
                <li>No county found.</li>
              @endforelse
        </ul>
      </div>
    </form>
    {{-- @dd(request()->state ?  implode(',',request()->state) : false) --}}
    <div class="row">
      <div class="col-md-12 mt-5">
        <a href="{{ url('/save/jobalert').'?'.'keyword='.request()->keyword.'&city='.request()->city.'&state='}}{{ request()->state ? implode(',',request()->state):'' }}" class="linkStyle">Save this Search as an Alert</a>
      </div>
      <div class="col-md-12 mt-5">
        @foreach($jobModel as $job)

        <div class="bilingTracher">
          <div class="left">
            <a class="form-forgot" href="{{'/job-details/'.$job->id}}"><h4>{{ $job->title }}</h4></a>
            <p>{{ $job->employer->company_name }} - {{ $job->city->name }} - {{
              date('d/m/Y',strtotime($job->created_at)) }}</p>
            <ul class="share">
              <li>Share:</li>
              <li><span class="fb"><i class="fab fa-facebook-f"></i></span></li>
              <li><span class="twitr"><i class="fab fa-twitter"></i></span></li>
              <li><span class="linkedin"><i class="fab fa-linkedin-in"></i></span></li>
              <li><span class="envp"><i class="fa fa-envelope"></i></span></li>
              <li>Save:</li>
              <li><a href="javascript:void(0)" data-id="{{ $job->id }}" class="favourite"><span class="star"><i
                      class="fa fa-star"></i></span></a></li>
            </ul>
          </div>
          <div class="right"><img src="{{ asset('assets/web/images/img35.jpg') }}" alt=""></div>
        </div>
        @endforeach
      </div>
      <div class="pagination-arrows">{{ $jobModel->links() }}</div>
    </div>
  </div>
</section>
@endsection
@section('scripts')
<script>
  $(document).on('click','.favourite',function(e){
        var id = $(this).data('id');
        _ajax.post('/add/favourite-job',{job_id:id},function(response){
            if(response.success){
                    alert(response.message);
            }
        });
    });

</script>
@endsection