@extends('layouts.master', ['view' => 'contact'])

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

                   {{ $page->content->main->description }}

                    {{--<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.becomeMember')

            </div>

        </div>

    </div>



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


@endsection

@section('extra-js')
    <script src="/js/form.js?v=2"></script>
    <script>
        //Define form
        var subscribeForm = new Form('subscribeForm', ['name', 'email', 'address', 'city', 'supportType']);

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

            subscribeForm.validate();
            if (subscribeForm.valid) subscribeForm.send();

        });
    </script>

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

@endsection