<!--
SOFTWARE BY WELTRAUM SOFTWARE PRIVATE LIMITED -MADE IN INDIA 
WWWWWWWW                           WWWWWWWW     EEEEEEEEEEEEEEEEEEEEEE     LLLLLLLLLLL                  TTTTTTTTTTTTTTTTTTTTTTT     RRRRRRRRRRRRRRRRR                       AAA                    UUUUUUUU     UUUUUUUU     MMMMMMMM               MMMMMMMM
W::::::W                           W::::::W     E::::::::::::::::::::E     L:::::::::L                  T:::::::::::::::::::::T     R::::::::::::::::R                     A:::A                   U::::::U     U::::::U     M:::::::M             M:::::::M
W::::::W                           W::::::W     E::::::::::::::::::::E     L:::::::::L                  T:::::::::::::::::::::T     R::::::RRRRRR:::::R                   A:::::A                  U::::::U     U::::::U     M::::::::M           M::::::::M
W::::::W                           W::::::W     EE::::::EEEEEEEEE::::E     LL:::::::LL                  T:::::TT:::::::TT:::::T     RR:::::R     R:::::R                 A:::::::A                 UU:::::U     U:::::UU     M:::::::::M         M:::::::::M
 W:::::W           WWWWW           W:::::W        E:::::E       EEEEEE       L:::::L                    TTTTTT  T:::::T  TTTTTT       R::::R     R:::::R                A:::::::::A                 U:::::U     U:::::U      M::::::::::M       M::::::::::M
  W:::::W         W:::::W         W:::::W         E:::::E                    L:::::L                            T:::::T               R::::R     R:::::R               A:::::A:::::A                U:::::D     D:::::U      M:::::::::::M     M:::::::::::M
   W:::::W       W:::::::W       W:::::W          E::::::EEEEEEEEEE          L:::::L                            T:::::T               R::::RRRRRR:::::R               A:::::A A:::::A               U:::::D     D:::::U      M:::::::M::::M   M::::M:::::::M
    W:::::W     W:::::::::W     W:::::W           E:::::::::::::::E          L:::::L                            T:::::T               R:::::::::::::RR               A:::::A   A:::::A              U:::::D     D:::::U      M::::::M M::::M M::::M M::::::M
     W:::::W   W:::::W:::::W   W:::::W            E:::::::::::::::E          L:::::L                            T:::::T               R::::RRRRRR:::::R             A:::::A     A:::::A             U:::::D     D:::::U      M::::::M  M::::M::::M  M::::::M
      W:::::W W:::::W W:::::W W:::::W             E::::::EEEEEEEEEE          L:::::L                            T:::::T               R::::R     R:::::R           A:::::AAAAAAAAA:::::A            U:::::D     D:::::U      M::::::M   M:::::::M   M::::::M
       W:::::W:::::W   W:::::W:::::W              E:::::E                    L:::::L                            T:::::T               R::::R     R:::::R          A:::::::::::::::::::::A           U:::::D     D:::::U      M::::::M    M:::::M    M::::::M
        W:::::::::W     W:::::::::W               E:::::E       EEEEEE       L:::::L         LLLLLL             T:::::T               R::::R     R:::::R         A:::::AAAAAAAAAAAAA:::::A          U::::::U   U::::::U      M::::::M     MMMMM     M::::::M
         W:::::::W       W:::::::W              EE::::::EEEEEEEE:::::E     LL:::::::LLLLLLLLL:::::L           TT:::::::TT           RR:::::R     R:::::R        A:::::A             A:::::A         U:::::::UUU:::::::U      M::::::M               M::::::M
          W:::::W         W:::::W               E::::::::::::::::::::E     L::::::::::::::::::::::L           T:::::::::T           R::::::R     R:::::R       A:::::A               A:::::A         UU:::::::::::::UU       M::::::M               M::::::M
           W:::W           W:::W                E::::::::::::::::::::E     L::::::::::::::::::::::L           T:::::::::T           R::::::R     R:::::R      A:::::A                 A:::::A          UU:::::::::UU         M::::::M               M::::::M
            WWW             WWW                 EEEEEEEEEEEEEEEEEEEEEE     LLLLLLLLLLLLLLLLLLLLLLLL           TTTTTTTTTTT           RRRRRRRR     RRRRRRR     AAAAAAA                   AAAAAAA           UUUUUUUUU           MMMMMMMM               MMMMMMMM
