@extends('layouts/landing-page-layout')

@section('meta_title')
Robotic Surgery in Bangalore,India | Renal Doctors | Nephrologist
Cancellation and Refund policy - NU Hospitals
@endsection

<!-- @section('meta_description')
Kidney transplantation is the treatment of choice for a minority of patients. Read more about the process and details of
renal transplant surgery and how they may affect your body.
The Cancellation and Refund policy are only applicable
to all online payments made through mobile app and website for booking appointment.
@endsection -->

@section('meta_keywords')
@endsection


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



@section('custom-css')
<style>
    .primary-color{
        color:#214e92;
    }
    .banner-container{
        background-image:url("{{asset('assets/lp-images/robotic-surgery/Banner-image.jpg')}}");
        width: 100%;
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .banner-content-wrap{
        display: flex;
        flex-direction: column;
        height: 540px;
        justify-content: flex-end;
    }
    .banner-content{
        color:#fff;
    }
    .banner-content h3{
        font-size:28px;
        font-weight:600;
    }
    .banner-content h2{
        font-size:48px;
        font-weight:900;
    }
    .banner-form{
        display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    }
    .form-wrapper{
        width: 70%;
        margin: auto;
        background: #fff;
        padding: 30px;
        border-radius: 35px;
    }
    .form-note{
        font-size:11px;
        font-style:italic;
    }
    .form-control{
        background:#f1f8fc;
        border:0;
        outline:none;
        color:#12215a !important;
        font-size:14px;
    }
    .form-submit-btn{
        background:#586c76;
        color: #fff !important;
        text-transform: uppercase;
        font-size: 12px;
        padding: 12px;
        height: auto;
        border-radius: 50px;
    }
    .overview-section{
        background:#e7e8e9;
        padding: 40px 70px;
        border-radius:20px;
    }
    .section-heading{
        font-size:26px;
    }
    .img-wrap{
        border: 1px solid #225093;
        border-radius: 26px;
        padding: 30px;
        margin-top: 30px;
    }
    .img-wrap img{
        max-width: 120px;
        display: block;
        margin: auto;
    }
    .img-wrap-rounded{
        max-width: 170px;
        display: block;
        margin: auto;
    }
    .img-shadow img{
        border-radius: 28px;
        box-shadow: 9px 9px 12px -2px #bdbdbd;
        max-width: 95%;
    }
    @media (max-width:768px) {

        header{
            padding:10px;
        }

        .banner-container,.banner-form{
            height:auto;
        }
        .banner-form{
            padding-bottom:30px;
        }
        .banner-content-wrap {
            justify-content: center;
            height:auto;
        }
        .banner-content h3{
            font-size:20px;
        }
        .banner-content h2{
            font-size:32px;
        }
        .form-wrapper{
            width:92%;
        }
        .banner-content {
            color: #fff;
            padding-top: 30px;
        }
        .overview-section {
            background: #e7e8e9;
            padding: 30px 40px;
        }
        .footer-copy{
            text-align:center;
        }
        .img-wrap img {
            max-width: 105px;
        }
        
    }
</style>
@endsection



@section('content')
<section>
    <div class="banner-container">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-7 banner-content-wrap">
                    <div class="banner-content pl-md-5 text-center">
                        <h3>WELCOME TO THE "NEXT <br> GEN" OF SURGERY AT NU.</h3>
                        <h2>ANNOUNCING <br> ROBOTIC SURGERY <br> AT NU HOSPITALS!</h2>
                    </div>
                </div>
                <div class="col-md-5 banner-form">
                    <div class="form-wrapper">
                        <h3 class="mb-0">Request for Details</h3>
                        <span class="form-note"><em>Please fill the details below</em></span>
                        <form id="formSub">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="text" name="name" id="name" class="form-control" placeholder="Your Name">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="email" name="email" id="email" class="form-control" placeholder="Email Address">
                                        <span class="form-note">We will never spam your email</span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <select class="form-control" name="country" id="">
                                        <option value="India">India</option>
                                    </select>
                                </div>
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <input type="phone" name="phone" id="phone" class="form-control" placeholder="Mobile">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <span class="form-note">We will never share your number to anyone</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea type="email" col="4" class="form-control" placeholder="Email Address"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input type="submit" class="form-control form-submit-btn" value="Confirm">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="container my-5">
    <div class="row">
        <div class="col-md-12">
            <div class="overview-section text-justify w-100">
                <h2 class="primary-color section-heading text-center mb-4">Overview:</h2>
                <p>Robotic or Robot-assisted surgery integrates advanced computer technology with the experience of the skilled surgeons.
                This technology provides undoubted technical advantages over conventional surgeries.</p>
                <p>Like the name itself suggested, the robotic technology only assists the actual procedure which is 100% maneuvered and operated by the surgeon. Incisions are created on the body through which the arms of the robots are inserted. A magnified view of the organs are also enabled since there is a camera present which allows the surgeon to monitor the process precisely. </p>
                <p>Another major issue that robotic assisted surgeries solve is that revolving around complex open surgeries, which are the most
                common option in India. Robot assisted surgeries have the ability to convert a sizable portion into minimally invasive
                surgeries (through smaller incisions).</p>
            </div>
        </div>
    </div>
</section>
<section class="container mb-5">
    <div class="row">
        <div class="col-md-12">
            <h2 class="primary-color section-heading text-center">List of Robot-Assisted Urology Surgery</h2>
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_1.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Pyeloplasty</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_2.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Uretero-calycostomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_3.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Simple Nephrectomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_4.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Radical Nephrectomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_5.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Partial Nephrectomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_6.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Hemi-nephrectomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_7.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Uretreolithotomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_8.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Ureteric Re-implant</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_9.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Partial Cystectomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_10.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Radical Cystectomy</p>
        </div>
        <div class="col-md-3 col-6">
            <div class="img-wrap">
                <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_11.png')}}" alt="">
            </div>
            <p class="mt-2 text-center">Prostatectomy</p>
        </div>
    </div>
</section>
<div style="background:#e7e8e9;">
    <section class="container mb-5 py-5">
        <div class="row">
            <div class="col-md-12 mb-3">
                <h2 class="primary-color section-heading text-center">List of Robot-Assisted Gynecology & Fertility Surgery</h2>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_12.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Myomectomy</p>
            </div>
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_13.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Ovarian Cystectomy</p>
            </div>
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_14.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Endometrioma Drainage</p>
            </div>
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_15.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Hysterectomy</p>
            </div>
            <div class="col-md-12 mb-3 mt-5">
                <h2 class="primary-color section-heading text-center">List of Robot-Assisted General Surgery</h2>
            </div>
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_16.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Cholecystectomy</p>
            </div>
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_17.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Mesentric Cyst excision</p>
            </div>
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_18.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Appendicectomy</p>
            </div>
            <div class="col-md-3 col-6">
                <div class="img-wrap-rounded">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_19.png')}}" alt="">
                </div>
                <p class="mt-2 text-center">Inguinal Hernia repair</p>
            </div>
        </div>
    </section>
</div>
<section class="container mb-5 py-5">
    <div class="row">
        <div class="col-md-12 mb-3">
            <h2 class="primary-color section-heading text-center">Benefits for patients who choose Robotic Surgery</h2>
        </div>
        <div class="col-md-12">
            <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/icon_20.png')}}" alt="">
        </div>
        <div class="col-md-12 mt-2">
            <div class="row">
                <div class="col-md-2 text-center">
                    <p>Shorter <br>Hospital Stay</p>
                </div>
                <div class="col-md-2 text-center">
                    <p>Reduced pain
and discomfort</p>
                </div>
                <div class="col-md-2 text-center">
                    <p>Faster recovery
time and return to
normal activities</p>
                </div>
                <div class="col-md-2 text-center">
                    <p>Smaller incisions,
resulting in reduced
risk of infection</p>
                </div>
                <div class="col-md-2 text-center">
                    <p>Reduced blood
loss and transfusion</p>
                </div>
                <div class="col-md-2 text-center">
                    <p>Minimal
Scarring</p>
                </div>
            </div>
        </div>
    </div>
    
</section>
<div style="background:#e7e8e9;">
    <section class="container py-5">
        <div class="row">
        <div class="col-md-12 mb-3">
            <h2 class="primary-color section-heading text-center">About NU Hospitals</h2>
        </div>
        </div>
        <div class="align-items-center justify-content-center row">
            <div class="col-md-5">
                <div class="img-shadow">
                    <img class="img-fluid" src="{{asset('assets/lp-images/robotic-surgery/image_2.jpg')}}" alt="">
                </div>
            </div>
            <div class="col-md-7">
                <p class="mt-4 mt-md-1">NU Hospitals has been pioneering in Nephrology, Urology and
Fertility (IVF) treatment over the last 20 years. Our highly specialized
experts are richly experienced in treating rare and complex
conditions. It was one of the first in Karnataka to conduct a
successful kidney transplantation surgery and also the first to
equip Urology department with the most advanced flexible
endoscopes. Having a robust team of subspecialty specific urology
team at NU has significantly improved the overall success rates in
treating all varieties of urological and nephrological problems.</p>
            </div>
        </div>
    </section>
</div>
@endsection



@section('custom-js')
<script>
    $(document).ready(function() {
      $.validator.addMethod("alphabetsnspace", function(value, element) {
        return this.optional(element) || /^[a-zA-Z ]*$/.test(value);
      });
      $("#formSub").validate({
        rules: {
          email: {
            required: true,
            email: true
          },
          name: {
            required: true,
            alphabetsnspace: true
          },
          phone: {
            required: true,
            number: true,
            min: 10
          }
        }
      });

      $('#formSub').submit(function(e) {
        e.preventDefault();
        var error_list = $( "#formSub" ).validate();
		var error_length = error_list.errorList.length;
        const name = $("#name").val();
        const email = $("#email").val();
        const contact = $("#phone").val();
        const message = $("#message").val()

        const data = {
          name: name,
          email: email,
          contact: contact,
          message: message,
          source: 'Google Ads - Robotic Surgery'
        }
        // error_length = 4;
        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);
          }

        })
        }

      })
    })
  </script>
@endsection