@extends('layouts.master')

@section('editable_content')

    <div class="ajax-container contact">

        <section class="main-contact loaded-animation ">
            <div class="contact-info ">

                <h2>{{KommaLang::get('signMagic')}}</h2>
                <p>
                    <strong>{{ \Config::get('business.name') }}</strong><br/>
                    {{ \Config::get('business.address') }}<br/>
                    {{ \Config::get('business.zip') }} {{ \Config::get('business.city') }}<br/>
                    <br/>
                    <a href="tel:{{ \Config::get('business.phone_call') }}">{{ \Config::get('business.phone_display') }}</a><br/>
                    <a href="mailto:{{ \Config::get('business.email') }}">info@SignMania.com</a>
                </p>

                <hr/>

                {{$page->content->translation->description[0]->description}}

                <div class="message animation-part">
                    <figure>
                        <span>1</span>
                        <img alt="photo owner" src="/img/dennis.png">
                    </figure>
                    <div class="text">
                        <p>
                            Benieuwd naar ons bedrijf?<br/>
                            Kom eens langs voor een straf kopje koffie!
                        </p>
                    </div>
                </div>
            </div>

        </section>

        {{-- Form --}}
        @include('forms.contact')

        {{-- Maps --}}
        <section class="map-container">
            <div id="map"
                 data-googlex="{{ \Config::get('business.google_x') }}"
                 data-googley="{{ \Config::get('business.google_y') }}"></div>
        </section>

    </div>

@endsection