@extends('frontend.layouts.app')

@section('content')

@if( isset( $module->module_banner_image ) )

@php $bannerImage = asset('module-banner/'.$module->module_banner_image); @endphp

<style type="text/css">
  .inner-banner-section
  {
    background-image:url("{{$bannerImage}}");
  }
</style>

@endif
 <!-- Banner Section Start -->
<div class="inner-banner-section">
  <div class="inner-banner-content">
    <div class="page-name">
      <p>Help Wanted</p>
    </div>
    <div class="breadcrumb">
      <ul>
        <li><a href="{{route('home.index')}}">Home</a></li>
        <li><a class="active">Help Wanted</a></li>
      </ul>
    </div>
  </div>
</div>
  <!-- Banner Section End -->


<!-- Business page Section Start -->

<div class="business-list-page-section">



  <div class="container">

    <div class="row">

      <div class="col-lg-4 col-md-5">

        <div class="search-box">

          <form action="{{ route('directory.category.list',$module->slug) }}">

            <div class="input-group">

              <input type="text" class="form-control" placeholder="Search Job by title" aria-label="" aria-describedby="basic-addon2" name="job_title" value="{{ $_GET['job_title'] ?? '' }}">

              <div class="input-group-append">

                <button class="btn btn-outline-secondary" type="button"><i class="fas fa-search"></i></button>

              </div>

            </div>

          </form>

        </div>

        <div class="business-list-sidebar">

          <div id="accordion">

            <div class="card">

              <div class="card-header" id="headingOne">

                <h5 class="mb-0">

                  <button class="btn btn-link" data-toggle="collapse" data-target="#category" aria-expanded="true" aria-controls="category">

                    Jobs

                  </button>

                </h5>

              </div>

              <div id="category" class="collapse show" aria-labelledby="headingOne">

                <div class="card-body">

                  <ul>

                     @if( isset( $jobCategories ) )
                      @foreach( $jobCategories  as $categ)
                        @php $jobCount = \App\Models\AdBusiness::where('category_id',$categ->id)->where('module_id',8)->where('status',1)->whereDate('expiry_date','>=',date('Y-m-d'))->get();@endphp
                        <li>
                          <a href="{{ route('help-wanted.job-category.list',$categ->slug) }}" class="btn btn-link">
                            <i class="fa fa-angle-double-right"></i> {{ $categ->title }} <span>{{ count( $jobCount ) }}</span>
                          </a>
                        </li>
                      @endforeach
                    @endif

                  </ul>

                </div>

              </div>

            </div>

          </div>

        </div>

        <div class="business-list-sidebar">
          <div id="accordion">
            <div class="card">
              <div class="card-header" id="headingOne">
                <h5 class="mb-0">
                  <button class="btn btn-link" data-toggle="collapse" data-target="#JobType" aria-expanded="true" aria-controls="JobType">
                    Job Type
                  </button>
                </h5>
              </div>
              <div id="JobType" class="collapse show" aria-labelledby="headingOne">
                <div class="card-body">
                  <ul>
                    @if( isset( $jobTypes ) )
                      @foreach( $jobTypes  as $type)
                        @php $jobCount = \App\Models\AdBusiness::where('job_type',$type->id)->where('module_id',8)->where('status',1)->whereDate('expiry_date','>=',date('Y-m-d'))->get(); @endphp
                        <li>
                          <a href="{{ route('help-wanted.job-type.list',$type->slug) }}" class="btn btn-link">
                            <i class="fa fa-angle-double-right"></i> {{ $type->title }} <span>{{ count( $jobCount ) }}</span>
                          </a>
                        </li>
                      @endforeach
                    @endif

                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>

      <div class="col-lg-8 col-md-7">

        <div class="business-list-content">

         @if( isset( $jobs ) && count($jobs) > 0)
          @foreach( $jobs as $job )

          <div class="business-list-content-box">
           
          <div class="row rowcenter">

            <div class="col-lg-4 col-md-12">
              <div class="features-ads__item"> 
                @if( isset(  $job->featured_image ) && file_exists( public_path( 'help-wanted'.'/'.$job->featured_image ) ) )

                <div class="image">

                  <img src="{{asset('help-wanted/'.$job->featured_image)}}">

                </div>

                @else

                <div class="image">

                  <img src="{{asset('frontend/image/placeholder.jpg')}}" alt="{{$job->title}}">

                </div>

                @endif


              </div>
            </div>

            <div class="col-lg-8 col-md-12">

              <div class="content">

                <div class="row">

                  <div class="title">

                    @php 

                      $category = \App\Models\AdCategory::find( $job->category_id );

                    @endphp

                    <h2><a href="{{ route('help-wanted.detail',$job->slug) }}">{{$job->title}}</a></h2>

               

                     <a href="{{ route('help-wanted.detail',$job->slug) }}" style="color:red;"><strong> Apply Before: </strong> {!! date( 'd/m/Y', strtotime( $job->expiry_date ) ) !!}</a>

                  </div>


              </div>

                   <div class="row number-email">

                    <div class="col-lg-12 col-md-12">

                      <div class="number">

                        <p><i class="fas fa-mobile-alt"></i> {{ $job->phone ?? ''}} </p>

                      </div>

                    </div>

                    <div class="col-lg-12 col-md-12">

                      <div class="email">

                        <p><i class="fas fa-envelope"></i>  {{ $job->email ?? '' }} </p>

                      </div>

                    </div>

                  </div>

                  <div class="row">

                  

                    <div class="col-lg-6 col-md-12 right social-share">



                      <ul>



                        <li>

                          <a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Add this item to favorites" class="addToFavorite" data-slug="{{$job->slug}}">

                            <i class="fas fa-heart"></i>

                          </a>

                        </li>



                      </ul>



                    </div>



                  </div>



                </div>



              </div>



            </div>



          </div>



          @endforeach

            @else




          <section class="notfound-block">

            <div class="container">

              <div class="not-found__inner">

                <figure class="not-found__img">

                  <img src="{{asset('payment/product-not-found.png')}}" class="img-fluid" alt="Product Not Found Images">

                </figure>

                <div class="not-found__content">

                  <h2>Product not Available!</h2>

                  <p>The jobs you are looking for was not found.</p>

                  <div class="go-home"><a href="{{route('home.index')}}">Got To Home</a></div>

                </div>

              </div>

            </div>

          </section>



          @endif

      
          {!!$jobs->links()!!}

         

        </div>

      </div>

    </div>

  </div>
</div>

<!-- Business Page Section End -->
@include('frontend.ads.modal.favorite')
@include('frontend.ads.modal.login')
@endsection


@section('scripts')
@include('frontend.ads.js.login-js')
@include('frontend.ads.js.favorite-js')

@endsection