@extends('layouts/main-layout')


@section('meta_title')
Contact Us | KM NU Hospitals
@endsection



@section('meta_description')
Contact KM NU Hospitals for expert healthcare services. Reach out to us for appointments, inquiries, and assistance. Your health is our priority.
@endsection



@section('meta_keywords')
@endsection


@section('canonical')
https://www.nuhospitals.com/
@endsection



@section('custom-css')
<style>
    .banner-bg {
        background-image: url("/assets/images/banner/Web-banner-Contactus.jpg") !important;
        background-size: cover;
    }

    label.error {
        color: #f04124;
    }

    .phone_number {
        background: #ffffff;
        border: 1px solid #ececec;
        color: #999999;
        display: block;
        font-size: 14px;
        height: 50px;
        margin-bottom: 30px;
        padding: 0 20px;
        width: 100%;
        transition: all 500ms ease;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }

    .error {
        color: red;
    }

    button.tablinks {
        padding: 19px;
        position: sticky;
        border: none !important;
        background: #0392ce;
        color: white;
        width: 16%;
    }

    .tab button.active {
        background-color: #0392ce;
        color: white;
    }

    .tab {
        background-color: white !important;
        border: 1px solid lightgrey;
        border-radius: 0px !important;
        box-shadow: none !important;
    }

    .txtPhonenu {
        margin-bottom: 30px;
    }

    .iti.iti--allow-dropdown {
        width: 100% !important;
    }

    input#phone2 {
        padding-left: 50px;
    }

    .contact-us {
        padding-top: 10px;
    }

    .contact-us .contact-form form {
        background: #fcfcfc;
        border: 1px solid #f0f0f0;
        display: block;
        padding: 15px 30px 60px;
        margin-bottom: 30px;
    }

    .contact-us .contact-form form input[type="text"],
    .contact-us .contact-form form input[type="email"]{
        background: #ffffff;
        border: 1px solid #ececec;
        color: #999999;
        display: block;
        font-size: 14px;
        height: 45px;
        margin-bottom: 30px;
        padding: 0 20px;
        width: 100%;
        transition: all 500ms ease;
    }
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection



@section('content')
<section class="news-page">
    <!-- Banner section start-->
    <!-- <div class="jumbotron text-left banner-bg">
        <div class="row v-center reverse">
            <div class="col-md-6 col-sm-12 p-5 white text-banner">

            </div>
        </div>
    </div> -->
    <!--content section-->
