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

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

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

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

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

        @if(!empty($contractBlocks['keurmerk']->status))
            <div class="grid-row row keurmerk">
                <div class="grid-col col-2 imgholder">
                    <img src="/img/svg/KOMO.svg">
                    <img src="/img/kiwa-vca.gif">
                </div>
                <div class="grid-col col-8 textholder">
                    <div class="text">
                        {{$contractBlocks['keurmerk']->description}}
                    </div>
                </div>
                @include('layouts.svg.bigHexagon')
            </div>
        @endif

        @if(!empty($contractBlocks['contact']->status))
            <div class="grid-row full-row contact">
                <div class="grid-row">
                    <div class="grid-col col-4 titleholder">
                        <h1>{{$contractBlocks['contact']->typeName}}</h1>
                    </div>
                    <div class="grid-col col-5 textholder">
                        <div class="text">
                            {{$contractBlocks['contact']->description}}
                        </div>
                        <a href="{{$contractBlocks['contact']->link}}"
                           class="button blue arrow">{{$contractBlocks['contact']->link_text}}</a>
                    </div>
                    @include('layouts.svg.bigHexagon')
                </div>
            </div>
        @endif

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


        @if(!empty($contractBlocks['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">
                            {{$contractBlocks['uit-je-dak']->description}}
                        </div>
                        <a href="{{$contractBlocks['uit-je-dak']->link}}"
                           class="button blue arrow">{{$contractBlocks['uit-je-dak']->link_text}}</a>
                    </div>
                    <div class="grid-col pull-right imgholder"
                         style="background-image: url('{{$contractBlocks['uit-je-dak']->images[0]->large_image_url}}')"></div>
                </div>
            </div>
        @endif


    </div>

@endsection