<?php
$homeBlocks = $page->content->translation->description;
?>
<div class="content">
    @if(!empty($homeBlocks['mainText']->status))
        <div class="home-intro">


            {{-- Content --}}

            <div class="grid-row">

                {{-- Main content --}}

                <section class="grid-col offset-5">

                    <h1>{{$homeBlocks['mainText']->typeName}}</h1>

                    <div class="video-wrapper">
                        <div id="video" class="">
                            <iframe src="https://player.vimeo.com/video/287052839"
                                    frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>

                    <div class="text">
                        {{$homeBlocks['mainText']->description}}
                    </div>

                    <span class="tel"><a
                                href="tel:{{ \Config::get('business.phone_call') }}">{{ \Config::get('business.phone_display') }}</a></span>


                </section>

            </div>
        </div>
    @endif
    <div class="home-diensten-menu">
        <div class="grid-row">

            <section class="grid-col col-11 offset-1">
                <h1>{{$links->services->name}}</h1>
                @include('layouts.partials.dienstenMenu')
            </section>

        </div>
    </div>

    <div class="home-projecten">

        <div class="grid-row">

            <section class="grid-col col-11 offset-1">
                <h1>Bekijk onze projecten</h1>

                @if(isset($homeProjects['new']))
                    <div class="grid-row full-row">
                        <a href="/projecten?cat=3">
                            <div class="grid-col col-5 nieuwbouw">
                                <h1>Nieuwbouw</h1>
                                <img src="{{$homeProjects['new']->images[0]['medium_image_url']}}"/>
                            </div>
                        </a>

                        <a href="/projecten?cat=4">
                            <div class="grid-col col-5 offset-2 renovatie">
                                <h1>Renovatie</h1>
                                <img src="{{$homeProjects['old']->images[0]['medium_image_url']}}"/>
                            </div>
                        </a>
                    </div>
                @endif
            </section>
            <div class="hexagon-frame">
                @include("layouts.svg.bigHexagon")
            </div>

        </div>

        <div class="projectenLink">
            <a href="/projecten">Bekijk alle projecten</a>
        </div>

    </div>
    @if(!empty($homeBlocks['referenceBlock']->status))
        <div class="home-referenties">
            <div class="grid-row full-row">
                <div class="grid-row">
                    <section class="grid-col references-text">
                        <h2>{{$homeBlocks['referenceBlock']->description}}</h2>
                        <a href="{{$homeBlocks['referenceBlock']->link}}"
                           class="button blue arrow">{{$homeBlocks['referenceBlock']->link_text}}</a>
                    </section>
                    <section class="grid-col col-7 references-imgHolder">
                        @if(isset($homeBlocks['referenceBlock']->images[0]))
{{--                            <img class="large" alt="impression image"--}}
{{--                            src="{{$homeBlocks['referenceBlock']->images[0]->large_image_url}}"/>--}}
                            <figure class="large"
                                    style="background-image: url('{{$homeBlocks['referenceBlock']->images[0]->large_image_url}}');">
                            </figure>
                        @endif
                    </section>
                </div>
            </div>
        </div>
    @endif
    @if(!empty($homeBlocks['servicesBlock']->status))
        @include('layouts.partials.dynamic.'.$homeBlocks['servicesBlock']->view)
    @endif
    @if(!empty($homeBlocks['CTABlock']->status))
        @include("layouts.partials.callToActionContact", ['name' => 'Wim Verhoeven', 'jobtitle' => 'Bedrijfsleider', 'phone' => '06 53 76 04 49', 'phoneLink' => '0031653760449', 'img' => '/img/personeel/Wim.jpg'])
    @endif

</div>