</section>
<div class="contact-us">
    <div class="container">
        <!-- <div class="sec-title">
            <h1>Contact Us</h1>
            <span class="border"></span>
        </div> -->

        <!-- <ul class="tabs"> -->
        <!-- <li class="active-tab" >Ambur</li> -->
        <!-- </ul> -->

        <div class="tabs-content mb-5">
            <div class="tab-cont-list">

                <div class="row justify-content-center">
                    <div class="col-lg-8 mb-0">
                        <div class="contact-form">


                            <!-- <form class="form-wrap" action="{{ route('submit-form') }}" method='post'  >
                            @csrf
                             <form class="form-wrap"  action="" name='BookAppointmentFrm' id='BookAppointmentFrm'> -->
                            <!-- <input type="hidden" name="source" value="Web-NUH-Request Appointment"/>
                                <div class="row justify-content-end d-none" id="clear-filter-wrap">
                                    <div class="col-md-4 mb-3 text-right">
                                        <a style="text-decoration: underline;" href="/request-appointment"><span class="text-black-50">Clear
                                                Filter</span></a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="text" name="name" id="full_name" class="form-control" placeholder="Full Name *" required>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="email" name="email" id="email"  class="form-control" placeholder="Email *" >
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="text" name="phone" id="contact_no" class="form-control" placeholder="Phone *" required>
                                        </div>
                                    </div>
                              

                                    <input type="hidden" value="" name="country" />
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <textarea name="remarks" class="form-control p-2 pl-4" id="message" cols="30" rows="5" placeholder="Message"></textarea> -->
                            <!-- </div>
                                    </div>
                                    <input type="hidden" name="primary_source" id='primary_source' value='website'>
                                    <input type="hidden" name="secondary_source" id='secondary_source' value='home-form'>

                                </div>
                                <div class="justify-content-center row">
                                    <div class="col-md-6" id="submit-btn-wrap">
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <!-- <input type="button" id="submit-btn" class="bgclr-1 w-100" value="Submit"  onclick="submitForm()"> -->
                            <!-- <input type="submit" id="submit-btn" class="bgclr-1 w-100" value="Submit" >
                                            </div>
                                            <div id="response"></div>
                                        </div>
                                    </div>
                                </div>
                            </form> -->


                            <!-- <form id="contact-form2" name="contact-form2" class="default-form"> -->
                            <form id="book_appointment" action="{{ route('submit-form') }}" class="contactForm pb-4" method="POST">
                                @csrf
                                <h2 class="mb-3">BOOK AN APPOINTMENT</h2>
                                <input type="hidden" id="contact_title" name="title" value="KMNU Hospitals Contact Page Make An Appointment Form">
                                <div class="row">
                                    <div class="col-md-6">
                                        <!-- <input type="text" id="name2" name="name2" value="" placeholder="Your Name*"
                                            required="" aria-required="true"> -->
                                        <input type="text" id="name2" name="name" value="" placeholder="Your Name*" required="" aria-required="true">
                                        <span id="error_name4" class="error"></span>
                                        <input type="hidden" id="web_source" name="web_source" value="contact-thankyou">
                                    </div>
                                    <div class="col-md-6">
                                        <!-- <input type="email" id="email2" name="email2" value="" placeholder="Your Mail*"
                                            required="" aria-required="true"> -->
                                        <input type="email" id="email2" name="email" value="" placeholder="Your Mail" aria-required="true" required>
                                        <span id="error_email4" class="error"></span>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 txtPhonenu">
                                        <!-- <input type="text"  class="phone_number" id="phone2" name="phone2" value="" placeholder="Phone*">
                                        <span id="error_phone2" class="error"></span> -->
                                        <input type="text" class="phone_number TxtPhone" id="phone2" name="phone" value="" placeholder="Phone*" onkeypress="return event.charCode >= 48 && event.charCode <= 57" required="" maxlength="13">
                                        <span id="error_phone2" class="error"></span>
                                    </div>
                                    <!-- <div class="col-md-6">
                                        <input type="text"  id="subject2" name="subject2" value="" placeholder="Subject">
                                    </div> -->
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <!-- <textarea name="form_message" id="message2" placeholder="Your Message.." required=""
                                            aria-required="true"></textarea> -->
                                        <textarea name="message" id="message2" placeholder="Your Message.." aria-required="true"></textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="checkbox" id="field_terms" name="terms" checked required=""><small> &nbsp; I authorise KMNU Hospitals and its representative to contact me with updates and notifications via Email, SMS, WhatsApp, and Call. This will override the registry on DND / NDNC.</small>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="custom-button">
                                            <input id="form_botcheck" name="form_botcheck" class="form-control" type="hidden" value="">
                                            <button class="thm-btn bgclr-1 g-recaptcha" type="submit" data-loading-text="Please wait..." data-sitekey="6LfwChspAAAAACifTwYuPSVy6YYsw_bzKFij1jo8" data-callback='onSubmitContact' data-action='submit'>Send Message</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>

                <!-- <ul class="tabs">
            <li class="active-tab" >Ambur</li>
        </ul> -->

                <div class="tab">
                    <button class="tablinks" onclick="openCity(event, 'London')">AMBUR</button>
                </div>

                <div id="London" class="tabcontent" style="display:block !important;">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="quick-contact">
                                <div class="title">
                                    <h2>KM NU Hospitals</h2>
                                    <p>If you have any questions simply use the following contact details.</p>
                                </div>

                                <ul class="contact-info">
                                    <li>
                                        <div class="icon-holder">
                                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                                        </div>
                                        <div class="text-holder">
                                            <h5><span>Address:</span> 75/2F2, NH 48, MC Road, Solur, Ambur - 635 814, Tirupattur (Dt.), Tamilnadu.</h5>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon-holder">
                                            <i class="fa fa-mobile" aria-hidden="true"></i>
                                        </div>
                                        <div class="text-holder">
                                            <h5><span>Phone:</span><a href="tel:8431314141"> +91 8431314141</a></h5>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon-holder">
                                            <i class="fa fa-envelope-o" aria-hidden="true"></i>
                                        </div>
                                        <div class="text-holder">
                                            <h5><span>Email:</span> <a href="mailto:kmnucares@nuhospitals.com"> care.ambur@nuhospitals.com</a></h5>
                                        </div>
                                    </li>
                                </ul>
                                <ul class="social-links">
                                    <li><a href="https://www.facebook.com/KMNUHospitalsAmbur" target="_blank"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="https://twitter.com/NU_Hospitals" target="_blank">
                                            <i class="fa-brands fa-x-twitter"></i>

                                    <li><a href="https://www.youtube.com/user/NUHospitals" target="_blank"><i class="fa-brands fa-youtube"></i></a></li>
                                </ul>

                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="map-section">
                                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15563.408025551631!2d78.7221784!3d12.7881167!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x8cd35f939a420b88!2sK.M%20-%20NU%20Kidney%20Hospitals!5e0!3m2!1sen!2sin!4v1575378270669!5m2!1sen!2sin" width="100%" height="400" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                            </div>
                        </div>
                        <!-- <div class="col-lg-5">
                        <div class="hospital-img">
                            <div class="owl-slider">
                                <div id="carousel" class="owl-carousel contact-carousel">
                                    <div class="item">
                                        <div class="div-location-main">
                                            <div class="locat-img-div"> <img
                                                    src="{{asset('assets/images/hospital-shiv.png')}}"
                                                    class="img-fluid"> </div>


                                        </div>
                                    </div>

                                    <div class="item">
                                        <div class="div-location-main">
                                            <div class="locat-img-div"> <img
                                                    src="{{asset('assets/images/hospital-shiv.png')}}"
                                                    class="img-fluid"> </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="div-location-main">
                                            <div class="locat-img-div"> <img
                                                    src="{{asset('assets/images/hospital-shiv.png')}}"
                                                    class="img-fluid"> </div>
                                        </div>
                                    </div>

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

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



    </div>
    <section class="team-area doctor d-none">
        <div class="container">
            <div class="sec-title mar0auto text-center">
                <h1>Our Team members</h1>
                <span class="border border-left"></span>
            </div>
            <div class="row">
                <!--Start single item-->
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="single-team-member">
                        <div class="img-holder">
                            <img src="{{asset('assets/images/doctor-01.jpg')}}" alt="Doctor Image">
                            <div class="overlay-style">
                                <div class="box">
                                    <div class="content">
                                        <div class="top">
                                            <h3>Marc Parcival</h3>
                                            <span>Newyork</span>
                                        </div>
                                        <span class="border"></span>
                                        <div class="bottom">
                                            <ul>
                                                <li><i class="fa fa-phone" aria-hidden="true"></i> +321 567 89 0123
                                                </li>
                                                <li><i class="fa fa-envelope" aria-hidden="true"></i>
                                                    Bailey@Hospitals.com</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-holder">
                                <h3>Marc Parcival</h3>
                                <span>Newyork</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single item-->
                <!--Start single item-->
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="single-team-member">
                        <div class="img-holder">
                            <img src="{{asset('assets/images/doctor-02.jpg')}}" alt="Doctor Image">
                            <div class="overlay-style">
                                <div class="box">
                                    <div class="content">
                                        <div class="top">
                                            <h3>Alen Bailey</h3>
                                            <span>Newyork</span>
                                        </div>
                                        <span class="border"></span>
                                        <div class="bottom">
                                            <ul>
                                                <li><i class="fa fa-phone" aria-hidden="true"></i> +321 567 89 0123
                                                </li>
                                                <li><i class="fa fa-envelope" aria-hidden="true"></i>
                                                    Bailey@Hospitals.com</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-holder">
                                <h3>Marc Parcival</h3>
                                <span>Newyork</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single item-->
                <!--Start single item-->
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="single-team-member">
                        <div class="img-holder">
                            <img src="{{asset('assets/images/doctor-03.jpg')}}" alt="Doctor Image">
                            <div class="overlay-style">
                                <div class="box">
                                    <div class="content">
                                        <div class="top">
                                            <h3>Basil Andrew</h3>
                                            <span>Newyork</span>
                                        </div>
                                        <span class="border"></span>
                                        <div class="bottom">
                                            <ul>
                                                <li><i class="fa fa-phone" aria-hidden="true"></i> +321 567 89 0123
                                                </li>
                                                <li><i class="fa fa-envelope" aria-hidden="true"></i>
                                                    Bailey@Hospitals.com</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-holder">
                                <h3>Marc Parcival</h3>
                                <span>Newyork</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single item-->
                <!--Start single item-->
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                    <div class="single-team-member">
                        <div class="img-holder">
                            <img src="{{asset('assets/images/doctor-04.jpg')}}" alt="Doctor Image">
                            <div class="overlay-style">
                                <div class="box">
                                    <div class="content">
                                        <div class="top">
                                            <h3>Edgar Denzil</h3>
                                            <span>Newyork</span>
                                        </div>
                                        <span class="border"></span>
                                        <div class="bottom">
                                            <ul>
                                                <li><i class="fa fa-phone" aria-hidden="true"></i> +321 567 89 0123
                                                </li>
                                                <li><i class="fa fa-envelope" aria-hidden="true"></i>
                                                    Bailey@Hospitals.com</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="text-holder">
                                <h3>Edgar Denzil</h3>
                                <span>Newyork</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--End single item-->
            </div>
        </div>
    </section>
    <!--End team area-->
