<?php
$Current_Page = 'health-checkup.php';
//require("P_Initialization.php");//
?>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Health Checkup || Tathagat </title>
        <!-- responsive meta -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- For IE -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- master stylesheet -->
        <link rel="stylesheet" href="css/style.css">
        <!-- Responsive stylesheet -->
        <link rel="stylesheet" href="css/responsive.css">
        <!-- Favicon -->
        <link rel="icon" type="image/png" href="images/favicon/favicon.png" sizes="16x16">
        <!-- Fixing Internet Explorer-->
        <!--[if lt IE 9]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script src="js/html5shiv.js"></script>
        <![endif]-->
        <style>
            .contact-form-area{padding: 0px;}
            .contact-form-area .contact-form form{padding: 28px 25px 11px;    background: #464646;}
            .contact-form-area .contact-form form h2, .contact-form-area .contact-form form p{color:#fff;}
        </style>

    </head>
    <body>
        <div class="boxed_wrapper">
            <?php include'header.php' ?>
            <!--End mainmenu area-->

            <!--Start breadcrumb area-->     
            <section class="breadcrumb-area" style="background-image: url(images/resources/breadcrumb-bg.jpg);">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="breadcrumbs">
                                <h1>Health Checkup</h1>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="breadcrumb-bottom">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="left pull-left">
                                    <ul>
                                        <li><a href="index.php">Home</a></li>
                                        <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                                        <li class="active">Health Checkup</li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--End breadcrumb area-->

            <!--Start Medical Departments area-->
            <section class="medical-departments-area departments-page">
                <div class="container">
                    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                        <div class="row">
                            <!--Start single item-->
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="single-item text-center">

                                    <div class="text-holder">
                                        <h3>QUICK BASIC HEALTH CHECK UP</h3>
                                        <p>Complete Blood Count with ESR, Blood Sugar, S Creatinine, Urine Routine, Stool Routine…</p>
                                    </div>
                                    <a class="readmore" href="#" data-toggle="modal" data-target="#myModal">Know More</a>
                                </div>
                            </div> 
                            <!--End single item--> 
                            <!--Start single item-->
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="single-item text-center">

                                    <div class="text-holder">
                                        <h3>KNOW YOUR HEART HEALTH CHECK UP</h3>
                                        <p>Random Blood Sugar, S Creatinine, Cholesterol, ECG, 2D ECHO…</p>
                                    </div>
                                    <a class="readmore" href="#" data-toggle="modal" data-target="#myModal1">Know More</a>
                                </div>
                            </div> 
                            <div class="clearfix"></div>
                            <!--End single item-->
                            <!--Start single item-->
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="single-item text-center">

                                    <div class="text-holder">
                                        <h3>COMPREHENSIVE HEART HEALTH CHECK</h3>
                                        <p>General investigations, Diabetes evaluation, Cardiac Evaluation, Liver Profile…</p>
                                    </div>
                                    <a class="readmore" href="#" data-toggle="modal" data-target="#myModal2">Know More</a>
                                </div>
                            </div> 
                            <!--End single item--> 
                            <!--Start single item-->
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="single-item text-center">

                                    <div class="text-holder">
                                        <h3>CARDIAC HEALTH CHECKUP</h3>
                                        <p>Diabetic Evaluation, Lipid Profile, Kidney Profile, Preventive Cardiology…</p>
                                    </div>
                                    <a class="readmore" href="#" data-toggle="modal" data-target="#myModal3">Know More</a>
                                </div>
                            </div> 
                            <!--End single item-->     
                            <div class="clearfix"></div>
                            <!--Start single item-->
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="single-item text-center">

                                    <div class="text-holder">
                                        <h3>CARDIAC PACKAGE</h3>
                                        <p>Fasting Blood Sugar, CBC, ESR, X Ray Chest PA, Total Cholesterol…</p>
                                    </div>
                                    <a class="readmore" href="#" data-toggle="modal" data-target="#myModal4">Know More</a>
                                </div>
                            </div> 
                            <!--End single item--> 

                        </div>


                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 contact-form-area">
                        <div class="contact-form">
                            <form id="checkupform" name="contact_form" class="default-form" action="#" method="post">
                                <h2>BOOK A HEALTH CHECK-UP</h2>
                                <p>Taking prevention is a key step towards healthy and hearty life.</p>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" name="username" value="" placeholder="Your Name*" required="">
                                    </div>
                                    <div class="col-md-12">
                                        <input type="email" name="emailid" value="" placeholder="Your Mail*" required="">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="text" name="mobileno" value="" placeholder="Phone" required="">
                                    </div>
                                    <div class="col-md-12">
                                        <input type="text" name="city" value="" placeholder="City" required="">
                                    </div>
                                    <div class="col-md-12">
                                        <select id="package" name="package">
                                            <option value="">Select Package</option>
                                            <option value="QUICK BASIC HEALTH CHECK UP">QUICK BASIC HEALTH CHECK UP</option>
                                            <option value="KNOW YOUR HEART HEALTH CHECK UP">KNOW YOUR HEART HEALTH CHECK UP</option>
                                            <option value="COMPREHENSIVE HEART HEALTH CHECK">COMPREHENSIVE HEART HEALTH CHECK</option>
                                            <option value="CARDIAC HEALTH CHECKUP">CARDIAC HEALTH CHECKUP</option>
                                            <option value="CARDIAC PACKAGE">CARDIAC PACKAGE</option>
                                        </select>
                                    </div>
                                    <div class="col-md-12">
                                        <input type="date" name="date" value="" placeholder="City" required="">
                                    </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 btncheck" type="submit" data-loading-text="Please wait...">Book Now</button>
                                    </div>
                                </div>
                            </form>  
                        </div>
                    </div>
                </div>
            </section>
            <!--End Medical Departments area--> 
            <?php include'footer.php' ?>
        </div>

        <!--Scroll to top-->
        <div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-triangle-inside-circle"></span></div>

        <!-- main jQuery -->
        <script src="js/jquery-1.11.1.min.js"></script>
        <!-- Wow Script -->
        <script src="js/wow.js"></script>
        <!-- bootstrap -->
        <script src="js/bootstrap.min.js"></script>
        <!-- bx slider -->
        <script src="js/jquery.bxslider.min.js"></script>
        <!-- count to -->
        <script src="js/jquery.countTo.js"></script>
        <!-- owl carousel -->
        <script src="js/owl.carousel.min.js"></script>
        <!-- validate -->
        <script src="js/validation.js"></script>
        <!-- mixit up -->
        <script src="js/jquery.mixitup.min.js"></script>
        <!-- easing -->
        <script src="js/jquery.easing.min.js"></script>
        <!-- gmap helper -->
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHzPSV2jshbjI8fqnC_C4L08ffnj5EN3A"></script>
        <!--gmap script-->
        <script src="js/gmaps.js"></script>
        <script src="js/map-helper.js"></script>
        <!-- fancy box -->
        <script src="js/jquery.fancybox.pack.js"></script>
        <script src="js/jquery.appear.js"></script>
        <!-- isotope script-->
        <script src="js/isotope.js"></script>
        <script src="js/jquery.prettyPhoto.js"></script> 
        <script src="js/jquery.bootstrap-touchspin.js"></script>
        <!-- jQuery timepicker js -->
        <script src="assets/timepicker/timePicker.js"></script>
        <!-- Bootstrap select picker js -->
        <script src="assets/bootstrap-sl-1.12.1/bootstrap-select.js"></script>                               
        <!-- Bootstrap bootstrap touchspin js -->
        <!-- jQuery ui js -->
        <script src="assets/jquery-ui-1.11.4/jquery-ui.js"></script>
        <!-- Language Switche  -->
        <script src="assets/language-switcher/jquery.polyglot.language.switcher.js"></script>
        <!-- Html 5 light box script-->
        <script src="assets/html5lightbox/html5lightbox.js"></script>


        <!-- revolution slider js -->
        <script src="assets/revolution/js/jquery.themepunch.tools.min.js"></script>
        <script src="assets/revolution/js/jquery.themepunch.revolution.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.actions.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.migration.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
        <script src="assets/revolution/js/extensions/revolution.extension.video.min.js"></script>
        <!-- thm custom script -->
        <script src="js/custom.js"></script>

        <!-- Modal -->
        <div id="myModal" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">QUICK BASIC HEALTH CHECK UP</h4>
                    </div>
                    <div class="modal-body">
                        <div class="col-lg-6">
                            <ul class="bull">
                                <li>
                                    <strong>Complete Blood Count with ESR</strong>
                                </li>
                                <li>
                                    <strong>Blood Sugar</strong>
                                </li>
                                <li>
                                    <strong>S Creatinine</strong>
                                </li>
                                <li>
                                    <strong>Urin Routine</strong>
                                </li>
                                <li>
                                    <strong>Chest X Ray</strong>
                                </li>
                                <li>
                                    <strong>ECG</strong>
                                </li>
                                <li>
                                    <strong>Cholesterol</strong>
                                </li>
                                <li>
                                    <strong>Consulataion with Cardiologist</strong>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-6 pull-right consultation-button"> &nbsp;</div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>

            </div>
        </div>

        <div id="myModal1" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">KNOW YOUR HEART PACKAGE</h4>
                    </div>
                    <div class="modal-body">
                        <div class="col-lg-6">
                            <ul class="bull">
                                <li>
                                    <strong>Random Blood Sugar</strong>
                                </li>
                                <li>
                                    <strong>S Creatinine</strong>
                                </li>
                                <li>
                                    <strong>Cholesterol</strong>
                                </li>
                                <li>
                                    <strong>ECG</strong>
                                </li>
                                <li>
                                    <strong>2D ECHO</strong>
                                </li>
                                <li>
                                    <strong>Consulataion with Cardiologist</strong>
                                </li>
                            </ul>
                        </div>
                       <div class="col-lg-6 pull-right consultation-button"> &nbsp;</div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>

            </div>
        </div>


        <div id="myModal2" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">COMPREHENSIVE HEART CHECK UP</h4>
                    </div>
                    <div class="modal-body">
                        <div class="col-lg-12">
                            <ul class="bull">
                                <li>
                                    <strong>General Investigation</strong><br/>
                                    Complete Blood count with ESR<br/>
                                    Blood Group<br/>
                                    Serum Electrolytes<br/>
                                    Urine Routine<br/>  
                                    Stool Routine<br/>
                                    Chest X Ray<br/>
                                    Pulmonary Function Test<br/>
                                </li>
                               
                                <li>
                                    <strong>Diabetic evaluation </strong><br/>
                                    Fasting Blood Sugar<br/>
                                    Post Prandial Blood Sugar
                                </li>
                               
                                <li>
                                    <strong>Cardiac Evaluation</strong><br/>
                                    ECG<br/>
                                    Stress Test<br/>
                                    Cholesterol/HDL Ratio<br/>
                                    Apolipoprotein A1<br/>
                                    Apolipoprotein B<br/>
                                    Apo A1/Apo B Ratio<br/>
                                    <br/>
                                </li>
                                <li>
                                    <strong>Liver Profile</strong><br/>
                                    Bilirubin<br/>
                                    SGPT<br/>
                                    SGOT<br/>
                                    Total Protein<br/>
                                    Albumin/Globulin Ratio<br/>
                                    Alkaline Phosphatase<br/>
                                </li>
                                <li>
                                    <strong>Kidney Profile</strong><br/>
                                    Creatinine<br/>
                                    Bun<br/>
                                    Consultation with Cardiologist<br/>
                                </li>                                
                            </ul>
                        </div>
                        
                        <div class="clearfix"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="myModal3" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">CARDIAC HEALTH CHECK UP</h4>                        
                    </div>
                    <div class="modal-body">
                        <div class="">
                            <ul class="bull">
                                <li>
                                    <strong>Diabetic Evaluation</strong><br/>
                                    Blood Sugar - Fasting<br/>
                                    Blood Sugar - Post Prandial<br/>
                                </li>
                                <li>
                                    <strong>Lipid Profile</strong><br/>
                                    Total Cholesterol<br/>
                                    HDL Cholesterol<br/>
                                    LDL Cholesterol<br/>
                                    VLDL<br/>
                                    Triglycerides<br/>
                                    Total Cholesterol/HDL Ratio<br/>
                                </li>
                                <li>
                                    <strong>Kidney Profile</strong><br/>
                                    S Creatinine<br/>
                                    Blood Urea<br/>
                                    Electrolytes<br/>
                                    Uric Acid<br/>
                                </li>
                                <li>
                                    <strong>Preventive Cardiology </strong><br/>
                                    ECG, 2D Echo
                                </li>
                                
                                <li>
                                    <strong>General Tests </strong><br/>
                                    CBC with ESR<br/>Blood Group<br/>Stool Routine and Microscopy<br/>
                                    Urine Routine and Microscopy<br/>Chest X Ray
                                </li>
                                <li>
                                    <strong>Consultation</strong><br/>
                                    Dietician<br/>Cardiologist
                                </li>                               
                            </ul>
                        </div>

                        <div class="clearfix"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <div id="myModal4" class="modal fade" role="dialog">
            <div class="modal-dialog">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">CARDIAC PACAKAGE</h4>
                    </div>
                    <div class="modal-body">
                        <div class="">
                            <ul class="bull">
                                 <li>
                                    <strong>Fasting Blood Sugar</strong>
                                </li>
                                 <li>
                                    <strong>Post prandial sugar</strong>
                                </li>
                                 <li>
                                    <strong>CBC</strong>
                                    
                                </li>
                                 <li>
                                    <strong>ESR</strong>
                                </li>
                                 <li>
                                    <strong>X Ray Chest PA</strong>
                                </li>
                                 <li>
                                    <strong>Total Cholesterol</strong>
                                </li>
                                 <li>
                                    <strong>LDL Cholesterol</strong>
                                </li>
                                 <li>
                                    <strong>VLDL Cholesterol</strong>
                                </li>
                                 <li>
                                    <strong>HDL/Cholesterol Ratio</strong>
                                </li>
                                <li>
                                    <strong>Triglycerides</strong>
                                </li>
                                <li>
                                    <strong>Lipoprotein Electrophoresis </strong>
                                </li>
                                <li>
                                    <strong>Lipoprotein A</strong>
                                </li>
                                
                                <li>
                                    <strong>Apolipoprotein A</strong>
                                </li>
                                <li>
                                    <strong>Apolipoprotein B</strong>
                                </li>
                                <li>
                                    <strong>ECG</strong>
                                </li>
                                <li>
                                    <strong>2D Echo</strong>
                                </li>
                                <li>
                                    <strong>TMT</strong>
                                </li>
                                <li>
                                    <strong>Consultation</strong><br/>
                                    Senior Interventional Cardiologist
                                </li>
                            </ul>
                        </div>

                        <div class="clearfix"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
 <script>
            $("form#checkupform").submit(function (event) {
                valid = true;
                var feedbackdept = $('#package').find("option:selected").val();
                if (feedbackdept == "")
                {
                    alert("Select Package");
                    valid = false;
                    return false;
                }
                if (valid == true)
                {
                    $('.btncheck').text('Please wait...');
                    $('.btncheck').prop('disabled', true);
                    event.preventDefault();
                    $.ajax({
                        type: "POST",
                        url: "./Book-Health-Checkup-Process.php",
                        data: $('#checkupform').serialize(),
                        success: function (response) {
                            if (response === 'ok') {
                                $('#checkupform').each(function () {
                                    this.reset();
                                });
                                alert("Thank You.!!! We will reach you soon")
                                window.location.reload();
                            } else {
                                alert(response);
                                $('.btncheck').prop('disabled', false);
                            }
                        }
                    });
                }
            });
        </script> 
    </body>
</html>

