<?php
$aboutBlocks = $page->content->translation->description;
?>

@extends('layouts.master', ['view' => 'about'])

@section('editable_content')
    <div class="about-content">
        @if(!empty($aboutBlocks['intro']->status))
            <div class="grid-row row top">
                @include('layouts.partials.breadcrumb')
                <div class="grid-col col-4 offset-1 textholder">

                    <h1>{{$aboutBlocks['intro']->typeName}}</h1>

                    <div class="text">
                        {{$aboutBlocks['intro']->description}}
                    </div>
                    <a href="{{$aboutBlocks['intro']->link}}"
                       class="button blue arrow">{{$aboutBlocks['intro']->link_text}}</a>
                </div>
                <div class="grid-col col-6 pull-right imgholder">
                    {{--<img class="large" alt="impression image" src="{{$aboutBlocks['intro']->images[0]->large_image_url}}"/>--}}
                    <figure class="large"
                            style="background-image: url('{{$aboutBlocks['intro']->images[0]->large_image_url}}');"></figure>
                    @include('layouts.svg.bigHexagon')
                    @include('layouts.svg.scrollHinter',['target'=>''])
                </div>


            </div>
        @endif

        @if(!empty($aboutBlocks['testimonial-wim']->status))
            @include('layouts.partials.dynamic.'.$aboutBlocks['testimonial-wim']->view,[
            'dir'=> $aboutBlocks['testimonial-wim']->location,
            'text'=> $aboutBlocks['testimonial-wim']->description,
            'img' => $aboutBlocks['testimonial-wim']->images[0]->large_image_url,
            'mailLink' => $aboutBlocks['testimonial-wim']->link,
            'name' => $aboutBlocks['testimonial-wim']->typeName,
            'isFirst' => true])
        @endif

        @if(!empty($aboutBlocks['testimonial-bart']->status))
            @include('layouts.partials.dynamic.'.$aboutBlocks['testimonial-bart']->view,[
            'dir'=> $aboutBlocks['testimonial-bart']->location,
            'text'=> $aboutBlocks['testimonial-bart']->description,
            'img' => $aboutBlocks['testimonial-bart']->images[0]->large_image_url,
            'mailLink' => $aboutBlocks['testimonial-bart']->link,
            'name' => $aboutBlocks['testimonial-bart']->typeName])
        @endif

        @if(!empty($aboutBlocks['testimonial-john']->status))
            @include('layouts.partials.dynamic.'.$aboutBlocks['testimonial-john']->view,[
            'dir'=> $aboutBlocks['testimonial-john']->location,
            'text'=> $aboutBlocks['testimonial-john']->description,
            'img' => $aboutBlocks['testimonial-john']->images[0]->large_image_url,
            'mailLink' => $aboutBlocks['testimonial-john']->link,
            'name' => $aboutBlocks['testimonial-john']->typeName,
            'isLast' => true])
        @endif

        @if(!empty($aboutBlocks['references-link']->status))
            <div class="grid-row row referenties">
                <div class="grid-col col-12 reference-linkholder">
                    <a href="{{$aboutBlocks['references-link']->link}}">{{$aboutBlocks['references-link']->link_text}}</a>
                    <br/>
                    <span class="yellowline"></span>
                </div>
            </div>
        @endif


        @if(!empty($aboutBlocks['uit-je-dak']->status))
            <div class="grid-row full-row uit-je-dak">
                <div class="grid-row">
                    <div class="grid-col col-4 textholder">
                        <div class="text">
                            {{$aboutBlocks['uit-je-dak']->description}}
                        </div>
                        <a href="{{$aboutBlocks['uit-je-dak']->link}}"
                           class="button blue arrow">{{$aboutBlocks['uit-je-dak']->link_text}}</a>
                    </div>
                    <div class="grid-col pull-right imgholder"
                         style="background-image: url('{{$aboutBlocks['uit-je-dak']->images[0]->large_image_url}}')"></div>
                </div>
            </div>
        @endif


    </div>

@endsection