@if($mode == 'replace')
<div class="section-header mb-2">
	<h5 class="section-title wow fadein" data-wow-duration="1000ms" data-wow-delay="0.3s">We found {{$total}} job Opportunities with us <br> based on your search</h5>
	<hr class="lines wow zoomIn gray" data-wow-delay="0.3s">
	<div class="section-subtitle mb-1"></div>
</div>
<div class="row">
	<div class="col-xs-12 col-sm-12 col-md-12">
@endif	
	@forelse($jobs as $job)
		<div class="d-flex justify-content-between flex-wrap hme-career-job">
  			<div class="hme-job-details col-md-10">
  				<h3 class="w-b-all">{{$job->job_title}}</h3>
  				<div class="text-muted w-w-b"><small>Category : {{$job->category->category_name}}</small></div>
  				<div class="text-muted w-w-b career-text-truncate">{!! $job->about_job !!}</div>
  				<p><i>Posted Date: {{ $job->created_at->format('d M, Y') }}</i></p>
  			</div>
  			<a href="{{secure_url('careers-view/'.$job->id)}}" class="btn btn-outline-success col-md-2 text-capitalize text-333 b-radius-30 align-self-end c-p">Job Details</a>
  		</div>	
  	@empty
  	@endforelse	
  	@if($hasmore)
  		<div class="row load-more-section">
			<div class="col-md-12 pb-3 pt-3">
				<div class="text-center">
					<a href="javascript:;" class="btn btn-initial btn-outline-info career-load-more" data-value="{{$page}}" data-type="{{$type}}" @if($type == 'view_category') data-category="{{$category}}" @endif >Load more</a>
				</div>
			</div>
  		</div>
  	@endif
@if($mode == 'replace')  	
	</div>
</div>
@endif