@extends('layouts.master', ['viewName' => $page->code_name])

@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>
                    {{$page->translation->description}}
                </div>

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

            @if ($page->code_name === "about")
                @include('layouts.partials.quote')
            @endif

            @if ($page->code_name === "our_goal")
                @include('layouts.partials.keyValues')
            @endif

        </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