@extends('layout.main')



@section('main-section')
    <!-- Content Wrapper Start -->
    <div class="content-wrapper">

        <!-- Breadcrumb Start -->
        <div class="breadcrumb-wrap bg-spring">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-1.png') }}" alt="Image" class="br-shape-one xs-none">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-2.png') }}" alt="Image" class="br-shape-two xs-none">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-3.png') }}" alt="Image"
                class="br-shape-three moveHorizontal sm-none">
            <img src="{{ asset('assets/img/breadcrumb/br-shape-4.png') }}" alt="Image"
                class="br-shape-four moveVertical sm-none">

            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7 col-md-8 col-sm-8">
                        <div class="breadcrumb-title">
                            <h2>Contact Us</h2>
                            <ul class="breadcrumb-menu list-style">
                                <li><a href="{{ route('home') }}">Home </a></li>
                                <li>Contact</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-4 col-sm-4 xs-none">
                        <div class="breadcrumb-img">
                            <img src="{{ asset('assets/img/breadcrumb/br-shape-5.png') }}" alt="Image"
                                class="br-shape-five animationFramesTwo">
                            <img src="{{ asset('assets/img/breadcrumb/br-shape-6.png') }}" alt="Image"
                                class="br-shape-six bounce">
                            <img src="{{ asset('assets/img/breadcrumb/breadcrumb-1.png') }}" alt="Image">

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

            </div>
        </div>
        <!-- Breadcrumb End -->

        <!-- Contact section start -->
        <section class="contact-wrap pt-100">
            <div class="container">
                <div class="row justify-content-center pb-75">
                    <div class="col-lg-4 col-md-6">
                        <div class="contact-item">
                            <span class="contact-icon">
                                <i class="flaticon-map"></i>
                            </span>
                            <div class="contact-info">
                                <h3>Our Location</h3>
                                <p>RZ K 2 125 Nihal Vihar, Near Hanuman Mandir, New Delhi, 110041
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="contact-item">
                            <span class="contact-icon">
                                <i class="flaticon-email-2"></i>
                            </span>
                            <div class="contact-info">
                                <h3>Email Us</h3>
                                <a href="mailto:support@payonmoney.com"><span class="__cf_email__"
                                        data-cfemail="#">[support@payonmoney.com]</span></a>
                                <a href="mailto:care@payonmoney.com"><span class="__cf_email__"
                                        data-cfemail="#">[care@payonmoney.com]</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="contact-item">
                            <span class="contact-icon">
                                <i class="flaticon-phone-call"></i>
                            </span>
                            <div class="contact-info">
                                <h3>Call us</h3>
                                <a href="tel:+919213873873">+91-9213873873</a>
                                {{-- <a href="tel:123456789">+91 1234 56789</a> --}}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="comp-map pb-100">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10812.169837857651!2d77.05040275541991!3d28.667614299999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d045ab09cb56b%3A0xaed14b208f4b78!2s50%20Feet%20Road%20Hanuman%20Mandir!5e1!3m2!1sen!2sin!4v1743943838705!5m2!1sen!2sin"
                        width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
            <div class="contact-form-area ptb-100 bg-albastor">
                <img src="{{ asset('assets/img/contact-shape-1.png') }}" alt="Image"
                    class="contact-shape-one animationFramesTwo">
                <img src="{{ asset('assets/img/contact-shape-2.png') }}" alt="Image" class="contact-shape-two bounce">

                <div class="container">
                    <div class="row">
                        <div class="col-xl-10 offset-xl-1 col-lg-10 offset-lg-1">
                            <div class="content-title style1 text-center mb-40">
                                <span>Send Us A Message</span>
                                <h2>Post Your Requirement</h2>
                            </div>
                           

                            <div class="contact-form">
                                <form action="{{ route('enquiry') }}" id="contactForm" class="form-wrap" method="POST">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" name="name" placeholder="Your Name*" id="name"
                                                    required data-error="Please enter your name">
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="email" name="email" id="email" required
                                                    placeholder="Your Email*" data-error="Please enter your email*">
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" minlength="13" maxlength="13" value="+91"
                                                    name="mobile"
                                                    oninput="this.value = this.value.replace(/[^0-9.+]/g, '').replace(/(\..*?)\..*/g, '$1')"
                                                    id="phone" required placeholder="Phone Number"
                                                    data-error="Please enter your phone number">
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <input type="text" name="subject" placeholder="Subject"
                                                    id="msg_subject" required data-error="Please enter your subject">
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group v1">
                                                <textarea name="message" id="message" placeholder="Your Messages.." cols="30" rows="10" required
                                                    data-error="Please enter your message"></textarea>
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 text-center">
                                            <button type="submit" value="submit" class="btn style1 w-100 d-block">Send
                                                Message </button>
                                            <div id="msgSubmit" class="h3 text-center hidden"></div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Contact section end -->

    </div>
    <!-- Content Wrapper End -->
@endsection