@extends('layouts.front-page-custom-tab')
@section('pageTitle', 'HireMee Jobs')


<section class="section pt-0">
	<div class="container">
	    <div class="row">
	    	<div class="col-xs-12 col-sm-12 col-md-9" >
	    	<div id="js-search-frontjob">
	    		@forelse($jobs as $job)
	    		<div class="card p-2 pt-4  mb-2">
	    		  <div class="d-flex justify-content-start">
	    		  <div class="job-avatar m-r-10"> 
	    		  	<a href="{{ url('jobs').'/'.$job->slug }}" target="_blank">
	    		  	@if(!is_null($job->corporate->companyLogo))
	    		  		<img class="" src="{{ !empty($job->corporate->companyLogo->s3_id) 
                                                  ? HireMeeHelper::getAWSImageUrl($job->corporate->companyLogo->s3_id,config('filesystems.disks.comp1.bucket'),'comp1') : secure_asset('assets/images/user.png')}}" alt="{{ $job->corporate->company_name }}">	    		  		
	    		  	@else
	    		  		<img class="" src="{{ secure_asset('assets/images/user.png') }}" alt="{{ $job->corporate->company_name }}">
	    		  	@endif
	    		  
	    		  </a>	</div>
	    		  	<div class="truncate w-50p">
	    		  		<a href="{{ url('jobs').'/'.$job->slug }}" class="text-dark" target="_blank">
	    		  		<h5 class="card-title mb-0  truncate">{{ ucwords($job->job_title) }}</h5>
	    		  		<div><small>{{ (!empty($job->category->industry_name)?$job->category->industry_name:"Not Updated") }}</small></div>
	    		  	  	@if($job->interview_process==2)
	    		  		<div><span class="badge badge-warning">Last date to Apply:  {{ Carbon\Carbon::parse($job->last_date)->format('dS M Y') }}</span></div>
	    		  		@elseif($job->interview_process==1)
	    		  			<div><span class="badge badge-warning">Walk-in date:  {{ Carbon\Carbon::parse($job->start_date)->format('dS M Y') }} to   {{ Carbon\Carbon::parse($job->end_date)->format('dS M Y') }} </span></div>
	    		  		@elseif($job->interview_process==3)
	    		  		<div><span class="badge badge-warning">Campus drive date:  {{ Carbon\Carbon::parse($job->assessment_date)->format('dS M Y') }}</span></div>
	    		  		@endif
	    		  		</a>
	    		  	</div>
	    		  </div>

				  <div class="card-body hme-job-card-body">
				  	 <div class="d-flex align-items-start flex-column flex-md-row flex-sm-column flex-xs-column">
				    	<div class="col-xs-12 col-sm-12 col-md-3"><strong>Company Name:</strong></div>
				    	<div class="col-xs-12 col-sm-12 col-md-9">{{ !empty($job->getCompanyprofile)?$job->getCompanyprofile->company_name :'' }}</div>
				    </div>
				    <div class="d-flex align-items-start flex-column flex-md-row flex-sm-column flex-xs-column">
				    	<div class="col-xs-12 col-sm-12 col-md-3"><strong>Qualification:</strong></div>
				    	<div class="col-xs-12 col-sm-12 col-md-9">{{ $job['qualification'] }}</div>
				    </div>
				    <div class="d-flex align-items-start flex-column flex-md-row flex-sm-column flex-xs-column">
				    	<div class="col-xs-3 col-sm-3 col-md-3"><strong>No. of Position:</strong></div>
				    	<div class="col-xs-9 col-sm-9 col-md-9">
				    		@if($job['numberofpostion'] !=0)
				    		<span class="badge badge-pill badge-default">{{ $job['numberofpostion'] }}</span>
				    		@else
				    		<span class="badge badge-pill badge-default">Not Mentioned</span>
				    		@endif
				    	</div>
				    </div>
				    @php $locations = HireMeeHelper::JobLocations($job->locations()->pluck('loc_id')->toArray()); @endphp
						
				    <div class="d-flex align-items-start flex-column flex-md-row flex-sm-column flex-xs-column">
				    	<div class="col-xs-12 col-sm-12 col-md-3"><strong>Location:</strong></div>
				    	<div class="col-xs-12 col-sm-12 col-md-9 text-truncate">
				    		
				    		@if(!empty($locations))
				    		<span class="badge badge-pill badge-warning">
				    		{{ HireMeeHelper::JobLocations($job->locations()->pluck('loc_id')->toArray()) }}
				    		</span>
				    		@else
				    		<span class="badge badge-pill badge-default">
				    			Not Updated
				    		</span>
				    		 @endif
				    	</div>
				    </div>
				   
				    <div class="d-flex align-items-start flex-column flex-md-row flex-sm-column flex-xs-column	">
				    	<div class="col-xs-12 col-sm-12 col-md-3"><strong>Job Description:</strong></div>
				    	<div class="col-xs-12 col-sm-12 col-md-9 double-line-truncate">
				    		{!! substr(ucfirst(strip_tags($job->description)),0,100) !!}...
				    	</div>
				    </div>
				  </div>
				  <a href="{{ url('jobs').'/'.$job->slug }}" class="hme-card-btn-jobs" target="_blank"><i class="hiremee-tick"></i> View &amp; Apply</a>
				</div>
				@empty
					<div class=" text-center">
		                <i class="hiremee-close-envelope f-35 text-93"></i>
		                <h2 class="text-93">No Records Found</h2>
		                <h5 class="f-w-100 text-93">Sorry! We can't find any records matching your criteria </h5>
	                </div>
				@endforelse
			</div>
				@if($jobs->hasMorePages())
				<div class="col-md-12">
                    <div class="text-center">
                        <a href="javascript:;" class="btn btn-outline-info" id="js-customtab-load-more" data-page='{{ $jobs->currentPage() + 1 }}'>Load more</a>
                    </div>
                </div>
            @endif
	    	</div>
	    	
	    </div>
	</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$( document ).ready(function() {
	var location_id="{{ isset($location_front_id) ? strip_tags($location_front_id) : '' }}";
	var industry_type="{{ isset($industry_type) ? strip_tags($industry_type) : '' }}";	
	var general_search="{{ isset($search_general) ? strip_tags($search_general) : '' }}";	
	$("#js-frontlocation-id").val(location_id);
	$("#js-industryfront-id").val(industry_type);
	$("#js-frontgsearch-name").val(general_search);
	if(location_id!=null || industry_type!=null || general_search!='')	{
		$("#js-search-front").val('1');
		if(location_id != ""){
		        $('#click_location_front').show();
	    }
	    if(industry_type != ""){
	         	 $('#click_industry_list').show();
	    }
	}else{
		$("#js-search-front").val('0');
	}
	
});

