@extends('layouts.master')

@section('editable_content')

    <div class="color-wrapper">

        @include('layouts.partials.navigation', ['shadow' => true])

        <div class="contact-content">

            <div class="background"></div>

            <div class="grid-row">

                <div class="contact-info grid-col">

                    <h1>{{$page->translation->name}}</h1>

                    <p>
                        <strong>{{ \Config::get('business.name') }}</strong><br/>
                        {{ \Config::get('business.address') }}<br/>
                        {{ \Config::get('business.zip') }} {{ \Config::get('business.city') }}<br/>
                        {{ \Config::get('business.country') }}<br/>
                        <br/>
                        <a href="tel:{{ \Config::get('business.phone_call') }}">{{ \Config::get('business.phone_display') }}</a><br/>
                        <a href="mailto:{{ \Config::get('business.email') }}">{{ \Config::get('business.email') }}</a>
                    </p>
                    <p>&nbsp;</p>
                    <p>
                        <strong>Voorzitter</strong><br/>
                        Roel Dijk<br/>
                        Jac. Clementstraat 1<br/>
                        6023 CB Budel-Schoot<br/>
                        <a href="mailto:voorzitter@ehbocranendonck.nl">E: voorzitter&shy;@ehbocranendonck.nl</a>
                    </p>
                    <p>&nbsp;</p>
                    <p>
                        <strong>Secretaris</strong><br/>
                        Anneloes Duisters<br/>
                        De Populier 12<br/>
                        6021 NX Budel<br/>
                        <a href="mailto:secretaris@ehbocranendonck.nl">E: secretaris&shy;@ehbocranendonck.nl</a>
                    </p>
                    <p>&nbsp;</p>
                    <p>
                        <strong>Penningmeester</strong><br/>
                        Stefan Greve<br/>
                        De Leeuwebek 22<br/>
                        6021 LM Budel<br/>
                        <a href="mailto:penningmeester@ehbocranendonck.nl">E: penningmeester&shy;@ehbocranendonck.nl</a>
                    </p>
                    <p>&nbsp;</p>
                    <p>
                        <strong>Evenementen</strong><br/>
                        <a href="mailto:evenementen@ehbocranendonck.nl">E: evenementen&shy;@ehbocranendonck.nl</a>
                    </p>

                    {{--<h3>@lang('translations.openingHours')</h3>--}}

                    {{--<ul class="opening-hours">--}}
                        {{--@for($i=1; $i<=7;$i++)--}}
                            {{--<li @if(\Carbon\Carbon::now()->dayOfWeek == ($i)) class="active" @endif>--}}
                                {{--<span class="day">@lang('calender.days.'.$i)</span>--}}
                                {{--<span class="hour">--}}
                                    {{--@if(Config::get('business.opening_hour_'.$i) != null)--}}
                                        {{--{{ Config::get('business.opening_hour_'.$i) }}--}}
                                    {{--@else--}}
                                        {{--@lang('translations.closed')--}}
                                    {{--@endif--}}
                                {{--</span>--}}
                            {{--</li>--}}
                        {{--@endfor--}}
                    {{--</ul>--}}

                </div>

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

            </div>

        </div>

    </div>


    @if( \Config::get('business.googlex') != '' && \Config::get('business.googleY') != '')

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

    @endif


@endsection

@section('extra-js')
    {{--<script src="/js/form.js?v=2"></script>--}}
    {{--<script>--}}
        {{--//Define form--}}
        {{--var contactForm = new Form('contactForm', ['name', 'email', 'formMessage']);--}}

        {{--// Submit button--}}
        {{--document.querySelector('#contactForm .submit').addEventListener('click', function () {--}}

            {{--contactForm.validate();--}}
            {{--if (contactForm.valid) contactForm.send();--}}

        {{--});--}}
    {{--</script>--}}

    <script src="/js/chocolateFactory.js"></script>

    <script type="text/javascript" src="/js/googleMaps.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js" type="text/javascript"></script>

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
@endsection