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

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

@section('editable_content')

    <div class="contact-content">
        <div class="grid-row">
            <div class="grid-col col-12">
                @include('layouts.partials.breadcrumb')
            </div>
        </div>

        <div class="grid-row intro">
            <div class="grid-col col-5 pull-right right">
                @if(!empty($offerteBlocks['mainText-right']->status))
                    <div class="grid-row full-row">
                        <div class="grid-col col-6">
                            <div class="round-portrait">
                                <figure style="background-image: url('{{$offerteBlocks['mainText-right']->images[0]->large_image_url}}');"></figure>
                            </div>
                            {{--@include('layouts.svg.scrollHinter',['target'=>'formholder'])--}}
                        </div>
                        <div class="grid-col col-6 pull-right">
                            {{$offerteBlocks['mainText-right']->description}}
                        </div>
                    </div>
                @endif
            </div>
            <div class="grid-col col-4 left">
                @if(!empty($offerteBlocks['mainText-left']->status))
                    {{$offerteBlocks['mainText-left']->description}}
                @endif
            </div>
        </div>

        <div class="grid-row formholder">
            <div class="grid-col col-4">
                <p>
                <h4>Offerteformulier</h4>
                </p>
            </div>
            <div class="grid-col col-8 right">
                {{-- Form --}}
                @include('forms.offerte')
            </div>
            @include('layouts.svg.bigHexagon')
        </div>


        <div style="clear: both;"></div>

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

    </div>


        @endsection

        @section('extra-js')
            <script type="text/javascript" src="/js/contact.js"></script>
@endsection