Program written by Umesh A Suvarna --> <!DOCTYPE html><html lang='en'><head><meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> <link rel='shortcut icon' href='assets/images/favicon.ico' type='assets/images/x-icon'> <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='cache-control' content='public'> <meta http-equiv='cache-control' content='max-age=3600'> <meta http-equiv='expires' content='Thu, 19 Nov 2900 08:52:00 GMT'><meta name='viewport'><meta name='description' content=''><link  href='assets/css/colwidth.css?v=2' type='text/css' rel='stylesheet'><link href='assets/css/tabler.min.css?1692870488' rel='stylesheet'/><link href='assets/css/tabler-flags.min.css?1692870487' rel='stylesheet'/><link href='assets/css/tabler-payments.min.css?1692870487' rel='stylesheet'/><link href='assets/css/tabler-vendors.min.css?1692870487' rel='stylesheet'/><link href='assets/css/demo.min.css?1692870487' rel='stylesheet'/><link href='assets/css/toastr.css?1692870487' rel='stylesheet'/><link href='assets/css/bootstrap-table.css?1692870487' rel='stylesheet'/><script src='assets/js/jquery-3.7.0.js'></script><link href='assets/exportlib/jquery.dataTables.min.css' rel='stylesheet' ><link href='assets/exportlib/fixedHeader.dataTables.min.css' rel='stylesheet' ><script language='JavaScript' src='assets/exportlib/jquery.dataTables.min.js?v=1'></script><script language='JavaScript' src='assets/exportlib/dataTables.fixedHeader.min.js'></script><link href='assets/css/jquerysctipttop.css' rel='stylesheet' type='text/css'><link href='assets/css/tabs.css' type='text/css' rel='stylesheet' ><script src='assets/js/jquery.min.js'></script><script type='text/javascript' src='assets/js/tdi.tabs.js?v=2'></script><link href='assets/css/style.css?v=1' rel='stylesheet' ><link href='assets/css/dataTables.bootstrap5.min.css' rel='stylesheet' ><link href='assets/css/font-awesome.min.css' rel='stylesheet' ><link href='assets/daterange/daterangepicker.css'  rel='stylesheet' type='text/css' media='all'/><script type='text/javascript' src='assets/daterange/moment.min.js'></script><script type='text/javascript' src='assets/daterange/daterangepicker.js'></script><script type='text/javascript' src='assets/daterange/datetime.js'></script><SCRIPT src='assets/jscustom/Cook.min.js' type='text/javascript'></SCRIPT><link href='assets/css/modal.css?v=1' rel='stylesheet' ><script src='assets/js/modal.js?v=1' defer></script><link  href='assets/css/headlinker.css' type='text/css' rel='stylesheet' >  <SCRIPT src='assets/js/toastr.js' type='text/javascript'></SCRIPT>       <script src='assets/js/sweetalert.min.js'></script>  <script src='assets/js/DateTimePicker.js'></script>



<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<link href="public/theme/css/t-datepicker.min.css?v=1" rel="stylesheet" type="text/css">
<link href="public/theme/css/themes/t-datepicker-orange.css?v=2" rel="stylesheet" type="text/css">



<style>

    hr{display:block; height: 2px; border:0; border-top: 2px solid red; margin: 1em 0; padding: 0; }
    .available{
        color:green;
        font-weight:bold;
animation: blinker 1.5s step-start infinite;

    }
    .notavailable{
        color:red;
    }
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

    </style>
    <form  method="post" id='rooms' class="form-inline"  action="bookingaddress" target="_self" onsubmit="return validatebooking()">    
<div class="row col-md-12">
    <div class="width-mobile-100 width-tablets-100  width-laptop-100 width-desktop-75 width-tv-75">
        <div class="card">
            <div class="card-header">
                <b class="captiontext">Room Booking</b>
            </div>
        </div>
        <div class="card">
            <div class="card-header">
                <span class="fa-stack fa-2x">
                    <i class="fa fa-circle-o fa-stack-2x"></i>
                    <strong class="fa-stack-1x">1</strong>
                </span>
                <b> Search</b>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 col-sm-12 col-xs-12">
                        <span class="captiontext"> Arrival and Departure</span>
                        <div class="t-datepicker">
                            <div class="t-check-in"></div>
                            <div class="t-check-out" ></div>
                          <input type="hidden"   name="dtarrival" id="dtarrival">
                          <input type="hidden"   name="dtdeparture" id="dtdeparture" >
                        </div>
                    </div>

                    <div class="col-md-2 col-sm-6 col-xs-6">
                        <span class="captiontext">adults</span>
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="quantity-left-minus btn  btn-success btn-number btnbackgound "  data-type="minus" data-field="txtadult">
                                    <span class="glyphicon glyphicon-minus"></span>
                                </button>
                            </span>
                            <input type="text" id="txtadult" name="txtadult" class="form-control input-number" value="1" min="1" max="100">
                            <span class="input-group-btn">
                                <button type="button" class="quantity-right-plus btn btn-success btn-number btnbackgound" data-type="plus" data-field="txtadult">
                                    <span class="glyphicon glyphicon-plus"></span>
                                </button>
                            </span>
                        </div>
                    </div>

                    <div class="col-md-2 col-sm-6 col-xs-6">
                        <span class="captiontext">Children</span>
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="quantity-left-minus btn btn-success btn-number btnbackgound"  data-type="minus" data-field="txtchild">
                                    <span class="glyphicon glyphicon-minus"></span>
                                </button>
                            </span>
                            <input type="text" id="txtchild" name="txtchild" class="form-control input-number " value="0" min="1" max="100">
                            <span class="input-group-btn">
                                <button type="button" class="quantity-right-plus btn btn-success btn-number btnbackgound" data-type="plus" data-field="txtchild">
                                    <span class="glyphicon glyphicon-plus"></span>
                                </button>
                            </span>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-12 col-xs-12">
                        <br />
                        <input type="button" class="textbox btn btn-success btnbackgound" onclick="checkdates()" value="Check Availablity">
                    </div>




                </div>
            </div>
        </div>
    </div>
    
    <div class="width-mobile-100 width-tablets-100  width-laptop-100 width-desktop-25 width-tv-25">
        <div class="card">
            <div class="card-body">
                
                Ample parking space, attached restaurant with good food.<br>
                
