@extends('layouts.master')

@section('editable_content')

    <div class="header-background">

        <div class="content-container">
            <div class="base-breadcrumb">
                @include('layouts.partials.breadcrumb')
            </div>
        </div>

    </div>

    <div class="contact-block">
        <div class="content-container">
            <div class="contact-information">

                <p>
                    <h2>@lang('translations.contact_title')</h2>
                    <strong>{{\Config::get('business.business-name')}}</strong><br/>
                    {{\Config::get('business.adres')}}<br/>
                    {{\Config::get('business.zip')}} {{\Config::get('business.city')}}<br/>
                    @lang('translations.country')<br/>
                    <a href="tel:{{Config::get('business.phone.call')}}">{{Config::get('business.phone.display')}}</a>

                    <hr>
                    @include('layouts.partials.contactPerson')
                </p>

            </div>
            <div class="contact-content-container">
                @include('forms.contact')
            </div>
        </div>
    </div>


    <div id="map" data-googlex="51.309326" data-googley="5.630877"></div>

@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/contact.js"></script>
    <script type="text/javascript" src="/js/selectric.min.js"></script>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyChL-c1tMihVjQuWrvNEwBKVPVK6v6z79E"
            type="text/javascript"></script>
    <script type="text/javascript" src="/js/googleMaps.js"></script>

@endsection