@extends('layouts.app')
@section('content') 
@php
$masterData = getMasterData();
@endphp
<!--=================================
  job-list -->
  <section class="bread-section header-inner">
    <div class="container">
      <div class="row">
        <div class="col-lg-3">
        <!--=================================
        left-sidebar -->
          @include('includes.job_list_side_bar_sv',['industries'=>$industries,'segment_arr'=>$segment_arr])

          @if(!empty($keywords_location) && count($keywords_location) > 0)
            <div class="sidebar mt-4">
              <div class="widget">
                <div class="widget-title">
                  <h5>Other jobs in {{$segment_arr['keywords']}}</h5>
                </div>
                <div class="similar-jobs-item widget-box">
                  @foreach($keywords_location as $keywordsLocationValue)
                    <div class="job-list">
                      <h6><a href="{{ route('job.list.indexing', ['keyword',$segment_arr['keywords'],$keywordsLocationValue->city_name]) }}">{!! $keywordsLocationValue->city_name !!}</a></h6>
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          @endif
          @if(!empty($industry_location) && count($industry_location) > 0)
            <div class="sidebar mt-4">
              <div class="widget">
                <div class="widget-title">
                  <h5>Find {!! $segment_arr['industry'] !!} Jobs In</h5>
                </div>
                <div class="similar-jobs-item widget-box">
                  @foreach($industry_location as $industryLocationValue)
                    <div class="job-list">
                      <h6><a href="{{ route('job.list.indexing', ['industry',$segment_arr['industry'],$industryLocationValue->city_name]) }}">{!! $industryLocationValue->city_name !!}</a></h6>
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          @endif
          @if(!empty($location_title) && count($location_title) > 0)
            <div class="sidebar mt-4">
              <div class="widget">
                <div class="widget-title">
                  <h5>Other jobs in {!! $segment_arr['city_name'] !!}</h5>
                </div>
                <div class="similar-jobs-item widget-box">
                  @foreach($location_title as $locationTitleValue)
                    <div class="job-list">
                      <h6><a href="{{ route('job.list.indexing', ['location',$segment_arr['city_name'],$locationTitleValue->title]) }}">{!! $locationTitleValue->title !!}</a></h6>
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          @endif
          @if(!empty($location_company) && count($location_company) > 0)
            <div class="sidebar mt-4">
              <div class="widget">
                <div class="widget-title">
                  <h5>Find {!! $segment_arr['company'] !!} Jobs In</h5>
                </div>
                <div class="similar-jobs-item widget-box">
                  @foreach($location_company as $locationCompanyValue)
                    <div class="job-list">
                      <h6><a href="{{ route('job.list.indexing', ['company',$segment_arr['company'],$locationCompanyValue->city_name]) }}">{!! $locationCompanyValue->city_name !!}</a></h6>
                    </div>
                  @endforeach
                </div>
              </div>
            </div>
          @endif
        </div>

        <div class="col-lg-9">
          <!--=================================
          right-sidebar -->
          @if($total_count == 0)
          <div class="row mb-4">
            <h3>No Jobs Found</h3>
          </div>
          @else
          <div class="row mb-4">
           <div class="col-md-6">
              @if($total_count < $lastNumber)
              <h6 class="mb-0">{{__('joblist.showing')}} : {{ $firstNumber }} - {{ $total_count }} {{__('joblist.of')}} <span class="text-primary">{{$total_count}} {{__('joblist.jobs')}}</span></h6>
              @else
              <h6 class="mb-0">{{__('joblist.showing')}} : {{ $firstNumber }} - {{ $lastNumber }} {{__('joblist.of')}} <span class="text-primary">{{$total_count}} {{__('joblist.jobs')}}</span></h6>
              @endif
            </div>
            <div class="col-md-6">
              <div class="job-filter-tag">
                <ul class="list-unstyled">
                  @if(!empty($segment_arr['search']) || !empty(Request::get('search')))
                  <li><a href="">{{Request::get('search', isset($segment_arr['search'])?$segment_arr['search']:'')}}</a></li>
                  @endif
                  @if(!empty($segment_arr['city_name']) || !empty(Request::get('location')))
                  <li><a href="">{{Request::get('location', isset($segment_arr['city_name'])?$segment_arr['city_name']:'')}}</a></li>
                  @endif
                  <li><a class="filter-clear" href="{{ route('job.list') }}">{{__('joblist.reset_search')}} <i class="fas fa-redo-alt"></i> </a></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="row">
            <!-- job start --> 
            @if(isset($jobs) && count($jobs))

            @foreach($jobs as $job)
            @if(isset($segment_arr['search']) && !empty($segment_arr['search']) && ( isset($segment_arr['city_id'])?$segment_arr['city_id']:settings('other_city_id')))
            @if($loop->index%5 == 0 && $loop->index > 1)
              <div id="signup_job" class="col-12 job-list bg-light" style="justify-content: center;">
                        <div class="text-center signup_job">
                          <h6>Receive job offers before anyone else!
                            <br>Create a Job Alert for {{$segment_arr['search']}}, {{ $segment_arr['city_name'] }}</h6>
                            <h6 class="px-2">
                              <div class="text-success text-center" id="success_res{{$loop->index}}"></div>
                              <div class="text-danger text-center" id="error_res{{$loop->index}}"></div>
                            </h6>
                            <div class="row text-center justify-content-center">
                              <div class="col-auto">
                                <form class="mb-3 mt-3" name="joblist_signup{{$loop->index}}" id="joblist_signup{{$loop->index}}"  method="POST" enctype="multipart/form-data">
                                  <div class="input-group signup">
                                    <input type="text" name="email" id="email{{$loop->index}}" required="required" class="form-control" placeholder="Enter your e-mail address">
                                    <div class="input-group-append">
                                      <button data-id="{{$loop->index}}" class="btn btn-primary btnSendjoblist_Signup" type="button" id="btnSendjoblist_Signup"> <i class="fas fa-user-plus"></i> <b>Activate</b></button>
                                    </div>
                                  </div>
                                  <div class="text-danger" id="emailErr{{$loop->index}}"></div>
                                </form>
                                <p class="pl-0 ml-0 mb-5 "><span>By signing up, you agree to the <a class="internalLink" target="_blank" href="/cms/privacy-policy"><span>Privacy policy</span></a> and <a class="internalLink" target="_blank" href="/cms/terms-of-use"><span>Terms and conditions</span></a> of Careerwallet.</span></p>
                              </div>
                            </div>
                          </div>
                    <hr class="mx-0 px-0">
              </div>
            @endif
            @endif
            <div class="col-12">
              <div class="job-list ">
                <div class="job-list-logo">
                                    @php

                  if(isset($job->company->logo)){
                  $filename =  'assets/media/admin/company_logo/'.$job->company->logo;
                  $isExists = Storage::disk('public')->exists($filename);
                  } 
                  @endphp
                 
                  @if(isset($job->company->logo) && $job->company->logo!="" && $isExists)
                  <img class="img-fluid" src="{{asset('/storage/assets/media/admin/company_logo/').'/'.$job->company->logo}}" alt="{{$job->company_name}}" title="{{$job->company_name}}">
                  @else
                  <img class="img-fluid" src="{{asset('/themes/Jobber/')}}/company_logos/no-image.png" alt="{{$job->company_name}}" title="{{$job->company_name}}">
                  @endif
                </div>
                <div class="job-list-details w-75">
                  <div class="job-list-info">
                    <div class="job-list-title">
											<h5 class="mb-0">{!! getJobTitleLink($job); !!}</h5>
                    </div>

                    <div class="job-list-option">
                      <ul class="list-unstyled">
                       @if($job->company_name)
                       <li> 
                        <span>via</span> 
                       
                          {{str_limit(strip_tags($job->company_name), 100, '...')}}
                       
                        </li>
                       @endif

                       @if(isset($job->city_id) && $job->city_id)
                       <li>
                        <i class="fas fa-map-marker-alt pe-1"></i>{{ getCityNameById($masterData['cityList'],$job->city_id) }}
                       </li>
                       @endif

                      @if(isset($job->jobType) && $job->jobType)
                      <li>
                        <i class="fas fa-filter pe-1"></i>{{$job->jobType->job_type}}
                      </li>
                      @endif

                      @if (\Auth::user() && \Auth::user()->hasRole('super admin'))
                      <li>
                        <a class="freelance" href="#">
                          <i class="fas fa-suitcase pe-1"></i>Feed ID: {{$job->feed_id}} </a>
                      </li>
                      <li>
                        <a class="freelance" href="#">
                          <i class="fas fa-suitcase pe-1"></i>Job ID: {{$job->_id}} </a>
                      </li>
                      @endif

                      </ul>
                        @if($job->description)<p><i class="fas fa-suitcase pe-1"></i>{{str_limit(strip_tags($job->description), 150, '...')}}</p>@endif
                    </div>
                  </div>
                </div>
                <div class="d-flex align-items-end flex-column bd-highlight ms-auto row"> 
                  <a target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-dark m-1 p-2 bd-highlight" href="{{route('job.detail', [$job->slug])}}">{{__('joblist.read_more')}}</a>

                  {!! getApplyNowLink($job); !!}
                 
                </div>
                  
              </div>
            </div>
            <!-- job end -->
            @endforeach
            @endif
          </div>
          <div class="row">
            <div class="col-12 text-center mt-4 mt-md-5">
              @if(isset($jobs) && count($jobs))
                
                <nav>
                  <ul class="pagination justify-content-center pagination-sm">
                  </ul>
                </nav>
                  
              @endif
            </div>
          </div>
          @endif
        </div>
      </div>
    </div>
  </section>
  @if(isset($segment_arr['search']) && !empty($segment_arr['search']) && ( isset($segment_arr['city_id'])?$segment_arr['city_id']:settings('other_city_id'))) 
  <div class="justify-content-center">
    <div class="row py-5">
      <div class="col">
        <div class="card border-0">
          <div class="card-body text-center bg-dark">
            <h3 class="text-white">Receive job offers before anyone else! 
              <br>Create a Job Alert for {{$segment_arr['search']}}, {{ $segment_arr['city_name'] }}</h3>
              <legend class="px-2">
                <div class="text-success text-center" id="success_res0"></div>
                <div class="text-danger text-center" id="error_res0"></div>
              </legend>
              <div class="row text-center justify-content-center">
                <div class="col-auto">
                  <form class="mb-4 mt-4" name="joblist_signup" id="joblist_signup0"  method="POST" enctype="multipart/form-data">
                    <div class="input-group signup">
                      <input type="text" name="email" id="email0" required="required" class="form-control" placeholder="Enter your e-mail address">
                      <div class="input-group-append">
                        <button data-id="0" class="btn btn-primary btnSendjoblist_Signup" type="button" id="btnSendjoblist_Signup"> <i class="fas fa-user-plus"></i> <b>Activate</b></button>
                      </div>
                    </div>
                    <div class="text-danger" id="emailErr0"></div>
                  </form>
                  <p class="pl-0 ml-0 mb-5 text-white"><span>By signing up, you agree to the <a class="internalLink" target="_blank" href="/cms/privacy-policy"><span>Privacy policy</span></a> and <a class="internalLink" target="_blank" href="/cms/terms-of-use"><span>Terms and conditions</span></a> of Careerwallet.</span></p>
                </div>
              </div>
          </div>
        </div>
      </div>
    </div>
    <hr class="mx-0 px-0">
  </div>
  @endif
