@php
    $app_local      = get_default_language_code();
    $slug           = Illuminate\Support\Str::slug(App\Constants\SiteSectionConst::CONTACT_SECTION);
    $contact        = App\Models\Admin\SiteSections::getData($slug)->first();

@endphp

<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    start contact
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div class="contact-location pt-80">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-12 text-center">
                <div class="section-title pb-40">
                    <h2 class="title">{{ $contact->value->language->$app_local->title ?? ''}}<span class="text--base"></span></h2>
                </div>
            </div>
        </div>
        <div class="row mb-40-none">
            <div class="col-lg-7 mb-40">
                <div class="contact-form-area">
                    <div class="contact-header pb-30">
                        <h4 class="title">{{ $contact->value->language->$app_local->description ?? ''}}</h4>
                    </div>
                    <form class="contact-form" action="{{ setRoute('frontend.contact.message.send') }}" method="POST">
                        @csrf
                        <div class="row justify-content-center mb-10-none">
                            <div class="col-xl-6 col-lg-6 col-md-6 form-group">
                                <label>{{ __("Name") }}<span>*</span></label>
                                <input type="text" name="name" class="form--control" placeholder="{{ __("Enter Name") }}...">
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-6 form-group">
                                <label>{{ __("Email") }}<span>*</span></label>
                                <input type="email" name="email" class="form--control" placeholder="{{ __("Enter Email") }}...">
                            </div>
                            <div class="col-xl-12 col-lg-12 form-group">
                                <label>{{ __("Message") }}<span>*</span></label>
                                <textarea class="form--control" name="message" placeholder="{{ __("Write Here") }}..."></textarea>
                            </div>
                            <div class="col-lg-12 form-group">
                                <button type="submit" class="btn--base">{{ __("Send Message") }}</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-5 mb-40">
                <div class="row justify-content-center text-center mb-30-none">
                    <div class="col-lg-12 mb-30">
                        <div class="contact-widget">
                            <div class="contact-item-icon">
                                <img  src="{{ asset('public/frontend/images/icon/location.gif') }}" alt="icon">
                            </div>
                            <div class="contact-item-content">
                                <h3 class="title">{{ __("Our Location") }}</h3>
                                <span class="sub-title">{{ $contact->value->address ?? '' }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 mb-30">
                        <div class="contact-widget">
                            <div class="contact-item-icon">
                                <img src="{{ asset('public/frontend/images/icon/mobile.gif') }}" alt="icon">
                            </div>
                            <div class="contact-item-content">
                                <h3 class="title">{{ __("Call us on") }}: {{ $contact->value->phone ?? '' }}</h3>
                                @foreach ($contact->value->schedules ?? [] as $item)
                                    <span class="sub-title">{{ __("Our office hours") }} {{ $item->schedule ?? '' }}</span>
                                @endforeach
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 mb-30">
                        <div class="contact-widget">
                            <div class="contact-item-icon">
                                <img src="{{ asset('public/frontend/images/icon/email.gif') }}" alt="icon">
                            </div>
                            <div class="contact-item-content">
                                <h3 class="title">{{ __("Email us directly") }}</h3>
                                <span class="sub-title">{{ $contact->value->email ?? '' }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="contact-section ptb-80">
    <div class="container">
        <div class="col-lg-12">
            <div class="location-map">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3070.1899657893728!2d90.42380431666383!3d23.779746865573756!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c7499f257eab%3A0xe6b4b9eacea70f4a!2sManama+Tower!5e0!3m2!1sen!2sbd!4v1561542597668!5m2!1sen!2sbd" style="border:0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    end contact
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->

