@extends('layouts.master')

@section('editable_content')

    <div class="header-background blue">

        <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">

                {{--@if(isset($page->content->contact))--}}
                    {{--<h2>{{ $page->content->contact->translation->name }}</h2>--}}
                    {{--{{ $page->content->contact->translation->description }}--}}
                    {{--<hr/>--}}
                {{--@else--}}
                    {{--<h2>Voeg een tekstblok toe met<br/>code_name 'contact'</h2>--}}
                    {{--<p>Titel + Omschrijving. In de titel kan eventueel &lt;br/&gt; gezet<br/>worden om--}}
                        {{--een enter te maken.--}}
                    {{--</p>--}}
                    {{--<hr/>--}}
                {{--@endif--}}


                <p>
                    <strong>{{\Config::get('business.business_name')}}</strong><br/>
                    {{\Config::get('business.address')}}<br/>
                    {{\Config::get('business.zip')}} {{\Config::get('business.city')}}<br/>
                    {{\Config::get('business.country')}}<br/>
                    <br/>
                    <hr/>

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

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

    {{--<section class="discover">--}}
        {{--@include('layouts.partials.discoverRow')--}}
    {{--</section>--}}

    {{--<div id="map" data-googlex="{{\Config::get('business.google_x')}}" data-googley="{{\Config::get('business.google_y')}}"></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=AIzaSyBbqF_8gcFAkSYusr2dxHWwdKWDUjebCM0&callback=initMap"
            type="text/javascript"></script>


@endsection