<!--=================================
  job-list -->

  <!--================================= FAQ  =================================-->
  @if(Request::segment(2)=='location' || Request::segment(2)=='industry' || Request::segment(2)=='keyword')
  @include('includes.job_list_faq',['city_names'=>$city_names,'industry_names'=>$industry_names])
  @endif
<!--================================= FAQ  =================================-->
  
  @endsection
@section('styles')
<style>
  .job-list .job-list-details .job-list-title h5 {
      white-space: inherit;
      text-overflow: ellipsis;
  }
  .input-group.signup .form-control {
    height: auto;
}
</style>
@endsection
@section('script')

<script type="text/javascript">

  function getPageList(totalPages, page, maxLength) {

if (maxLength < 5) throw "maxLength must be at least 5";


function range(start, end) {

  return Array.from(Array(end - start + 1), (_, i) => i + start);

}



var sideWidth = maxLength < 9 ? 1 : 2;

var leftWidth = (maxLength - sideWidth * 2 - 3) >> 1;

var rightWidth = (maxLength - sideWidth * 2 - 2) >> 1;

if (totalPages <= maxLength) {

  // no breaks in list

  return range(1, totalPages);

}

if (page <= maxLength - sideWidth - 1 - rightWidth) {

  // no break on left of page

  return range(1, maxLength - sideWidth - 1)

    .concat([0])

    .concat(range(totalPages - sideWidth + 1, totalPages));

}

if (page >= totalPages - sideWidth - 1 - rightWidth) {

  // no break on right of page

  return range(1, sideWidth)

    .concat([0])

    .concat(

      range(totalPages - sideWidth - 1 - rightWidth - leftWidth, totalPages)

    );

}

// Breaks on both sides

return range(1, sideWidth)

  .concat([0])

  .concat(range(page - leftWidth, parseInt(page) + parseInt(rightWidth)))

  .concat([0])

  .concat(range(totalPages - sideWidth + 1, totalPages));

}

