@extends('layouts/main-layout')


@section('meta_title')
Contact NU Hospitals | Consultant Urologist & Nephrologist in Bangalore
@endsection



@section('meta_description')
For any emergency, reach NU Hospitals located at Rajaji Nagar and Padmanabhanagar in Bangalore, Krishnagiri and Ambur in
Tamil Nadu and Maldives. Call on 80-42489999 or book an online appointment.
@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;
}
</style>
@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 mt-5 pt-3">
    <div class="container">
        <!-- <div class="sec-title">
            <h1>Get Touch With Us</h1>
            <span class="border"></span>
        </div> -->

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

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

                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="contact-form">
                            <form id="contact-form2" name="contact-form2" class="default-form">
                                <h2>Make an Appointment</h2>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" id="name2" name="name2" value="" placeholder="Your Name*"
                                            required="" aria-required="true">
                                    </div>
                                    <!-- <div class="col-md-6">
                                        <input type="email" id="email2" name="email2" value="" placeholder="Your Mail*"
                                            required="" aria-required="true">
                                            <span id="error_email2" class="error"></span>
                                    </div> -->
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text"  class="phone_number" id="phone2" name="phone2" value="" placeholder="Phone* +91">
                                        <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>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input id="form_botcheck" name="form_botcheck" class="form-control"
                                            type="hidden" value="">
                                        <button class="thm-btn bgclr-1" type="submit"
                                            data-loading-text="Please wait...">send message</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
                <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> +91 8489019000, +91 63664 28822, +91 6366498822</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">kmnucares@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 fa-twitter"></i></a></li>

                                <li><a href="https://www.youtube.com/user/NUHospitals" target="_blank"><i
                                            class="fa 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>
    <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>

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-form2').submit(function (e) {
                e.preventDefault();
                var error_list = $( "#contact-form2" ).validate();
				var error_length = error_list.errorList.length;
				const name = $("#name2").val();
				const email = $("#email2").val();
				const contact = $("#phone2").val();
				const message = $("#message2").val()
				const subject = $('#subject2').val();
                if(name == "" || email == "" || contact == "" || message == "" || subject == ""){
                    return false;
                }
                $('#error_phone2').text("");
                $('#error_email2').text("");
                var a = $("#phone2").val();
                var filter = /^[7-9][0-9]{9}$/;
                    if (!filter.test(a)) {
                        $('#error_phone2').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_email2').text('Email is not valid');
                    return false;
                }
				const data = {
					name: name,
					email: email,
					contact: contact,
					message: message,
                    subject:subject,
					source: 'Contact Us'
				}
                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='/thankyoupage';
					},
					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>
@endsection