@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">
                @if(isset($page->content->references))
                    <div class="base-content-block">

                        <h2>{{$page->content->references->translation->name}}</h2>
                        {{ $page->content->references->translation->description }}

                    </div>

                    <div class="base-image-block">
                        @if($page->content->references->images->count() != 0)
                            <div class="base-image"
                                 style="background-image: url('{{$page->content->references->images->first()->medium_image_url}}')"></div>
                        @endif
                    </div>
                @else
                    <div class="base-content-block">

                        <h2>Voeg een blok toe met code_name 'about_introduction' of 'methods_introduction'</h2>
                        <p>Name + omschrijving + 1 afbeelding</p>

                    </div>

                    <div class="base-image-block">
                        <div class="base-image"
                             style="background-image: url('/img/header_image_01.jpg')"></div>
                    </div>
                @endif

            </div>

            {{--<h2> {{($page->translation->name)}} </h2>--}}

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

        </div>

    </div>

    @include('layouts.partials.cta')

@endsection