@extends('site.master')

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

@section('content')
    @if(!empty($page->translation->intro))
        @include('site.partials.intro', [ 'block' => $page->translation->intro, 'buttonbar' => false, 'withoutImage' => true ])
    @endif
    <div class="content">
        <div class="grid-row full-row">
            <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 class="adress">
                                <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="Contact person" src="/img/employees/Anton.png"/>
                                </figure>
                            </div>
                            <h2>@lang('site/global.cta_row.cta.title')</h2>
                            <p>@lang('site/global.cta_row.cta.subtitle')</p>

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

{{--                            <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.offerFormHeader')</h3>
                        @include('site.forms.offer',
                        [
                            '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