@extends('frontend.layouts.app')
@section('content')
    <main>

        <!-- Contact breadcrumb area start -->
        <section class="breadcrumb__area ptb-60 p-relative z-index-1 fix" data-bg-color="#16243E">
            <div class="breadcrumb__bg" data-background="{{ asset('frontend/assets/img/breadcrumb/bg.png') }}"></div>
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-sm-6">
                        <div class="breadcrumb__content">
                            <h3 class="breadcrumb__title">Contact Us</h3>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="breadcrumb__content">
                            <div class="breadcrumb__list text-center text-sm-end">
                                <span><a href="{{ route('index') }}">Home</a></span>
                                <span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
                                <span>Contact Us</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Contact breadcrumb area end -->


        <!-- contact area start -->
        <section class="tp-contact-breadcrumb-area ptb-60">
            <div class="container">
                <div class="tp-contact-breadcrumb-box">
                    <div class="tp-contact-breadcrumb-social">
                        @if (websiteSetupValue('facebook'))
                            <a href="{{ websiteSetupValue('facebook') }}" target="_blank"><i
                                    class="fab fa-facebook-f"></i></a>
                        @endif
                        @if (websiteSetupValue('twitter'))
                            <a href="{{ websiteSetupValue('twitter') }}" target="_blank"><i class="fab fa-twitter"></i></a>
                        @endif
                        @if (websiteSetupValue('instagram'))
                            <a href="{{ websiteSetupValue('instagram') }}" target="_blank"><i
                                    class="fa-brands fa-instagram"></i></a>
                        @endif
                        @if (websiteSetupValue('linkedin'))
                            <a href="{{ websiteSetupValue('linkedin') }}" target="_blank"><i
                                    class="fa-brands fa-linkedin"></i></a>
                        @endif
                        @if (websiteSetupValue('youtube'))
                            <a href="{{ websiteSetupValue('youtube') }}" target="_blank"><i
                                    class="fa-brands fa-youtube"></i></a>
                        @endif
                    </div>
                    <div class="row">
                        <div class="col-lg-7">
                            <div class="tp-contact-breadcrumb-content">
                                <h3 class="tp-contact-breadcrumb-title">Get In <span class="heading-bg">Touch</span></h3>
                                <p>We are here for you! how can we help, We are here for you! </p>
                                <form id="contact-form" enctype="multipart/form-data" action="{{ route('enquiryStore') }}"
                                    method="POST">
                                    @csrf
                                    @if ($message = Session::get('success'))
                                        <div class="alert alert-success">
                                            <p class="mb-0">{{ $message }}</p>
                                        </div>
                                    @elseif ($message = Session::get('error'))
                                        <div class="alert alert-danger">
                                            <p class="mb-0">{{ $message }}</p>
                                        </div>
                                    @endif
                                    <div class="row">
                                        <div class="d-none">
                                            <input type="text" name="honeypot" value="">
                                        </div>
                                        <div class="col-md-12">
                                            @error('name')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <div class="tp-contact-input">
                                                <input name="name" type="text" placeholder="Your Name">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            @error('email')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <div class="tp-contact-input">
                                                <input name="email" type="email" placeholder="Email Here">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            @error('phone')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <div class="tp-contact-input">
                                                <input name="phone" type="text" oninput="validatePhone(this)"
                                                    placeholder="Phone No. Here">
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            @error('subject')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <div class="tp-contact-input">
                                                <input name="subject" type="text" placeholder="Subject Here">
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="tp-contact-input">
                                                <textarea name="message" placeholder="Message Here"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="tp-contact-breadcrumb-btn">
                                                <button type="submit" class="tp-btn">SUBMIT</button>
                                                <p class="ajax-response"></p>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="tp-contact-breadcrumb-wrapper">
                                @if (websiteSetupValue('address'))
                                    <div class="tp-contact-breadcrumb-item mb-40 d-flex">
                                        <div class="tp-contact-breadcrumb-item-icon">
                                            <span><i class="fa-solid fa-location-dot"></i></span>
                                        </div>
                                        <div class="tp-contact-breadcrumb-item-content">
                                            <h3 class="tp-contact-breadcrumb-item-title">Address</h3>
                                            <p>{{ websiteSetupValue('address') }}</p>
                                        </div>
                                    </div>
                                @endif
                                @if (websiteSetupValue('support_mail'))
                                    <div class="tp-contact-breadcrumb-item mb-40 d-flex">
                                        <div class="tp-contact-breadcrumb-item-icon">
                                            <span><i class="fa-solid fa-envelope"></i></span>
                                        </div>
                                        <div class="tp-contact-breadcrumb-item-content">
                                            <h3 class="tp-contact-breadcrumb-item-title">Mail Us</h3>
                                            <a href="mail:{{ websiteSetupValue('support_mail') }}"
                                                target="_blank">{{ websiteSetupValue('support_mail') }}</a>
                                        </div>
                                    </div>
                                @endif
                                @if (websiteSetupValue('support_phone') || websiteSetupValue('support_phone_2'))
                                    <div class="tp-contact-breadcrumb-item d-flex">
                                        <div class="tp-contact-breadcrumb-item-icon">
                                            <span><i class="fa-solid fa-phone"></i></span>
                                        </div>
                                        <div class="tp-contact-breadcrumb-item-content">
                                            <h3 class="tp-contact-breadcrumb-item-title">Telephone</h3>
                                            @if (websiteSetupValue('support_phone'))
                                                <a
                                                    href="tel:{{ websiteSetupValue('support_phone') }}">+91-{{ websiteSetupValue('support_phone') }}</a>
                                            @endif
                                            @if (websiteSetupValue('support_phone_2'))
                                                <a
                                                    href="tel:{{ websiteSetupValue('support_phone_2') }}">+91-{{ websiteSetupValue('support_phone_2') }}</a>
                                            @endif
                                        </div>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- contact area end -->



        <!-- contact map area start -->
        <div class="mapouter">
            <div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no"
                    marginheight="0" marginwidth="0"
                    src="https://maps.google.com/maps?width=600&amp;height=450&amp;hl=en&amp;q=Varanasi&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe><a
                    href="https://embed-googlemap.com">embed-googlemap.com</a></div>
            <style>
                .mapouter {
                    position: relative;
                    text-align: right;
                    width: 100%;
                    height: 450px;
                }

                .gmap_canvas {
                    overflow: hidden;
                    background: none !important;
                    width: 100%;
                    height: 450px;
                }

                .gmap_iframe {
                    height: 450px !important;
                }
            </style>
        </div>
        <!-- contact map area end -->

    </main>
@endsection