@extends('layouts.frontend.master')

@section('seo')
    @include('frontend.global.seo', [
        'name' => $content->name ?? '',
        'title' => $content->seo_title ?? $content->name,
        'description' => $content->seo_description ?? '',
        'keyword' => $content->seo_keywords ?? '',
        'schema' => $content->seo_schema ?? '',
        'seoimage' => $content->image ?? '',
        'created_at' => $content->created_at,
        'updated_at' => $content->updated_at,
    ])
@endsection

@section('content')
    @include('frontend.global.banner', [
        'name' => $content->name,
        'banner' => $content->banner ?? null,
        'parentname' => '',
        'parentlink' => '',
    ])

    <section class="contact-head position-relative">
        <div class="container">
            <div class="main">
                <div class="inside d-flex flex-wrap">
                    <div
                        class="d-flex gap-24 border-end border-grey flex-fill align-items-center info justify-content-center">
                        <div class="icon">
                            <i class="fa-solid fa-phone"></i>
                        </div>
                        <div class="content">
                            <p>
                                Talk to us <br /><a
                                    href="tel:{{ $setting['site_phone'] ?? '' }}">{{ $setting['site_phone'] ?? '' }}</a>
                            </p>
                        </div>
                    </div>
                    <div
                        class="d-flex gap-24 flex-fill border-end border-grey align-items-center info justify-content-center">
                        <div class="icon">
                            <i class="fa-solid fa-envelope"></i>
                        </div>
                        <div class="content">
                            <p>
                                Email us<br /><a
                                    href="mailto:{{ $setting['site_email'] ?? '' }}">{{ $setting['site_email'] ?? '' }}</a>
                            </p>
                        </div>
                    </div>
                    <div
                        class="d-flex gap-24 flex-fill border-end border-grey align-items-center info justify-content-center">
                        <div class="icon">
                            <i class="fa-solid fa-file-lines"></i>
                        </div>
                        <div class="content">
                            <p>
                                Available for Queries<br />(Get reply in 24 hrs)<br /><a
                                    href="https://api.whatsapp.com/send/?phone=9779841920175&text&app_absent=0"
                                    target="_blank">Chat
                                    Live</a>
                            </p>
                        </div>
                    </div>
                    <div class="d-flex gap-24 flex-fill align-items-center info justify-content-center">
                        <div class="icon">
                            <i class="fa-solid fa-user-tie"></i>
                        </div>
                        <div class="content">
                            <p>Visit us<br />24*7*365<br />10AM-6PM</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="contact-touch mt-48">
        <div class="container">
            <div class="row d-flex align-items-center mt-24">
                <div class="col-md-6 col-sm-12">
                    <div class="form" id="contactform">
                        <h2 class="text-secondary fw-bold">Get in touch with us</h2>
                        <form id="contact-form">
                            @csrf
                            <div class="mb-2 mt-3">
                                <input class="form-control" id="name" type="text" placeholder="Enter Full Name"
                                    name="name" />
                                <span class="text-danger">
                                    <span id="name-error"></span>
                                </span>
                            </div>
                            <div class="row ">
                                <div class="mb-2 col-lg-6 col-sm-12 mt-24">
                                    <input class="form-control" id="phone" type="text" name="phone"
                                        placeholder="Enter Phone" />
                                    <span class="text-danger">
                                        <span id="phone-error"></span>
                                    </span>
                                </div>
                                <div class="mb-2 col-lg-6 col-sm-12 mt-24">
                                    <input class="form-control" id="email" type="email" placeholder="Enter Email"
                                        name="email" />
                                    <span class="text-danger">
                                        <span id="email-error"></span>
                                    </span>
                                </div>
                            </div>
                            <div class="mb-2 mt-24">
                                <input class="form-control" id="subject" type="text" name="subject"
                                    placeholder="Enter Subject" />
                                <span class="text-danger">
                                    <span id="subject-error"></span>
                                </span>
                            </div>
                            <div class="mb-2 mt-24">
                                <textarea class="form-control" id="message" name="message" placeholder="Enter Message"></textarea>
                                <span class="text-danger">
                                    <span id="message-error"></span>
                                </span>
                            </div>
                            <button class="btn mt-3 btn-secondary text-white fw-medium" id="contact_submit" type="submit">
                                Submit <span class="d-none" id="contact-loader"><i class="fas fa-sync fa-spin"></i></span>
                            </button>
                        </form>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d113024.3948482901!2d85.15919149726561!3d27.7169053!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19d25661482b%3A0x2f1639d4d0ba9959!2sAdventure%20Planner%20Pvt.%20Ltd.!5e0!3m2!1sen!2snp!4v1683524016919!5m2!1sen!2snp"
                        width="100%" height="559px" style="border: 0" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>
    </section>
@endsection