@extends('site::layouts.master')


@section('title', $pageTitle ?? 'Contact Us')

@section('content')

    <x-frontend.breadcrumbs title="{{ $pageTitle ?? 'Contact Us' }}" active="{{ $pageTitle ?? 'Contact Us' }}" />

    <!--Contact Details Start-->
    <section class="contact-details">
        <div class="container pt-5 pb-5 mb-3">
            <div class="row">
                <div class="col-xl-7 col-lg-6">
                    <div class="sec-title">
                        <span class="sub-title">Send us email</span>
                        <h2>Feel Free to Write</h2>
                    </div>
                    <x-frontend.contact-us-query-form />
                </div>
                <div class="col-xl-5 col-lg-6">
                    <div class="contact-details__right">
                        <div class="sec-title">
                            <span class="sub-title">Need any help?</span><br>
                            {!! $contactUsPageShortDescription->content ?? '-' !!}
                        </div>
                        <ul class="list-unstyled contact-details__info">
                            <li>
                                <div class="icon bg-theme-color2">
                                    <span class="lnr-icon-phone-plus"></span>
                                </div>
                                <div class="text">
                                    <h6 class="mb-0">Have any question?</h6>
                                    {!! $contactUsPagephoneNumber->content ?? '-' !!}
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="lnr-icon-envelope1"></span>
                                </div>
                                <div class="text">
                                    <h6 class="mb-0">Write email</h6>
                                    <a href="mailto:{!! $contactUsPageEmail->content ?? '-' !!}">{!! $contactUsPageEmail->content ?? '-' !!}</a>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="lnr-icon-location"></span>
                                </div>
                                <div class="text">
                                    <h6 class="mb-0">Visit anytime</h6>
                                    {!! $contactUsPageAddress->content ?? '-' !!}
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Contact Details End-->

    <!-- Faq Section -->
    <x-frontend.home-faq />
    <!-- End Faq Section -->

    <section>
        <div class="container-fluid p-0 mb-5">

            <h3 class="text-center border-bottom pb-2">Our Location on Map</h3>

            <!-- Google Map HTML Codes -->
            @if (isset($googleMap))
                <iframe src="{{ $googleMap->content }}" data-tm-width="100%" height="600" frameborder="0"
                    allowfullscreen=""></iframe>
            @endif
        </div>
    </section>

@endsection