@extends('site.master')

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

@section('content')
    <div class="grid-row">
        <div class="grid-col contact-header">
            <h1>{{$page->translation->name}}</h1>
            <a href="/{{$links->customerservice->route}}" class="button arrow">
                {{--Klantenservice--}}
                {{$links->customerservice->name}}
            </a>
        </div>
        <div class="grid-col contact-content">
            <div class="grid-row">
                <div class="grid-col left">
                    <h2>{{$page->translation->intro->typeName}}</h2>
                    {!! $page->translation->intro->description !!}
                    <hr>
                    <h3>@lang('site/global.mailAddress_warehouse')</h3>
                    <p class="contact-data">
                        {{ \Config::get('business.company_name') }}<br/>
                        {{ \Config::get('business.address') }}<br/>
                        {{ \Config::get('business.zip') }}
                        {{ \Config::get('business.city') }}<br/>
                        {{ \Config::get('business.country') }}<br/>
                        Tel: &nbsp;<a href="tel:{{ \Config::get('business.phone_call') }}">{{ \Config::get('business.phone_display') }}</a><br/>
                        E-mail: <a
                                href="mailto:{{ \Config::get('business.email') }}">{{ \Config::get('business.email') }}</a>
                    </p>

                    <h3>@lang('site/global.openingHours_warehouse')</h3>
                    <p>@lang('site/global.mondayTillThursday'): 8.30 – 17.00 uur<br/>
                        @lang('site/global.friday'): 8.30 – 16.00 uur
                    </p>

                </div>
                <div class="grid-col right">
                    <h3>@lang('site/global.contactForm')</h3>
                    @include('site.forms.contact')
                </div>
            </div>
        </div>
    </div>
    <div class="grid-row">
        <div class="grid-col mapholder">
            {{-- Maps --}}
            <div id="map"></div>
        </div>

    </div>
@endsection