<?php
$servicesBlocks = $page->content->translation->description;
$servicechildren = $links->services->page->findChildren();
?>

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

@section('editable_content')

    <div class="services-content">
        <div class="grid-row">
            @include('layouts.partials.breadcrumb')
        </div>
        @if(!empty($servicesBlocks['mainText']->status))
            <div class="services-intro">
                <div class="grid-row">
                    <div class="grid-col col-4">
                        <div class="diensten-menu">
                            <div class="grid-row full-row">

                                {{-- Main content --}}

                                <div class="grid-col">
                                    <a href="/diensten" class="button arrow" value="Algemeen">
                                        <span class="icon-grid-view"></span> Algemeen
                                    </a>
                                    @foreach($servicechildren as $child)
                                        <a href="/{{ $links->{$child->code_name}->route }}" class="{{ strtolower($links->{$child->code_name}->name) }} button arrow {{ $page->code_name == $child->code_name ? 'active' :'' }}"
                                           value="{{ $links->{$child->code_name}->name }}">
                                            {{ $links->{$child->code_name}->name }}
                                            @include('layouts.svg.'.strtolower($child->code_name))
                                        </a>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <a href="/projecten" class="button blue arrow">Bekijk projecten</a>
                        <a href="/contact" class="button orangeGrad arrow">Offerte aanvragen</a>
                    </div>
                    <div class="grid-col col-7 offset-1 right">
                        <h1>@include('layouts.svg.service_renovation'){{$servicesBlocks['mainText']->typeName}}</h1>

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

                        <div class="grid-col first-img"
                             style="background-image: url('{{$servicesBlocks['mainText']->images[0]->large_image_url}}')"></div>
                        <div class="grid-row full-row">
                            <div class="grid-col col-6 second-img"
                                 style="background-image: url('{{$servicesBlocks['mainText']->images[1]->large_image_url}}')"></div>
                            <div class="grid-col col-6 pull-right third-img"
                                 style="background-image: url('{{$servicesBlocks['mainText']->images[2]->large_image_url}}')"></div>
                        </div>
                        @include('layouts.svg.bigHexagon')
                    </div>
                </div>
            </div>
        @endif

        @if(!empty($servicesBlocks['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

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

    </div>

@endsection