$(function() {

@php



$limit = $lastNumber-($firstNumber-1);

@endphp

// Number of items and limits the number of items per page

var numberOfItems = '{{$total_count}}';

var limitPerPage = '{{$limit}}';

// Total pages rounded upwards

var totalPages = Math.ceil(numberOfItems / limitPerPage);

// Number of buttons at the top, not counting prev/next,

// but including the dotted buttons.

// Must be at least 5:

var paginationSize = 7;

var currentPage;

@php

parse_str( \Request::getRequestUri(), $parameters );           // Convert Parameters into array
unset( $parameters['page'] );               // Delete the one you want

$searchString = urldecode(http_build_query($parameters));

@endphp

function showPage(whichPage) {

  if (whichPage < 1 || whichPage > totalPages) return false;

  currentPage = whichPage;

  // $("#jar .content")

  //   .hide()

  //   .slice((currentPage - 1) * limitPerPage, currentPage * limitPerPage)

  //   .show();

  // Replace the navigation items (not prev/next):

  $(".pagination li").slice(1, -1).remove();

  

  getPageList(totalPages, currentPage, paginationSize).forEach(item => {
    

    @php

    $PageUrl = '?page=';
    // dd($searchString);  
    $searchString = str_replace('?page=', '', $searchString);
    if(!empty($searchString) && $searchString != '/jobs=' && parse_url($searchString, PHP_URL_QUERY)){
      
      str_replace('&page=', '', $searchString);

      $PageUrl = $searchString.'&page=';

    }

    @endphp

    if(item==0){
      $("<li>")
      .addClass(

        "page-item " +

          (item ? "current-page " : "") +

          (item == currentPage ? "active " : "")

      )

      .append(

        $("<a>")

          .addClass("page-link")

          .attr({

            href: "javascript:void(0)"

          })

          .text(item || "...")

      )

      .insertBefore("#next-page");
    }else{
      $("<li>")
      .addClass(

        "page-item " +

          (item ? "current-page " : "") +

          (item == currentPage ? "active " : "")

      )

      .append(

        $("<a>")

          .addClass("page-link")

          .attr({

            href: "{!!$PageUrl!!}"+item

          })

          .text(item || "...")

      )

      .insertBefore("#next-page");
    }
    

  });

  return true;

}


@php
    $prevurl = $PageUrl.$page;
    $nexturl = $PageUrl.$page;

    if($page>1){
      $page_prev=$page-1;
      $prevurl = $PageUrl.$page_prev;
    }
    if( $page<$total_count){
      $page_next=$page+1;
      $nexturl = $PageUrl.$page_next;
    }
    @endphp
// Include the prev/next buttons:
$(".pagination").append(

  $("<li>").addClass("page-item").attr({ id: "previous-page" }).append(

    $("<a>")

      .addClass("page-link")

      .attr({

        href: '{!!$prevurl!!}'

      })

      .text("{{ __('joblist.prev') }}")

  ),

  $("<li>").addClass("page-item").attr({ id: "next-page" }).append(

    $("<a>")

      .addClass("page-link")

      .attr({

        href: '{!!$nexturl!!}'

      })

      .text("{{ __('joblist.next') }}")

  )

);

// Show the page links

//$("#jar").show();

showPage('{{$page}}');


// Use event delegation, as these items are recreated later

$(

  document

).on("click", ".pagination li.current-page:not(.active)", function() {

  return showPage(+$(this).text());

});

$("#next-page").on("click", function() {
  return showPage(parseInt(currentPage) + 1);

});

$("#previous-page").on("click", function() {

  return showPage(parseInt(currentPage) - 1);

});

$(".pagination").on("click", function() {

  $("html,body").animate({ scrollTop: 0 }, 0);

});

});