<div><a href="https://www.google.com/maps/dir/Hotel+Mayura+Residency,+D.No+II-375,+Mayura+Residency+Subrahmanya+Village+And+Post,+Taluk,+Kadaba,+Subramanya,+Karnataka+574238/Sri+Kukke+Subrahmanya+Temple,+Subrahmanya+Post,+Kadaba,+Taluk,+Subramanya,+Karnataka+574238/@12.6678389,75.6130092,1399a,35y,90h/data=!3m1!1e3!4m14!4m13!1m5!1m1!1s0x3ba4e58720b986db:0xc3f301e6276125d8!2m2!1d75.6124064!2d12.6661516!1m5!1m1!1s0x3ba86e1d5dd42e71:0xc10058eb047ed110!2m2!1d75.6152755!2d12.6637575!3e0?entry=ttu&g_ep=EgoyMDI1MDMwNC4wIKXMDSoASAFQAw%3D%3D" target='_blank'><img src="https://imgak.mmtcdn.com/pwa_v3/pwa_hotel_assets/map-icon-dtls.png" alt="Subramanya" style='width:32px; height:32px;' />Subramanya</p>
      <p>3 minutes walk to Kukke Shri Subrahmanya Temple</p></a></div>

                
</div>
    </div>
    </div>
    </div>
<div class="row  col-md-12">    
    <div class="width-mobile-100 width-tablets-100  width-laptop-100 width-desktop-75 width-tv-75">
        <div class="card">
            <div class="card-header">
                <span class="fa-stack fa-2x">
                    <i class="fa fa-circle-o fa-stack-2x"></i>
                    <strong class="fa-stack-1x">2</strong>
                </span>
                Select Rooms
            </div>
            <div class="card-body" id="selectrooms">
                <div class='row width-laptop-100 width-desktop-100 width-tv-100'><div class='width-mobile-100 width-tablets-50  width-laptop-25 width-desktop-25 width-tv-25'><img class='imagewidth' src="https://hotelmayuraresidency.com/bookings/assets/uploads/DOUBLEBEDDELUX1(1).jpg" width=100% class='img-responsive' /></div><div class='width-mobile-100 width-tablets-50  width-laptop-40 width-desktop-40 width-tv-40'><b style='font-size:20px;color:#7f6a16fa'>DOUBLE BED DELUXE NON AC</b><br><p style="color:#d89c3f; font-size:14px; display:inline-block;">
<span><i class="fa fa-building" aria-hidden="true"></i>Personalized Room Amenities&nbsp;&nbsp;&nbsp; </span>
<span><i class="fas fa-desktop"></i>Flat-screen TV&nbsp;&nbsp;&nbsp; </span><br>

<span><i class="fa fa-shower" aria-hidden="true"></i>Attached bathroom &nbsp;&nbsp;&nbsp; </span>





<br>

<span><i class="fa fa-check" aria-hidden="true"></i>Comfortable sitting - cushion chairs with tea table.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>

<span><i class="fa fa-check" aria-hidden="true"></i>Toiletries &nbsp;&nbsp; </span>

<span><i class="fa fa-check" aria-hidden="true"></i>Reasonable interior, dressing table.</span>

<span><i class="fa fa-check" aria-hidden="true"></i>24 hrs hot water supply. &nbsp;&nbsp;&nbsp; </span>



</p>

</div><div class='width-mobile-100 width-tablets-50  width-laptop-26 width-desktop-26 width-tv-26'><b class='textfontbold'>Today's price&nbsp;&nbsp;:<span class='textfontbig'>Rs.1500</span></b><br>Extra Person Tariff&nbsp;&nbsp;&nbsp;:<span class='textfont'>Rs. 275</span><br>Tax &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;<span class='textfont'>12%</span><br>Max Persons:&nbsp;<span class='textfont'>(2)&nbsp;<i class='fa fa-user' aria-hidden='true'></i><i class='fa fa-user' aria-hidden='true'></i></span><div class='notes'><i>taxes and charges may vary</i></div><div id='totalroomspending1' class='available'></div><input type='hidden'  id='txtcode1' name='txtcode1' value='1' ><input type='hidden'  id='txtphoto1' name='txtphoto1' value='http://hotelmayuraresidency.com/bookings/assets/uploads/DOUBLEBEDDELUX1(1).jpg' ><input type='hidden'  id='txtname1' name='txtname1' value='DOUBLE BED DELUXE NON AC' ><input type='hidden'  id='txttariff1' name='txttariff1' value='1500' ><input type='hidden'  id='txtextrapersoncharge1' name='txtextrapersoncharge1' value='275' ><input type='hidden'  id='txttax1' name='txttax1' value='12' ><input type='hidden'  id='txttaxnew1' name='txttaxnew1' value='12' ><input type='hidden'  id='txtmaxpersons1' name='txtmaxpersons1' value=2><input type='hidden'  id='txtmaxrooms1' name='txtmaxrooms1' value=0></div><div class='width-mobile-100 width-tablets-50  width-laptop-9 width-desktop-9 width-tv-9'><div style='background-color:gray;'>Rooms:  <select  id='txtselectedrooms1' name='txtselectedrooms1' class='form-control' style='width:100%' onblur='changenumber(0); generatenotes(); '><option value='0'>0</option></select><a href='#' id='btnselect1' name='btnselect1' onclick='selectbooking()'  class='btn btn-info btnbackgound' style='width:100%'  >Select</a></div></div></div><div class='row col-md-12'><hr></div><div class='row width-laptop-100 width-desktop-100 width-tv-100'><div class='width-mobile-100 width-tablets-50  width-laptop-25 width-desktop-25 width-tv-25'><img class='imagewidth' src="https://hotelmayuraresidency.com/bookings/assets/uploads/DOUBLEBEDAC2(1).jpg" width=100% class='img-responsive' /></div><div class='width-mobile-100 width-tablets-50  width-laptop-40 width-desktop-40 width-tv-40'><b style='font-size:20px;color:#7f6a16fa'>DOUBLE BED AC</b><br><p style="color:#d89c3f; font-size:14px; display:inline-block; ">

