@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

@section('content')
<div id="overview" class="article">
	<div class="container">
	    <div class="row">
	        <div class="col-12">
	            <div class="breadcrumb">
	                <a href="/">Home</a>
	                <a href="/blog">Inspiratie</a>
	                <div class="active">{{ $node->title }}</div>
	            </div>
	        </div>
	    </div>
    
		<div class="row">
	        <div class="col-12 col-sm-3 order-2 order-sm-1">
	            <div class="sidebar">
	                <div class="box">
	                    <h3 class="box-title">Huur een camper <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">
						@if(isset($node->fields->header_image) && $node->fields->header_image[0]['url'] != '')
						    <img src="{{ $node->fields->header_image[0]['url'] }}" alt="{{ $node->title }}" class="img-fluid">
						@endif
						
						<div class="content">
					    {!! $node->body !!}
						</div>
					</div>
            	</section>
			</div>
		</div>
	</div>
</div>
@endsection