@extends('layouts/sidebar')

@section('title')
  {{$job->title}}
@endsection

@section('breadcrumb')
	<ul class="bread_crumb">
		<li><a title="Home" href="/">Home</a></li>
		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
		<li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
		<li>{{$job->title}}</li>
	</ul>
@endsection

@section('page_class')
	grey_background
@endsection
@section('container_class')
	news_post post_container
@endsection


@section('content')

	<div class="post_body">
		@if($job->images)
			@if(count($job->images) == 1)
				<div class="post_image_box">
					<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
					   title="{{$job->images[0]->title}}">
						<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
					</a>
					<div class="sentence">
						<span class="text">{{$job->images[0]->title}}</span>
						@if(isset($job->images[0]->author))
							<span class="author">{{$job->images[0]->author}}</span>
						@endif
					</div>
				</div>
			@else
				<div class="horizontal_carousel_container thin page_margin_top gallery_control">
					<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
						@foreach($job->images as $image)
							<li>
								<a href="#"><img src='{{$imgBase . $image->url}}'></a>
							</li>
						@endforeach
					</ul>
				</div>
				<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
					<ul id="post-gallery"
						class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
						@foreach($job->images as $image)
							<li>
								<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
									<span class="icon fullscreen animated"></span>
									<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
								</a>
							</li>
					</ul>
					@endforeach
				</div>
			@endif
		@endif

		<div class="text">
			{!!$job->content!!}

			<hr/>
			<h2>Interesse?</h2>
			<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende
					kennismaking</a> met NH Gooi.</p>
			<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a> -->

			<p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen
				contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
			<a class="btn"  href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}"
			   title="Mail direct je reactie op deze vacature.">
				<span>Reageer nu!</span>
			</a>
		</div>

		{{--
        @include('widgets/share')
        --}}

	</div>
@endsection