<span><i class="fas fa-desktop"></i>Flat-screen TV&nbsp;&nbsp;&nbsp; </span>

<span><i class="fa fa-shower" aria-hidden="true"></i>Attached bathroom&nbsp;&nbsp;&nbsp;</span><br>


<span><i class="fa fa-snowflake"></i>Air Conditioner&nbsp;&nbsp;&nbsp; </span>

<span><i class="fa fa-building" aria-hidden="true"></i>Personalized Room Amenities&nbsp;&nbsp;&nbsp;</span><br>

<span><i class="fa fa-check" aria-hidden="true">&nbsp;</i>Comfortable sitting - cushion chairs with tea table.&nbsp; &nbsp; &nbsp; </span>&nbsp;<span><i class="fa fa-check" aria-hidden="true"></i>Toiletries &nbsp;&nbsp;</span>

<span><i class="fa fa-check" aria-hidden="true"></i></span>Safety Locker&nbsp; &nbsp; <i class="fa fa-check" aria-hidden="true" style="font-size: 14px;"></i>24 hrs hot water supply.&nbsp;</p></div><div class='width-mobile-100 width-tablets-50  width-laptop-26 width-desktop-26 width-tv-26'><b class='textfontbold'>Today's price&nbsp;&nbsp;:<span class='textfontbig'>Rs.2100</span></b><br>Extra Person Tariff&nbsp;&nbsp;&nbsp;:<span class='textfont'>Rs. 300</span><br>Tax &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;<span class='textfont'>12%</span><br>Max Persons:&nbsp;<span class='textfont'>(2)&nbsp;<i class='fa fa-user' aria-hidden='true'></i><i class='fa fa-user' aria-hidden='true'></i></span><div class='notes'><i>taxes and charges may vary</i></div><div id='totalroomspending2' class='available'></div><input type='hidden'  id='txtcode2' name='txtcode2' value='2' ><input type='hidden'  id='txtphoto2' name='txtphoto2' value='http://hotelmayuraresidency.com/bookings/assets/uploads/DOUBLEBEDAC2(1).jpg' ><input type='hidden'  id='txtname2' name='txtname2' value='DOUBLE BED AC' ><input type='hidden'  id='txttariff2' name='txttariff2' value='2100' ><input type='hidden'  id='txtextrapersoncharge2' name='txtextrapersoncharge2' value='300' ><input type='hidden'  id='txttax2' name='txttax2' value='12' ><input type='hidden'  id='txttaxnew2' name='txttaxnew2' value='12' ><input type='hidden'  id='txtmaxpersons2' name='txtmaxpersons2' value=2><input type='hidden'  id='txtmaxrooms2' name='txtmaxrooms2' value=0></div><div class='width-mobile-100 width-tablets-50  width-laptop-9 width-desktop-9 width-tv-9'><div style='background-color:gray;'>Rooms:  <select  id='txtselectedrooms2' name='txtselectedrooms2' class='form-control' style='width:100%' onblur='changenumber(0); generatenotes(); '><option value='0'>0</option></select><a href='#' id='btnselect2' name='btnselect2' onclick='selectbooking()'  class='btn btn-info btnbackgound' style='width:100%'  >Select</a></div></div></div><div class='row col-md-12'><hr></div><div class='row width-laptop-100 width-desktop-100 width-tv-100'><div class='width-mobile-100 width-tablets-50  width-laptop-25 width-desktop-25 width-tv-25'><img class='imagewidth' src="https://hotelmayuraresidency.com/bookings/assets/uploads/DOUBLEBEDSUITE3.jpg" width=100% class='img-responsive' /></div><div class='width-mobile-100 width-tablets-50  width-laptop-40 width-desktop-40 width-tv-40'><b style='font-size:20px;color:#7f6a16fa'>Inter connected room with 4 bed ac</b><br><p style="color:#d89c3f; font-size:14px; display:inline-block; ">

<span><i class="fas fa-desktop"></i>Flat-screen TV&nbsp;&nbsp;&nbsp; </span>
<span><i class="fas fa-snowflake"></i>Air Conditioner&nbsp;&nbsp;&nbsp; </span>

