@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>Neem vrijblijvend contact met ons op</h2>
                    <strong>{{\Config::get('business.business-name')}}</strong><br/>
                    {{\Config::get('business.adres')}}<br/>
                    {{\Config::get('business.zip')}} {{\Config::get('business.city')}}<br/>
                    {{\Config::get('business.country')}}<br/><br/>
                    KvK: {{\Config::get('business.kvk')}}<br/>
                    <br />
                    <hr>
                    <br />
                    <strong>Marian Litjens</strong><br />
                    <i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:{{Config::get('business.phone.call')}}">{{Config::get('business.phone.display')}}</a>
                    <br /><br />
                    <strong>Jack Cardinaal</strong><br />
                    <i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:{{Config::get('business.phone_alt.call')}}">{{Config::get('business.phone_alt.display')}}</a>

                    {{--@include('layouts.partials.contactPerson')--}}

                </p>

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


    <div id="map" data-googlex="51.350809" data-googley="5.556390"></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 type="text/javascript" src="/js/googleMaps.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBbJZEkizYRWdvjZeIVaZwYzn9qz9NlG9Y&callback=initMap"
            type="text/javascript"></script>


@endsection