$(document).ready(function(){
    $('.industrycheck').click(function() {
        $('.industrycheck').not(this).prop('checked', false);
    });

    $('.radiuscheck').click(function() {
        $('.radiuscheck').not(this).prop('checked', false);
    });
});

</script>
<script type="text/javascript">
   $(document).ready(function() {
      $('#success_res').hide(); 
      $('#error_res').hide();

      $(".btnSendjoblist_Signup").click(function () {
      var dataid = $.parseJSON($(this).attr('data-id'));
      var formname = "joblist_signup"+dataid;
      var email = $('#email'+dataid).val();
      var jobtitle = $('#search_val').val();
      var joblocation = "{{isset($segment_arr['city_id'])?$segment_arr['city_id']:settings('other_city_id')}}";
      var token_csrf =  '{{csrf_token()}}';

      
      // Validate email address
      if(email == "") {
          $("#emailErr"+dataid).show();
          printError("emailErr"+dataid, "Please enter your email address");
           return false;
      } else {
          // Regular expression for basic email validation
          var regex = /^\S+@\S+\.\S+$/;
          if(regex.test(email) === false) {
              $("#emailErr"+dataid).show();
              printError("emailErr"+dataid, "Please enter a valid email address");
               return false;
          } else{

              $("#emailErr"+dataid).hide();
              printError("emailErr"+dataid, "");
              emailErr = false;
          }
      }
     
      // Prevent the form from being submitted if there are any errors
      if((emailErr) == true) {
       return false;
      } else {
          if( email!="" && jobtitle!="" && joblocation!=""){
          $("#emailErr"+dataid).hide();
          $('#success_res'+dataid).hide();   
          $('#error_res'+dataid).hide(); 

          //<!-- Start Google Recaptcha Code -->\
             grecaptcha.ready(function() {
                 grecaptcha.execute('{{ settings("recaptcha_site_key") }}', {action: 'job/list'}).then(function(token) {
                    if (token) {
                        $.ajax({
                          headers: {
                            'X-CSRF-Token': token_csrf 
                          },
                          url: "{{route('request.joblistsignup')}}",
                          type: 'POST',
                          data: {email:email,jobtitle:jobtitle,joblocation:joblocation,recaptcha_jobslistsignup:token},
                          success: function (result) {
                            if(result.hasOwnProperty('error')){
                              $('#error_res'+dataid).show(); 
                              $('#error_res'+dataid).text(result.error);
                            }else{ 
                              $('#success_res'+dataid).show(); 
                              $('#success_res'+dataid).text(result.success); 
                              $('#email'+dataid).val('');
                              setTimeout(function(){
                                $('#success_res'+dataid).hide();
                              }, 7000);

                            }

                          }
                        }); 
                       }
                 });
             });
    //<!-- End Google Recaptcha Code -->

            }else{
              $('#error_res'+dataid).show(); 
                  $('#error_res'+dataid).text("Something Went Wrong");
            }
        }
    });
    });
</script>


@endsection