<span><i class="fa fa-shower" aria-hidden="true"></i>Attached bathroom&nbsp;&nbsp;&nbsp; </span><br>


<span><i class="fa fa-building" aria-hidden="true"></i>Personalized Room Amenities&nbsp;&nbsp;&nbsp; </span>

<br>

<span><i class="fa fa-check" aria-hidden="true"></i>Comfortable sitting - cushion chairs with tea table.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span>

<span><i class="fa fa-check" aria-hidden="true"></i>Toiletries &nbsp;&nbsp;&nbsp; </span>

<span><i class="fa fa-check" aria-hidden="true"></i>Reasonable interior, dressing table.</span>

<span><i class="fa fa-check" aria-hidden="true"></i>24 hrs hot water supply. &nbsp;&nbsp;&nbsp;</span></p><p style="color:#d89c3f; font-size:14px; display:inline-block; "><span><i class="fa fa-check" aria-hidden="true"></i>Double bed with 2 extra bed will be provided on the floor<br></span>



</p></div><div class='width-mobile-100 width-tablets-50  width-laptop-26 width-desktop-26 width-tv-26'><b class='textfontbold'>Today's price&nbsp;&nbsp;:<span class='textfontbig'>Rs.4200</span></b><br>Extra Person Tariff&nbsp;&nbsp;&nbsp;:<span class='textfont'>Rs. 300</span><br>Tax &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;<span class='textfont'>12%</span><br>Max Persons:&nbsp;<span class='textfont'>(4)&nbsp;<i class='fa fa-user' aria-hidden='true'></i><i class='fa fa-user' aria-hidden='true'></i><i class='fa fa-user' aria-hidden='true'></i><i class='fa fa-user' aria-hidden='true'></i></span><div class='notes'><i>taxes and charges may vary</i></div><div id='totalroomspending3' class='available'></div><input type='hidden'  id='txtcode3' name='txtcode3' value='3' ><input type='hidden'  id='txtphoto3' name='txtphoto3' value='http://hotelmayuraresidency.com/bookings/assets/uploads/DOUBLEBEDSUITE3.jpg' ><input type='hidden'  id='txtname3' name='txtname3' value='Inter connected room with 4 bed ac' ><input type='hidden'  id='txttariff3' name='txttariff3' value='4200' ><input type='hidden'  id='txtextrapersoncharge3' name='txtextrapersoncharge3' value='300' ><input type='hidden'  id='txttax3' name='txttax3' value='12' ><input type='hidden'  id='txttaxnew3' name='txttaxnew3' value='12' ><input type='hidden'  id='txtmaxpersons3' name='txtmaxpersons3' value=4><input type='hidden'  id='txtmaxrooms3' name='txtmaxrooms3' value=0></div><div class='width-mobile-100 width-tablets-50  width-laptop-9 width-desktop-9 width-tv-9'><div style='background-color:gray;'>Rooms:  <select  id='txtselectedrooms3' name='txtselectedrooms3' class='form-control' style='width:100%' onblur='changenumber(0); generatenotes(); '><option value='0'>0</option></select><a href='#' id='btnselect3' name='btnselect3' onclick='selectbooking()'  class='btn btn-info btnbackgound' style='width:100%'  >Select</a></div></div></div><div class='row col-md-12'><hr></div>
            </div>
        </div>
    </div>

    <div class="width-mobile-100 width-tablets-100  width-laptop-100 width-desktop-25 width-tv-25">
        <div class="card" id ="selectpersons">
            <div class="card-header">
                <span class="fa-stack fa-2x">
                    <i class="fa fa-circle-o fa-stack-2x"></i>
                    <strong class="fa-stack-1x">3</strong>
                </span>
                Summary
            </div>
            <div class="card-body">
                <div id='divtotaldays' class="textfontbold"></div>
                <input type='hidden' id='totaldays' name='totaldays' value='0'>
                <input type='hidden' id='txtnumberofpersons' name='txtnumberofpersons' value='0'>
<div id='txtextrapersonsdiv'></div><input type='hidden' id='txtextrapersons' name='txtextrapersons'> <div id='txtextrapersontotaldiv'></div> <input type='hidden' id='txtextrapersontotal' name='txtextrapersontotal'><input type='hidden' id='extratax' name='extratax' value='0'><input type='hidden' id='txttotalamt' name='txttotalamt'><div id='resevdetails' ></div> 
<div style='width:100%; text-align:center'><button type='submit' class='btn btn-info btnbackgound'><h4>Book Selected Rooms</h4></button>
</div>         
            </div>
            
</div>
<div class="card">
            <div class="card-body">    
  <div><b></b>Why do Devotees love this property?</b></div>
</div>
<ul>
  <li><img src="https://promos.makemytrip.com/Hotels_product/Pilgrimage/Location_Icon.png" alt="b_dot" style='width:32px; height:32px;' />Close to Landmark
        <p>Only 3 mins walk to Kukke Shri Subrahmanya Temple</p>
  </li>
  <li><img src="https://promos.makemytrip.com/Hotels_product/Pilgrimage/Pure_Veg_Restaurant_Icon.png" alt="b_dot"  style='width:32px; height:32px;'/>Pure Veg Restaurant
        <p>Pure Vegetarian Restaurant available at the property.</p>
  </li>
  <li><img src="https://promos.makemytrip.com/Hotels_product/Pilgrimage/Shuttle_Icon.png" alt="b_dot"  style='width:32px; height:32px;'/>
