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

            {{--@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