@extends('master')

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('content')

    @if(!empty($page->translation->description))
        @include('organisms.hero', [ 'bottomShape' => 2 ])
    @endif

    <div class="o-contact-content">
        <div class="l-contain">
            <div class="l-bisection">
                <div class="l-bisection__item">
                    <div class="contact-options">
                        <div class="left">
                            <a href="tel:{{ config('site.company_phone_call') }}">@include('svg.phone') {{ config('site.company_phone_display') }}</a>
                            <a href="mailto:{{ config('site.company_email') }}">@include('svg.mail') {{ config('site.company_email') }}</a>
                        </div>
                        <div class="right">
                            @include('svg.home')
                            <div class="company-details">
                                <p>{{ config('site.company_address') }}</p>
                                <p>{{ config('site.company_zip') }} {{ config('site.company_city') }}</p>
                            </div>
                        </div>
                    </div>
                    @if(!empty(config('site.google_maps_lat')) && !empty(config('site.google_maps_long')))
                        <div class="o-map">
                            <div class="o-map__inner js-google-map" id="map"
                                 data-google-lat="{{ config('site.google_maps_lat') }}"
                                 data-google-lng="{{ config('site.google_maps_long') }}"
                            ></div>
                        </div>
                    @endif
                </div>
                <div class="l-bisection__item">
                    @include('organisms.forms.contact')
                </div>
            </div>
        </div>
    </div>

    @include('organisms.componentables.cta', ['componentAreaName' => 'fake'])

@endsection