</div>
@endsection



@section('custom-js')
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    jQuery(document).ready(function() {
        $.validator.addMethod("alphabetsnspace", function(value, element) {
            return this.optional(element) || /^[a-zA-Z ]*$/.test(value);
        });
        $.validator.addMethod('customphone', function(value, element) {
            return this.optional(element) || /^\d{3}-\d{3}-\d{4}$/.test(value);
        }, "Please enter a valid phone number");
        $("#contact-form1").validate({
            rules: {
                email1: {
                    required: true,
                    email: true
                },
                name1: {
                    required: true,
                    alphabetsnspace: true
                },
                phone1: {
                    required: true,
                    number: true,
                    min: 10
                }
            }
        });
        $("#contact-form2").validate({
            rules: {
                email2: {
                    required: true,
                    email: true
                },
                name2: {
                    required: true,
                    alphabetsnspace: true
                },
                phone2: {
                    required: true,
                    number: true,
                    min: 10
                }
            }
        });
        $("#contact-form3").validate({
            rules: {
                email3: {
                    required: true,
                    email: true
                },
                name3: {
                    required: true,
                    alphabetsnspace: true
                },
                phone3: {
                    required: true,
                    number: true,
                    min: 10
                }
            }
        });
        $("#contact-form4").validate({
            rules: {
                email: {
                    required: true,
                    email: true
                },
                name: {
                    required: true,
                    alphabetsnspace: true
                }
            },
            phone: {
                required: true,
                number: true,
                maxlength: 10
            }
        });
    })

    $('#contact-form1').submit(function(e) {
        e.preventDefault();
        var error_list = $("#contact-form1").validate();
        var error_length = error_list.errorList.length;
        const name = $("#name11").val();
        const email = $("#email1").val();
        const contact = $("#phone1").val();
        const message = $("#message1").val()
        const subject = $('#subject1').val();
        if (name == "" || email == "" || contact == "" || message == "" || subject == "") {
            return false;
        }
        $('#error_phone1').text("");
        $('#error_email1').text("");
        var a = $("#phone1").val();
        var filter = /^[7-9][0-9]{9}$/;
        if (!filter.test(a)) {
            $('#error_phone1').text('Phone number is not valid');
            return false;
        }
        const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        if (!re.test(String(email).toLowerCase())) {
            $('#error_email1').text('Email is not valid');
            return false;
        }
        const data = {
            name: name,
            email: email,
            contact: contact,
            message: message,
            country: country,
            subject: subject,
            source: 'Google Ads - Dialysis'
        }
        if (error_length == 0) {
            $.ajax({
                type: 'POST',
                url: "https://endpoint.in.ext.con.nufertility.com/api/crm/landing-page",
                data: data,
                success: function(data) {
                    console.log(data);
                    window.location.href = '/requestthankyou';
                },
                error: function(err) {
                    console.log(err);
                }

            })
        }

    })



    $('#contact-form3').submit(function(e) {
        e.preventDefault();
        var error_list = $("#contact-form3").validate();
        var error_length = error_list.errorList.length;
        const name = $("#name3").val();
        const email = $("#email3").val();
        const contact = $("#phone3").val();
        const message = $("#message3").val()
        const subject = $('#subject3').val();
        if (name == "" || email == "" || contact == "" || message == "" || subject == "") {
            return false;
        }
        $('#error_phone3').text("");
        $('#error_email3').text("");
        var a = $("#phone3").val();
        var filter = /^[7-9][0-9]{9}$/;
        if (!filter.test(a)) {
            $('#error_phone3').text('Phone number is not valid');
            return false;
        }
        const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        if (!re.test(String(email).toLowerCase())) {
            $('#error_email3').text('Email is not valid');
            return false;
        }
        const data = {
            name: name,
            email: email,
            contact: contact,
            message: message,
            subject: subject,
            source: 'Google Ads - Dialysis'
        }
        if (error_length == 0) {
            $.ajax({
                type: 'POST',
                url: "https://endpoint.in.ext.con.nufertility.com/api/crm/landing-page",
                data: data,
                success: function(data) {
                    console.log(data);
                    window.location.href = '/requestthankyou';
                },
                error: function(err) {
                    console.log(err);
                }

            })
        }

    })

    $('#contact-form4').submit(function(e) {
        e.preventDefault();
        var error_list = $("#contact-form4").validate();
        var error_length = error_list.errorList.length;
        const name = $("#name4").val();
        const email = $("#email4").val();
        const contact = $("#phone4").val();
        const message = $("#message4").val()
        const subject = $('#subject4').val();
        if (name == "" || email == "" || contact == "" || message == "" || subject == "") {
            return false;
        }
        $('#error_phone4').text("");
        $('#error_email4').text("");
        var a = $("#phone4").val();
        var filter = /^[7-9][0-9]{9}$/;
        if (!filter.test(a)) {
            $('#error_phone4').text('Phone number is not valid');
            return false;
        }
        const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        if (!re.test(String(email).toLowerCase())) {
            $('#error_email4').text('Email is not valid');
            return false;
        }



        const data = {
            name: name,
            email: email,
            contact: contact,
            message: message,
            subject: subject,
            source: 'Google Ads - Dialysis'
        }
        if (error_length == 0) {
            $.ajax({
                type: 'POST',
                url: "https://endpoint.in.ext.con.nufertility.com/api/crm/landing-page",
                data: data,
                success: function(data) {
                    console.log(data);
                    window.location.href = '/requestthankyou';
                },
                error: function(err) {
                    console.log(err);
                }

            })
        }

    })
    jQuery(".contact-carousel").owlCarousel({
        autoplay: true,
        lazyLoad: true,
        loop: true,
        margin: 20,
        responsiveClass: true,
        autoHeight: true,
        autoplayTimeout: 7000,
        smartSpeed: 800,
        nav: true,
        margin: 50,
        responsive: {
            0: {
                items: 1
            },

            600: {
                items: 1
            },

            1024: {
                items: 1
            },

            1366: {
                items: 1
            }
        }
    });