Transfers Provided
        <p>This property provides transfers to Airport.</p>
  </li>
  <li><img src="https://promos.makemytrip.com/Hotels_product/Pilgrimage/Free_Parking_Icon.png" alt="b_dot" style='width:32px; height:32px;'/>
Provides Parking
        <p>Free parking available at the property.</p>
  </li>
  <li><img src="https://promos.makemytrip.com/Hotels_product/Pilgrimage/Elderly_Friendly_Property_Icon.png" alt="b_dot" style='width:32px; height:32px;' />Elderly Friendly Property
        <p>This property has wheelchair accessibility, elevator/lift, doctor available on call, first-aid kit.</p>
  </li>
  <li><img src="https://promos.makemytrip.com/Hotels_product/Pilgrimage/Reception_Icon.png" alt="b_dot" style='width:32px; height:32px;'/>Provides Travel Assistance
        <p>Provides Shuttle service to nearby sightseeing.</p>
  </li>
</ul>            
    </div>
    </div>
</div>
</form>

<script src="public/theme/js/t-datepicker.js"></script>
<script src="public/theme/js/numberbox.js?v=1"></script>

<script>
    $(document).ready(function () {
        // Call global the function
        $('.t-datepicker').tDatePicker({
            // options here
        });
    });
    
function checkdates()
{
var dates=$('.t-datepicker').tDatePicker('getDateInputs');
var dtarrival=dates[0];
var dtdeparture=dates[1];


if (dtarrival=="" || dtarrival==null)
{
toastr.error("Select the arrival Date");
document.getElementById("dtarrival").focus();
return false;
}

if (dtdeparture=="" | dtdeparture==null)
{
toastr.error("Select the Departure Date");
document.getElementById("dtdeparture").focus();
return false;
}


var dd  = dtarrival.substring(8,10);
var mm= dtarrival.substring(5,7);
var yy = dtarrival.substring(0,4);
var hh = "15:00"; //dtarrival.substring(11,19);
var fromdate=mm + '/' + dd + '/' + yy;
var fromtime="15";// dtarrival.substring(11,13);
var fromminute="00";//dtarrival.substring(14,16);
//var dtarrival = mm + '/' + dd + '/' + yy+ ' '+hh;
var datesfrom =yy + '-' + mm + '-' + dd;
var dd  = dtdeparture.substring(8,10);
var mm= dtdeparture.substring(5,7);
var yy = dtdeparture.substring(0,4);
var hh ="15:00" ;// dtdeparture.substring(11,19);
//var dtdeparture = mm + '/' + dd + '/' + yy+ ' '+hh;
var datesto =yy + '-' + mm + '-' + dd;
var todate=mm + '/' + dd + '/' + yy;
var totime="15";//dtdeparture.substring(11,13);


document.getElementById("dtarrival").value= dtarrival+" 15:00";
document.getElementById("dtdeparture").value= dtdeparture+ " 15:00";

var dtarrival = Date.parse(dtarrival);
var dtdeparture = Date.parse(dtdeparture);


var diff = dtdeparture-dtarrival;
diff=diff/3600000/24;
var days=parseInt(diff);


var today = new Date();
today = Date.parse(today);


if (dtarrival<=today)
{
toastr.error("Invalid Arrival Date entered");
document.getElementById("dtarrival").focus();
return false;
}


if (diff<0.10)
{
toastr.error("Invalid Departure Date entered");
document.getElementById("dtdeparture").focus();
return false;
}
/*
if (dtarrival!=todate)
{
if (parseInt(fromtime)<11)
{
days=days+1;
}
}
*/
if (days==0)
days=1;
else
{
var diffhrs=parseFloat(diff)-parseFloat(days);
var gracehrs=2;
gracehrs=parseFloat(gracehrs)/24;

if (diffhrs>gracehrs)
days=days+1;
}

var txtadult=document.getElementById("txtadult").value;
if (txtadult=="" || txtadult==null || txtadult=="0")
{
toastr.error("Select the number of person");
document.getElementById("txtadult").focus();
return false;
}


document.getElementById("divtotaldays").innerHTML="No of Days: "+days;
document.getElementById("totaldays").value=days;

var countrows=3;
for (var i = 1; i <= countrows; i++) { 
setTimeout(roomtypechange(i,datesfrom,datesto), 2000);
}

$('html, body').animate({
   scrollTop: $("#selectrooms").offset().top-95
}, 1000);
//generatenotes();

}


