@extends('layouts.main')

@section('title','Advanced - Find Jobs')

@section('body')

<!--/inner_banner-->
<div class="inner_banner">
</div>
<!--//inner_banner-->

<div class="services-breadcrumb">
	<div class="inner_breadcrumb">
		<ul class="short_w3ls_agile">
			<li><a href="{{ url('/') }}">Home</a><span>|</span></li>
			<li>Jobs</li>
		</ul>
	</div>
</div>

<div class="banner_bottom">
	<div class="container">
		<div class="tittle_head">
			<h3 class="tittle">Jobs</h3>
		</div>
		<div class="inner_sec_info_w3ls_agile">
			@if(count($jobs)>0)
			@foreach($jobs->chunk(3) as $chunkedJobs)
			<div class="row">
				@foreach($chunkedJobs as $job)
				<div class="col-md-4">
					<div class="panel @if($job->hasExpired()) panel-danger @else panel-success @endif">
						<div class="panel-heading"><h4 class="text-center">{{ $job->title }}</h4></div>
						<div class="panel-body text-center">
							<img src="{{ asset('images/'.$job->company->image) }}" class="img-thumbnail" alt="{{ $job->company->name }}">
							<br>
							<p>Company: {{ $job->company->name }}</p>
							<p>Country: {{ $job->company->country->name }}</p>
							<p>Salary: <span style="color:green">{{ $job->company->country->currency }} {{ $job->salary }}</span></p>
							<a href="{{ url('/jobs/'.$job->slug) }}" class="btn btn-info">Read More</a>
						</div>
					</div>
				</div>
				@endforeach
			</div>
			@endforeach
			{{ $jobs->links() }}
			@else
			<p class="text-center">No jobs have been listed currently. Please <a href="{{ url('/contact-us') }}">contact us</a> to find out more.</p>
			@endif
		</div>
	</div>
</div>
@endsection