@extends('layouts.master')

@section('editable_content')
    <div class="header-background">
        <div class="content-container">

            @include('layouts.partials.contactPerson')

            <div class="base-breadcrumb">
                @include('layouts.partials.breadcrumb')
            </div>

            <div class="base-intro-block">
                <div class="base-content-block">
                    <h3>{{$page->translation->name}}</h3>
                    @if(isset($page->content->{$page->code_name}))
                        {{ $page->content->{$page->code_name}->translation->description }}
                    @endif

                    @if($page->code_name == 'privacy')
                        <a class="PDF" target="_blank" href="/pdfs/privacyverklaring_jacques-hein_vermolen.pdf">Bekijk hier de privacyverklaring</a>
                    @endif

                </div>

                <div class="base-image-block">
                    @if($page->images->count() != 0)
                        @foreach($page->images as $image)
                            <div class="base-image" style="background-image: url('{{ $image->large_image_url }}')"></div>
                        @endforeach
                    @endif
                </div>
            </div>

        </div>
    </div>

    @include('layouts.partials.cta')


@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
    <script type="text/javascript" src="/js/slider.js"></script>
@endsection