function roomtypechange(i,datesfrom,datesto)
{

document.getElementById("txtselectedrooms"+i).disabled = false;
document.getElementById("btnselect"+i).style.visibility = "visible";

var propertyid="5510708587";
var roomtype=document.getElementById("txtcode"+i).value;
    $.ajax({
        type:'post',
        url:'https://hotelmayuraresidency.com/bookings/ajaxgetblockdata',
        data: 'categoryid='+ roomtype+'&datesfrom='+ datesfrom+'&datesto='+datesto+'&propertyid='+propertyid,                 
        success: function(value){
            var data = value.split(",");
			var txttotalrooms=data[0];
			var bookedrooms=data[1];
			var blockedrooms=data[2];
			var availablerooms=data[3];


//alert('categoryid='+ roomtype+'&datesfrom='+ datesfrom+'&datesto='+datesto+'&propertyid='+propertyid);

if (txttotalrooms=="")
txttotalrooms=0;

if (bookedrooms=="")
bookedrooms=0;

if (blockedrooms=="")
blockedrooms=0;

if (availablerooms=="")
availablerooms=0;
var txtavailablerooms=txttotalrooms-bookedrooms-blockedrooms;
if (txtavailablerooms>=availablerooms && availablerooms>0 )
{
txtavailablerooms=availablerooms;
}else{
txtavailablerooms=0;
}
 
document.getElementById("txtmaxrooms"+i).value= txtavailablerooms;
document.getElementById("totalroomspending"+i).innerHTML="Only "+txtavailablerooms+" Rooms left!!";

if (availablerooms<=0)
{
document.getElementById("txtselectedrooms"+i).disabled = true;
document.getElementById("btnselect"+i).style.visibility = "hidden";
document.getElementById("totalroomspending"+i).innerHTML="0 Rooms left!!";
document.getElementById("totalroomspending"+i).className = "notavailable";
}else{
document.getElementById("totalroomspending"+i).className = "available";
}

var newvals="";
for (x=0; x<=txtavailablerooms; x++)
{
newvals=newvals+ "<option value="+x+">"+x+"</option>";
}
document.getElementById("txtselectedrooms"+i).innerHTML=newvals;
 }
    });
}





function generatenotes()
	{
var totaldays=document.getElementById("totaldays").value;
if (totaldays==0 )
{
toastr.warning("Select the date or click on Check Availability");
return false;
}


var maxcount="3";
var txtnumberofpersons=document.getElementById("txtnumberofpersons").value;
var txtadult=document.getElementById("txtadult").value;
var txtchild=document.getElementById("txtchild").value;
document.getElementById("txtextrapersontotal").value=0;

var Totalrent="0";
var maxpersoncount =0;
var roomcount=0;
var txtextrapersontotal=0;

txttax=0;
document.getElementById("extratax").value=0;
var lasti=1;
for (i=maxcount;i>=1;i=i-1)
{

var txtselectedrooms=document.getElementById("txtselectedrooms"+i).value;
if (txtselectedrooms!=0){
txttax=0;
lasti=i;
var extrapersoncharge=0;
var txtcode=document.getElementById("txtcode"+i).value;
var txtname=document.getElementById("txtname"+i).value;
var txttariff=document.getElementById("txttariff"+i).value;
var txtextrapersoncharge=document.getElementById("txtextrapersoncharge"+i).value;
var txttax=document.getElementById("txttax"+i).value;
var txtmaxpersons=document.getElementById("txtmaxpersons"+i).value;
roomcount=parseInt(roomcount)+parseInt(txtselectedrooms);
maxpersoncount=parseInt(maxpersoncount)+(parseInt(txtmaxpersons)*parseInt(txtselectedrooms));
//Totalrent=Totalrent+"|"+txtcode+"|"+txtname+"|"+txttariff+"|"+txtextrapersoncharge+"|"+txttax+"|"+txtmaxpersons+"|"+txtselectedrooms;
//Totalrent=Totalrent+"<br>";

var roompertax=0;
var roompertarriff=0;

if (isNaN(txttax) ==true){
txttax="0";
}


roompertarriff=parseFloat(txtselectedrooms)*parseFloat(txttariff);
roompertax=(parseFloat(roompertarriff)* parseFloat(txttax))/100;
Totalrent=parseFloat(Totalrent)+parseFloat(roompertarriff)+parseFloat(roompertax);
}
}

var diffper =0;

if (parseInt(txtadult)>parseInt(maxpersoncount)) 
{
diffper=parseInt(txtadult)-parseInt(maxpersoncount);
extrapersoncharge=parseFloat(diffper)*parseFloat(txtextrapersoncharge);
if ((parseFloat(txttariff)+parseFloat(txtextrapersoncharge))>=1000 &&  parseFloat(txttax)==0 ){
txttax=12;
Totalrent=Totalrent-roompertax;
Totalrent=Totalrent+(parseFloat(txttariff)* parseFloat(txttax))/100;
document.getElementById("extratax").value=12;
document.getElementById("txttaxnew"+lasti).value=12;
}

if ((parseFloat(txttariff)+parseFloat(txtextrapersoncharge))>=2500 &&  parseFloat(txttax)==12){
txttax=12;
Totalrent=Totalrent-roompertax;
Totalrent=Totalrent+(parseFloat(txttariff)* parseFloat(txttax))/100;
document.getElementById("extratax").value=12;
document.getElementById("txttaxnew"+lasti).value=12;
}


document.getElementById("extratax").value=txttax;
roompertax=(parseFloat(extrapersoncharge)* parseFloat(txttax))/100;
Totalrent=parseFloat(Totalrent)+parseFloat(extrapersoncharge)+parseFloat(roompertax);
txtextrapersontotal=parseFloat(txtextrapersontotal)+ parseFloat(extrapersoncharge)+parseFloat(roompertax);
}

Totalrent=parseFloat(totaldays)*parseFloat(Totalrent);
txtextrapersontotal=parseFloat(totaldays)*parseFloat(txtextrapersontotal);
Totalrent=Math.round(Totalrent);
document.getElementById("txttotalamt").value=Totalrent.toFixed(2);
document.getElementById("txtextrapersons").value=diffper;
document.getElementById("txtextrapersontotal").value=txtextrapersontotal.toFixed(2);
document.getElementById("txtextrapersonsdiv").innerHTML="";
document.getElementById("txtextrapersontotaldiv").innerHTML="";


if (diffper!=0){
document.getElementById("txtextrapersonsdiv").innerHTML="Extra Person :"+diffper;
document.getElementById("txtextrapersontotaldiv").innerHTML="Amount :"+txtextrapersontotal.toFixed(2);
}

if (roomcount!=0){
document.getElementById("resevdetails").innerHTML="<br><span class='textfontbold'>"+roomcount+" Rooms for</span> <br><br><span style='color:#fd7e14;font-size:36px'>Rs. "+ Totalrent.toFixed(2); +"</b>";
}}
	

