@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')

    <div class="l-contain">
        @include('components.pageTitle')
    </div>

    <div class="l-block  l-contain">

        <p>@lang('contact.address'):</p>
        <ul class="u-list">
            <li>{{config('site.company_name')}}</li>
            <li>{{config('site.company_address')}}</li>
            <li>{{config('site.company_zip')}} {{config('site.company_city')}}</li>
            <li>{{config('site.company_country')}}</li>
        </ul>

        <ul class="u-list  u-spacing-mt4">
            <li><a href="tel:{{ config('site.company_phone_call') }}">{{ config('site.company_phone_display') }}</a></li>
            <li><a href="mailto:{{ config('site.company_email') }}">{{ config('site.company_email') }}</a></li>
        </ul>

        <ul class="u-list  u-spacing-mt4">
            <li>@lang('company.chamber_of_commerce'): {{ config('site.company_kvk') }}</li>
        </ul>

    </div>

    <div class="l-block  l-contain">
        <h3 class="c-heading  u-spacing-mb4">@lang('contact.map_heading')</h3>
        <div class="o-map">
            <div class="o-map__inner  js-google-map" id="map"
                 data-google-lat="{{ !empty(config('site.google_maps_lat')) ? config('site.google_maps_lat') : '51.257929' }}"
                 data-google-lng="{{ !empty(config('site.google_maps_long')) ? config('site.google_maps_long') : '5.595330' }}"
            >
        </div>
        </div>
    </div>

    <div class="l-block  l-contain">
        @if(isset($send))
            <h3 class="c-heading">@lang('contact.send.title')</h3>
            <p>@lang('contact.send.description')</p>
        @else
            <h3 class="c-heading">@lang('contact.form_title')</h3>
            @include('organisms.forms.contact')
        @endif

    </div>

    @include('organisms.components')

    <div class="l-block">
        @include('organisms.calloutBar')
    </div>

@endsection