@extends('layouts/sidebar')

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


@section('breadcrumb')
	<ul class="bread_crumb">
		<li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
		<li>{{$job->title}}</li>
	</ul>
@endsection 


@section('content')

<div class="row">
	<div class="post single ">
		<div class="post_content clearfix">
			<div class="content_box">
				@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 />
                                <h4>Interesse?</h4>
  				<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Schrijf je nu in voor onze kennismakingsbijeenkomst</a> op 27 november a.s. en laat je inspireren, het verplicht je tot niets.</p>
  				<a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a>

	<div class="clearfix"></div>
                                <p>Kan je niet naar de bijeenkomst komen? Mail dan een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
				<a class="read_more" href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}" title="Mail direct je reactie op deze vacature."><span class="arrow"></span><span>Reageer nu!</span></a>
				</div>
				
				{{--
				@include('widgets/share')
				--}}

			</div>
		</div>
	</div>
</div>
<style>
  .post.single .content_box {
    float: none;
    margin-left: 0;
    width: auto;
    padding: 1em 0;
    color: #3E3E3E !important;
    line-height: 150%;
  }
  .content_box .text > * {
    margin-left: 0px;
  }
  .content_box ul br { 
    display: none;
  }


  .content_box li {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: left 10px;
    padding-left: 25px;
    background-image: url("/images/icons/other/bullet_style_2.png");
  }
</style>
@endsection