$(document).on("change","#js-frontlocation-id",function(){
    $('#click_location_front').show();
});
$(document).on("change","#js-industryfront-id",function(){
      $('#click_industry_list').show();   
});

$(document).on("click","#js-customtab-load-more",function(){
	    var __this = $(this);
	    __data =$("#js-job-searchfront-form").serialize()+"&page="+$(this).attr('data-page');

		$.ajax({
			url: "{{ url('home/job-search-front') }}",
	        dataType: "json",
	        beforeSend:function(){
	        	__this.attr("disabled",true).text("Load more...");
	        },
	        data: __data,
	        success: function(response) {
         		$("body").find("#js-search-frontjob").append(response.html);
	         	__this.attr("data-page",parseInt(__this.attr('data-page'))+1);
	         	
	         	if(response.hasmore){
	         		__this.attr("disabled",false).text("Load more");	
	         	}else{
	         		__this.addClass("d-none");
	         	}
	        }
		});
		return false;
	});
// job search for front page
$(document).on("submit","#js-job-searchfront-form",function(e){

		e.preventDefault();
		$("body").find("#js-search-front").val(1);
		var g_search=$("#js-frontgsearch-name").val();
		var industry_type=$("#js-industryfront-id").val();
		var location_front=$("#js-frontlocation-id").val();
		
		if((g_search=='' || g_search==null) && (industry_type=='' || industry_type==null) && (location_front=='' || location_front==null) ){
			swal({
			        html: true, 
			        title: '<span class="sweet-danger-text"></span>', 
			        text: "Please Select or Enter any one Search Item",
			        type: "error",
			        showCancelButton: false,
			       confirmButtonColor: '#f0443a',
			        confirmButtonText: "OK",
			        closeOnConfirm: false
			      });
		}else{
			if(window.location.pathname=='/' || window.location.pathname=='' || window.location.pathname=='/candidate'){
				document.forms["js-job-searchfront-form"].submit();
			}else{			
				var __data = $(this).serialize(), __load = $("body").find("#js-customtab-load-more"), __this = $(this);
				
				$.ajax({
				url:"{{url('home/job-search-front')}}",
		        dataType: "json",
		        beforeSend:function(){
		        	__load.attr("disabled",true).removeClass("d-none").text("Load more...");
		        	//__this.find("button[type='submit']").attr("disabled",true);
		        },
		        data: __data,
		        success: function(response) {	        	
	         		$("body").find("#js-search-frontjob").html(response.html);         		         		
		         	if(response.hasmore){
		         		__load.attr("disabled",false).text("Load more").attr("data-page",parseInt(response.current_page) + 1);	
		         	}else{
		         		__load.addClass("d-none");
		         	}

		         	if(industry_type !=""){
		                   $('#click_location_front').hide();
		                   $('#click_industry_list').show();   
		         	}else if(location_front != ""){
		         	       $('#click_industry_list').hide(); 
		         	       $('#click_location_front').show();  
		         	}
		         	if (industry_type !="" && location_front != "") {
                            $('#click_industry_list').show();
                            $('#click_location_front').show();     
		         	}
		        }
			});
			}
		}
		return false;
});




</script>