@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')
    <div class="content">
        @if(!empty($page->translation->intro))
            @include('site.partials.intro', [ 'block' => $page->translation->intro, 'buttonbar' => true ])
        @endif
        <div class="grid-row full-row" id="content">
            <div class="grid-col">
                <div class="grid-row form-holder">

                    <div class="grid-col left">
                        <div class="left-content">
                            <h3>@lang('site/contact.addressHeader')</h3>
                            <p>
                                <span>{{ \Config::get('business.company_name') }}</span><br/>
                                {{ \Config::get('business.address') }}<br/>
                                {{ (app()->getLocale()== 'nl') ? \Config::get('business.zip') : \Config::get('business.zip_with_country') }} {{ \Config::get('business.city') }}<br/><br/>
                            </p>
                            <div class="link-holder">
                                <p>
                                    <span class="letter">T</span>
                                    <a href="tel:{{ \Config::get('business.phone_call') }}">
                                        {{ \Config::get('business.phone_display') }}
                                    </a>
                                </p>
                                <p><span class="letter">E</span><a
                                            href="mailto:{{ \Config::get('business.email') }}">{{ \Config::get('business.email') }}</a>
                                </p>
                            </div>
                        </div>
                        <div class="white-block">
                            <div class="person">
                                <figure class="medium">
                                    <img alt="patrick" src="/img/person_circle.jpg"/>
                                </figure>
                            </div>
                            <h2>@lang('site/global.cta_row.cta.title')</h2>
                            <p>@lang('site/global.cta_row.cta.subtitle')</p>

                            @if(isset($links->offerte))
                                <a class="button arrow filled red" href="/{{$links->offerte->route}}">
                                    {{ $links->offerte->name }}
                                </a>
                            @endif

                            <p>- Patrick</p>
                        </div>
                        <div class="bottom-triangle">@include('svg.triangle_filled')</div>
                    </div>
                    <div class="grid-col right" id="form-holder">
                        <h3>@lang('site/contact.formHeader')</h3>
                        @include('site.forms.contact',
                        [
                            'message' => !empty($page->translation->thanks) ? $page->translation->thanks : null
                        ])
                    </div>
                </div>
            </div>
        </div>

        <div class="grid-row full-row mapholder">
            <div class="grid-col">
                <div class="grid-row">
                    <h2>@lang('site/contact.location')</h2>
                    {{-- Maps --}}
                    <div id="map"></div>
                </div>
            </div>
        </div>
    </div>
@endsection