</script>

<script>
    function openCity(evt, cityName) {
        var i, tabcontent, tablinks;
        tabcontent = document.getElementsByClassName("tabcontent");
        for (i = 0; i < tabcontent.length; i++) {
            tabcontent[i].style.display = "none";
        }
        tablinks = document.getElementsByClassName("tablinks");
        for (i = 0; i < tablinks.length; i++) {
            tablinks[i].className = tablinks[i].className.replace(" active", "");
        }
        document.getElementById(cityName).style.display = "block";
        evt.currentTarget.className += " active";
    }
</script>
<script>
    $(document).on("keyup", '#name2', function(e) {
        e.preventDefault();
        var a = $('#name2').val();
        var regexp = /^[a-zA-Z\s]+$/;
        if (regexp.test(a)) {
            $('#error_name4').text('');
            return true;
        } else {
            $('#error_name4').text('Enter only  alphabets');
            return false;
        }
    });

    $(document).on("change", '#email2', function(e) {
        e.preventDefault();
        var a = $('#email2').val();
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        if (emailReg.test(a)) {
            $('#error_email4').text('');
            return true;
        } else {
            $('#error_email4').text('Enter valid email');
            return false;
        }
    });

    $(document).on('change', '#phone2', function(e) {
        e.preventDefault();
        validate();

    });

    function onSubmitContact() {
        var a = $('#error_phone2').text();
        var b = $('#error_name4').text();
        var c = $('#error_email4').text();
        if (a || b || c) {
            return false;
        }
        const name = $("#name2").val();
        const email = $("#email2").val();
        const contact = $("#phone2").val();
        const message = $("#message2").val();
        const title = $('#contact_title').val();
        const data = {
            name: name,
            email: email,
            phone: contact,
            message: message,
            title: title,
            'g-recaptcha-response': grecaptcha.getResponse(),
            "_token": "{{ csrf_token() }}"
        };
        if ($(".contactForm")[0].checkValidity()) {
            //16-01-2024 change for google tag maneger 
            // $.ajax({
            //     type: 'POST',
            //     url: "{{url('submit-form')}}",
            //     data: data,
            //     success: function(data) {
            //         if (data.success) {
            //             console.log(data);
            //             Swal.fire({
            //                 title: "Thank You!",
            //                 text: data.message,
            //                 icon: "success"
            //             });
            //         } else {
            //             Swal.fire({
            //                 title: "Oops...!",
            //                 text: data.message,
            //                 icon: "error"
            //             });
            //         }
            //         $('#book_appointment')[0].reset();
            //     },
            //     error: function(err) {
            //         console.log(err);
            //     }

            // });
            $(".contactForm")[0].submit();
        } else {
            $(".contactForm")[0].reportValidity();
        }
    }