function changenumber(itemname)
{
var itemnames="";
var maxpersoncount=0;
if (itemname==0){

var maxcount="3";
for (i=1;i<=maxcount;i++)
{
var txtselectedrooms=document.getElementById("txtselectedrooms"+i).value;
if (txtselectedrooms!=0){
var txtmaxpersons=document.getElementById("txtmaxpersons"+i).value;
txtmaxpersons=parseInt(txtmaxpersons)+1;
txtmaxpersons=parseInt(txtmaxpersons)* parseInt(txtselectedrooms);
maxpersoncount=parseInt(maxpersoncount)+parseInt(txtmaxpersons);
}
}

itemnames="txtnumberofpersons";
var txtnumberofpersons=document.getElementById("txtnumberofpersons").value;
var txtadult=document.getElementById("txtadult").value;
if (txtnumberofpersons>(maxpersoncount) ||  (txtadult>maxpersoncount))
{
toastr.warning("Selected of Persons are not allowed in selected rooms (Max Allowed:"+maxpersoncount+"), \n Please Select Additional Rooms");
document.getElementById("txtnumberofpersons").value=maxpersoncount;
//document.getElementById("txtadult").value=maxpersoncount;
//changenumber(0);
$('html, body').animate({
    scrollTop: $("#selectrooms").offset().top-95
}, 1000);

return false;
}

//document.getElementById("txtadult").value=txtnumberofpersons;
//document.getElementById("txtchild").value=0;

if (document.getElementById("txtnumberofpersons").value=="" )
{
toastr.warning("Invalid Number selected");
document.getElementById("txtnumberofpersons").value=0;
//changenumber(0);
}

}else if (itemname==1){
itemnames="txtadult";
var txtnumberofpersons=document.getElementById("txtnumberofpersons").value;
document.getElementById("txtchild").value=txtnumberofpersons-document.getElementById("txtadult").value;

if (document.getElementById("txtchild").value=="")
{
toastr.warning("Invalid Number selected");
//document.getElementById("txtadult").value=0;
//changenumber(1);
}

}else{
itemnames="txtchild";
var txtnumberofpersons=document.getElementById("txtnumberofpersons").value;
//document.getElementById("txtadult").value=txtnumberofpersons-document.getElementById("txtchild").value;
if (document.getElementById("txtadult").value=="")
{
toastr.warning("Invalid Number selected");
document.getElementById("txtchild").value=0;
//changenumber(2);
}
}
}

function selectbooking()
{
$('html, body').animate({
    scrollTop: $("#selectpersons").offset().top-95
}, 1000);
}

function validatebooking()
{
if (document.getElementById("txttotalamt").value=="")
{
toastr.warning("Select the rooms and Dates");
return false;
}

if (document.getElementById("txtadult").value=="" || document.getElementById("txtadult").value==0)
{
toastr.warning("Select the Number of persons");
return false;
}
}

</script>
<br><br><br>


 </div></div> </div> </div>  <script src='assets/js/apexcharts.min.js?1692870487' defer></script><script src='assets/js/litepicker.js?1692870487' defer></script> <script src='assets/js/tabler.min.js?1692870487' defer></script><script src='assets/js/demo.min.js?1692870487' defer></script><script src='assets/js/toastr.js?1692870487' defer></script><script src='assets/js/jquery.dataTables.min.js'></script><script src='assets/js/dataTables.responsive.min.js'></script><script src='assets/js/dataTables.bootstrap5.min.js'></script><script src='assets/jscustom/popup.min.js'></script> 

<a href='https://hotelmayuraresidency.com/bookings/cencellation'><b>Booking Cancellation</b></a> &nbsp;&nbsp;&nbsp;&nbsp;
<a href='https://hotelmayuraresidency.com/bookings/reprint'><b>Reprint</b></a>

&nbsp;&nbsp;&nbsp;&nbsp;
<a target='blank' href='https://maps.app.goo.gl/MybL9fieoY8ptUdm6'><b>Hotel Location</b></a>


    <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"9352ad487f6bc9a4","version":"2025.4.0-1-g37f21b1","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"692b7f0bcc62467f9c4f0f0c78a0205f","b":1}' crossorigin="anonymous"></script>