@extends('front.layouts.master')

@section('content')
<main class="mb-4 pb-4">
    <div class="mb-4 pb-4"></div>
    <section class="contact-us container">
        <div class="mw-930">
            <h2 class="page-title">{{ __('front.contact_us') }}</h2>
        </div>
    </section>
    <section class="google-map mb-5">
        <h2 class="d-none">{{ __('front.contact_us') }}</h2>
        <div id="map" class="google-map__wrapper map-container">
            {!! $app_settings->get('google_map') !!}
        </div>
    </section>
    <section class="contact-us container">
        <div class="mw-930">
            <div class="row mb-5">
                <div class="col-lg-12 text-center">
                    {!! $app_settings->get('address') !!}
                    <h4 class="mb-4">
                        {{ $app_settings->get('email') }}<br/>
                        {{ $app_settings->get('phone') }}
                    </h4>
                </div>
            </div>
        </div>
    </section>
</main>

@push('style')
    <style>
        .map-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
    </style>
@endpush

@endsection