@extends('master')

@section('head')
    <title>{{$node->meta_title}} | {{config('app.name')}}</title>
    <meta name="description" content="{{$node->meta_description}}">
    @if($node->noindex == 1)<meta name="robots" content="NOINDEX, FOLLOW"/>@endif
@endsection

@php
use App\Camper;
$camper = array();
if(isset($node->fields->provincie) && $node->fields->provincie != '')
{
  $campers = Camper::where('province', $node->fields->provincie)->where('is_concept', 0)->inRandomOrder()->limit(3)->get();
}
@endphp

@section('content')
<section id="home-search">
    @if(isset($node->fields->header_image) && $node->fields->header_image[0]['url'] != '')
      <img src="{{ $node->fields->header_image[0]['url'] }}" alt="camper huren en verhuren bij Henk Pen">
    @else
      <img src="{{ asset('images/home.jpg') }}" alt="camper huren en verhuren bij Henk Pen">
    @endif
    @include('home.sections.landingsearch')
</section>

<div id="overview" class="article">    
	<div class="container">
		<div class="row">
			<div class="col-sm-10 offset-sm-1 text-center">
				<div class="content">
				    <h1 class="mb-4">{{ $node->title }}</h1>
				    
				    {!! $node->body !!}
				</div>
			</div>
		</div>
	
	    <div class="container">
	      @if(!empty($campers))
	        <div class="row">
	        @foreach($campers as $camper)
	            <div class="col-xl-4 col-md-6 col-sm-6">
	                @include('partials.camper', [
	                    'image' => $camper->getFirstMediaUrl('camper', 'thumb-overview'),
	                    'persons' => $camper->sleeping_number,
	                    'url' => $camper->url,
	                    'transmission' => ucfirst($camper->transmission),
	                    'title' => strip_tags(str_limit($camper->title, 57)),
	                    'location' => $camper->location['city'],
	                    'price' => formatPrice($camper->cheapestAvailablePeriodDayPrice())
	                ])
	            </div>
	        @endforeach
	        </div>
	      @endif
	            
	        <div class="text-right">
	            <a href="/campers" class="btn btn-orange btn-icon"><i class="fas fa-key"></i>Bekijk alle campers</a> <a href="/faq-huurders" class="btn btn-orange-outline btn-icon"><i class="fas fa-question-circle"></i>Veelgestelde vragen over huren</a>
	        </div>
	    </div>
		
		@if(isset($node->fields->body_2))
		<div class="col-sm-10 offset-sm-1 text-center">
			<div class="content">
		    {!! $node->fields->body_2 !!}
			</div>
		</div>
		@endif
	</div>
		
	<div id="rent-camper">
		<div class="container">
			<div class="row">
				<div class="col-12 text-center">
					<h3>Camper huren bij Henk Pen</h3>	
				</div>
				
				<div class="col-sm-3">
					<div class="box text-center">
	                    <i class="fal fa-check-circle"></i>
	                        
	                    <div class="box-content">
	                        Een zeer uitgebreide verhuurvloot
	                    </div>
	                </div>
				</div>
				
				<div class="col-sm-3">
					<div class="box text-center">
	                    <i class="fal fa-check-circle"></i>
	                    
	                    <div class="box-content">
	                        Caravan en campers voor elk type kampeerder
	                    </div>
					</div>
				</div>

				<div class="col-sm-3">
					<div class="box text-center">
	                    <i class="fal fa-check-circle"></i>

	                    <div class="box-content">
	                        Altijd de nieuwste modellen, elk jaar opnieuw
	                    </div>
					</div>
				</div>

				<div class="col-sm-3">
					<div class="box text-center">
	                    <i class="fal fa-check-circle"></i>
	                    
	                    <div class="box-content">
	                        Zeer complete accessoire- en inventarispakketten
	                    </div>
					</div>
				</div>
			</div>
		</div>
	</div>
		
	@if(isset($node->fields->body_3))
	<div class="container">		
		<div class="row">
			<div class="col-sm-10 offset-sm-1 text-center">
				<div class="content">
			    {!! $node->fields->body_3 !!}
				</div>
			</div>
		</div>
	</div>
	@endif
</div>
@endsection