</script>
<script>
    $(".TxtPhone").intlTelInput({
        initialCountry: "IN",
        geoIpLookup: function(callback) {
            $.get('https://iplist.cc/api/', function(resp) {
                var countryCode = (resp && resp.countrycode) ? resp.countrycode : "";
                callback(countryCode);
            });
        },
        nationalMode: !0,
        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.1.0/js/utils.js"
    });
    
    function validate() {
        var number = $("#phone2").intlTelInput('getNumber');
        var a = $("#phone2").val();
        var filter = /^[0-9-+]+$/;
        iso = $("#phone2").intlTelInput('getSelectedCountryData').iso2;
        var exampleNumber = intlTelInputUtils.getExampleNumber(iso, 0, 0);
        if (number == '')
            number = exampleNumber;
        var formattedNumber = intlTelInputUtils.formatNumber(number, iso, intlTelInputUtils.numberFormat.NATIONAL);
        var isValidNumber = intlTelInputUtils.isValidNumber(number, iso);
        var validationError = intlTelInputUtils.getValidationError(number, iso);
        if (isValidNumber) {
            if (filter.test(a)) {

                $('#error_phone2').text('');
                return true;
            } else {
                $('#error_phone2').text('Please enter only number');
            }
        } else {
            $('#error_phone2').text('Phone number is not valid');
        }

    }
    $("#phone2").intlTelInput({
        geoIpLookup: function(callback) {
            $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) {
                var countryCode = (resp && resp.country) ? resp.country : "";
                callback(countryCode);
            });
        },
        initialCountry: "auto",
        separateDialCode: true,
    });
    $('#phone2').on('countrychange', function(e) {
        $(this).val('');
        var selectedCountry = $(this).intlTelInput('getSelectedCountryData');
        var dialCode = selectedCountry.dialCode;
        var maskNumber = intlTelInputUtils.getExampleNumber(selectedCountry.iso2, 0, 0);
        console.log("placeholder > " + maskNumber);
        maskNumber = intlTelInputUtils.formatNumber(maskNumber, selectedCountry.iso2, 2);
        console.log("placeholder > " + maskNumber);
        maskNumber = maskNumber.replace('+' + dialCode + ' ', '');
        var count = countNumericCharacters(maskNumber);
        console.log(count);
        console.log("placeholder > " + maskNumber);
        mask = maskNumber.replace(/[0-9+]/ig, '0');
        console.log("maskNumber > " + countNumericCharacters(maskNumber));

    });

    function countNumericCharacters(inputString) {
        console.log('dss');
        return (inputString.match(/\d/g) || []).length;
    }
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js" integrity="sha512-VEd+nq25CkR676O+pLBnDW09R7VQX9Mdiij052gVCp5yVH3jGtH70Ho/UUv4mJDsEdTvqRCFZg0NKGiojGnUCw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.css" integrity="sha512-3pIirOrwegjM6erE5gPSwkUzO+3cTjpnV9lexlNZqvupR64iZBnOOTiiLPb9M36zpMScbmUNIcHUqKD47M719g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection