@extends('site.master', [ 'headerIsLight' => true ])

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

    @if(isset($components))

        @foreach($components as $component)
            @include('site.organisms.contactIntro', [
                'contactIntroImage' => $component->image,
                'contactIntroText' => __('site/contact.thanksText'),
            ])
        @endforeach

    @endif


    <div class="l-contain">

        <div class="o-contact">

            <div class="o-contact__hours">

                <h4 class="o-contact__title">
                    @lang('site/global.opening_hours')
                </h4>

                @include('site.components.openingHours', ['modifiers' => 'no-columns'])

            </div>

            <div class="o-contact__map-area">
                <div class="o-contact__map-placeholder">
                    <div class="o-contact__map" id="map"
                         data-google-lat="{{ config('site.company.googleMaps.lat') }}"
                         data-google-lng="{{ config('site.company.googleMaps.lng')  }}">
                    </div>
                </div>
            </div>

        </div>

    </div>

@endsection