@extends('master')

@section('head')
    <title>{{$node->meta_title}} | {{config('app.name')}}</title>
    <meta name="description" content="{{$node->meta_description}}">
@endsection

@section('content')
<div id="overview" class="article">
	<div class="container">
	    <div class="row">
	        <div class="col-12">
	            <div class="breadcrumb">
	                <a href="/">Home</a>
	                <div class="active">{{ $node->title }}</div>
	            </div>
	        </div>
	    </div>
    
		@if(request()->path()=='verhuur-je-camper' || request()->path()=='hoe-werkt-het-verhuren-van-een-camper' || request()->path()=='faq-campereigenaren')
		<div class="row">
	        <div class="col-12">
				<div class="article-banner">
					<a href="/camper-totaalontzorging">
						<img src="{{ asset('images/banner-totaalontzorging.jpg') }}" alt="Totaalontzorging" class="img-fluid">
					</a>
				</div>
	        </div>
		</div>
		@endif
		
	@if(isset($node->fields->header_image) && $node->fields->header_image[0]['url'] != '')
	</div>
	<div class="container-fluid">
		<div class="row">
			<section id="header-image">
	    		<img src="{{ $node->fields->header_image[0]['url'] }}" alt="{{ $node->title }}" class="img-fluid">
			</section>
		</div>
	</div>
	<div class="container">
	@endif
	
		<div class="row">
	        <div class="col-12 col-sm-3 order-2 order-sm-1">
	            <div class="sidebar">
		            <h4 class="mb-1">Hulp nodig?</h4>
		            <hr class="mb-4" />
		            <p class="mb-4">Wij helpen u graag verder!</p>
		            
		            <div class="row">
			            <div class="col-6 text-center">
				            <img src="{{ asset('images/luuk.jpg') }}" class="img-fluid mb-2 contact"/>
				            <span class="is-green is-bold">Luuk</span>
			            </div>
			            <div class="col-6 text-center">
				            <img src="{{ asset('images/belinda.jpg') }}" class="img-fluid mb-2 contact"/>
				            <span class="is-green is-bold">Belinda</span>
			            </div>
		            </div>
		            
		            <div class="text-center">
		            	<a class="btn btn-phone" href="tel:+31(0)53-4348528"><i class="fas fa-phone"></i> 053 - 4348528 </a>
		            </div>
		            
	                <div class="box">
	                    <h3 class="box-title">Huur een camper of caravan <i class="fal fa-key fa-lg"></i></h3>
	                    <div class="box-content">
	                        <ul class="rent">
	                            <li>Een zeer uitgebreide verhuurvloot</li>
	                            <li>Caravan en campers voor elk type kampeerder</li>
	                            <li>Altijd de nieuwste modellen, elk jaar opnieuw</li>
	                            <li>Zeer complete accessoire- en inventarispakketten</li>
	                        </ul>
	                        <div class="d-flex justify-content-center mt-4">
	                            <a href="/huren" class="btn btn-orange btn-icon"><i class="fas fa-key"></i>Aanmelden</a>
	                        </div>
	                    </div>
	                </div>
	            </div>
	        </div>
	        
	        <div class="col-12 col-sm-9 order-1 order-sm-2">
            	<section class="py-5">
		            <h1 class="mb-4">{{ $node->title }}</h1>
		            <hr class="mb-4" />
		            
					<div class="article-content bg-white">
						
						<div class="content">
					    {!! $node->body !!}
	    
							@if(request()->path()=='camper-totaalontzorging' || request()->path()=='contact')
							<contact-form></contact-form>
							@endif
						</div>
					</div>
            	</section>
			</div>
		</div>
	</div>
</div>
@endsection