<div id='ds_search_box' style='padding-top:25px;'></div>    <script type="text/javascript">
      //  var $ = jQuery;
      //  alert($);
    </script>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
     <link type="text/css" rel="stylesheet" href="/booking/css/dsform.css"/>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
<!-- <script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/booking/js/ply.min.js" type="text/javascript"></script>
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- <script src="/booking/js/ctws_front.js" type="text/javascript"></script> -->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
 
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
	/* calender date color code start */

td.availableDay {
   opacity:1 !important;  
}
td.availableDay a.ui-state-default{
    background-color:#27ae60 !important; 
    color:#ffffff;
   
}
td.blockDay{
   opacity:1 !important;  
}
td.blockDay span.ui-state-default{
    background-color:#ff0000 !important;
    color:#ffffff;
   
}
td.notAvaiable{
   opacity:1 !important;  
}
td.notAvaiable span.ui-state-default{
    background-color:#999 !important;
    color:#ffffff;
   
}

td.fillingDay{
   opacity:1 !important;  
}
td.fillingDay a.ui-state-default{
    background-color:#eb008c !important;
    color:#ffffff;
   
}

td.offersDay{
   opacity:1 !important;  
}
td.offersDay a.ui-state-default{
    background-color:#FFC300 !important;
    color:#ffffff;
   
}
td.fillingDay a.ui-state-default{
    background-color:#eb008c !important;
    color:#ffffff;
   
}

.nd_options_customizer_forms input[type="text"], .nd_options_customizer_forms input[type="email"], .nd_options_customizer_forms input[type="url"], .nd_options_customizer_forms input[type="tel"], .nd_options_customizer_forms input[type="number"], .nd_options_customizer_forms input[type="date"], .nd_options_customizer_forms input[type="file"], .nd_options_customizer_forms input[type="password"], .nd_options_customizer_forms select, .nd_options_customizer_forms textarea, .StripeElement {
    color: #000000;
    font-weight: bold;

}
a.ctws_bookbtn{display:none;}
#ui-datepicker-div{top:191px;}
</style>

<link type="text/css" rel="stylesheet" href="/booking_old/css/dsform.css"/>
<script src="/booking/js/ctws_front.js" type="text/javascript"></script>
     
    <script>
     var $ = jQuery;
     jQuery(document).ready(function(){
                                    
    jQuery.ajax({
        url: '/booking/hotel2/ds_search_form_left.php',
        dataType: 'html',
        async: false,
        error: function(){
            alert("Error In Loading");
        },
        success: function(data){
            jQuery('#ds_search_box').html(data);
        },
    });
    });
        function frontajaxFormSubmit(paramlist_form){
    if(paramlist_form=="bookform" ){
        if($('#datef').val()=='Check In Dummy Don\'t use'){
            Ply.dialog("alert",err_checkin);
            return false;
        }
        if($('#datef1').val()=='Check Out Dummy Don\'t use'){
            Ply.dialog("alert",err_checkout);
            return false;
        }
        if($('#nights').val()==0){
            Ply.dialog("alert",err_nights);
            return false;
        }
        if($('#rooms').val()==0){
            Ply.dialog("alert",err_rooms);
            return false;
        }
        var wdate = $('#datef').val();
        var wdate1= $('#datef1').val();
        var dateFirst = wdate.split('/');
        var dateSecond = wdate1.split('/');
        var firstdate1 = dateFirst[2]+','+dateFirst[1]+','+dateFirst[0];
        var firstdate2 = dateSecond[2]+','+dateSecond[1]+','+dateSecond[0];
        var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds   
        var firstDate = new Date(firstdate1);
        var secondDate = new Date(firstdate2);
        var diffDays = Math.round((secondDate.getTime()-firstDate.getTime())/(oneDay));

        if ((diffDays)<=0){
            Ply.dialog("alert",err_departureOverArrival);
            return false;
        }
        for(var i=1;i<=$('#rooms').val();i++){
            //if($('#adults'+i).val()==0){
            if($('[name="room_adult['+i+']"]').val()==0){
                Ply.dialog("alert",err_adultForRoom+i+" !!!");
                return false;
            }
        }
//      $('html, body').animate({scrollTop:$('#right_column').offset()}, 'slow');
    }
    //var params = $('#'+paramlist_form).serialize();
    //$(".dropdown-toggle").removeClass("close-sh");
    //$("#search-panel").hide();
  //openPagePost(params);
  //if(paramlist_form=="bookform" || paramlist_form=="hotel_sort" || paramlist_form=="book_frm"){
    //ajaxSidebar();
  //}
  $("#"+paramlist_form).submit();
}
    </script>
    <script>
    function monthconversion(month){
    if(month != '' || month != 'undefined' || month != 'null'){
      switch(month){
        case '1':
        case '01': return 'JAN'; break;
        case '2':
        case '02': return 'FEB'; break;
        case '3':
        case '03': return 'MAR'; break;
        case '4':
        case '04': return 'APR'; break;
        case '5':
        case '05': return 'MAY'; break;
        case '6':
        case '06': return 'JUN'; break;
        case '7':
        case '07': return 'JUL'; break;
        case '8':
        case '08': return 'AUG'; break;
        case '9':
        case '09': return 'SEP'; break;
        case '10': return 'OCT'; break;
        case '11': return 'NOV'; break;
        case '12': return 'DEC'; break;

      }
    }
  }
  function checkinchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date1 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          $('#'+second_calender_id).datepicker('setDate', date1);
          if(change == '1') date1.setDate(date1.getDate() + 1);
          else if(change == '-1') date1.setDate(date1.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date1 );
          $( '#'+calender_id ).val( date1.getDate() );
          var datef = $.datepicker.formatDate('dd/mm/yy', date1);
          $('#datef').val(datef);
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          //$('#checkin_year').html(getValArr[2]);

          $( "#"+second_calender_id ).datepicker( "option", "minDate", datef);
          var date2 = $( "#"+second_calender_id ).datepicker('getDate');
          date2.setDate(date1.getDate() + 7);
          $('#'+second_calender_id).datepicker('setDate', date2);
          $( "#"+second_calender_id ).datepicker( "option", "defaultDate", date2);
          $( "#"+second_calender_id ).val( date2.getDate() );
          date2 = $.datepicker.formatDate('dd/mm/yy', date2);
          
          $( "#datef1" ).val( date2 );
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         // $('#checkout_year').html(getValArr[2]);
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
  function checkoutchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date2 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          if(change == '1') date2.setDate(date2.getDate() + 1);
          else if(change == '-1') date2.setDate(date2.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date2 );
          $( '#'+calender_id ).val( date2.getDate() );
          var datef1 = $.datepicker.formatDate('dd/mm/yy', date2);
          $('#datef1').val(datef1);
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
          
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
 // new code start
    var sale_room='';
                 var sale_price='';
                 var stop_room='';
                 //var Proom_date='';
                 var fast_date='';
                 var lst_date='';
                 var hoffer_date='';
                 var roomFill='';
                
                var stop_room;
              $.ajax({
                    url : "/booking/data_json.php",
                    type : "POST",
                    async:false,
                    //data : data,
                    dataType : 'json',
                    headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
                   success : function(result){
                   sale_room = JSON.parse(result['Salroom']);
                   lst_date = JSON.parse(result['last_date']);
                   sale_price = JSON.parse(result['SaleroomPrice']);
                   stop_room = JSON.parse(result['stoproomsal']);
                   fast_date = JSON.parse(result['fastfilldate']);
                   roomFill = JSON.parse(result['roomFill']);
                   //Proom_date = JSON.parse(result['price_date']);
                   hoffer_date = JSON.parse(result['RoomOfferDate']);
                   //console.log(result['Salroom']);
                  //alert(hoffer_date);
                  },
                 error : function () {
                        alert("error");
                   }
                });

var active_datesBlock = stop_room;
    var active_datesOffer = hoffer_date;
    
    var active_datesFast = fast_date;
    var active_datesFastPrice = sale_price;
     var above_date = sale_room;
      var da = new Date();
      var strDate = (da.getMonth()+1)+"/" +da.getDate()+ "/" + da.getFullYear() ;
      
       var lastDay = lst_date;
       var date1 = new Date(strDate);
       var date2 = new Date(lastDay);
       var timeDiff = Math.abs(date2.getTime() - date1.getTime());
       var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
       var mxDate1 = "+"+diffDays+"D";
       var getVal = $("#datef").val();
       var checkin = getVal;
       getVal = $("#datef1").val();
       var checkout = getVal;
     var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
              

  function dateDifference(from, to)
  {
    if(from == ''|| from == null) from = '';
    if(to == ''|| to == null) to = '';
    if(from != '' && to != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        from = new Date(from);
        to = to.split('/');
        to = to[1]+'/'+to[0]+'/'+to[2];
        to = new Date(to);
        var diff = to.getTime() - from.getTime();
        diff = diff/(1000*24*60*60);
        if(diff == 0) diff = 1;
        return diff;
    }
  }
  function addtoDate(from,night)
  {
    if(from == ''|| from == null) from = '';
    if(night == ''|| night == null) night = 1;
    if(from != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        var to = new Date(from);alert(from+'=='+to);
        to.setTime(to.getTime()+parseInt(parseInt(night)*1000*60*60*24));alert(to);
    }
  }
   
   $ = jQuery;
  $(function() {
  $ = jQuery;
  var mobile="";

         
//alert(mobile+"test");
      if(mobile==1){
//alert("1");
            var num_of_mnth=1;

        }

        else

        {

          var num_of_mnth=2;

        }

    $( "#datef" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
	  changeYear: true,
      numberOfMonths: num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
          if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
            
           return [true,'blockDay',active_datesBlock[index]];
         }
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
       
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
        var date2 = $('#datef').datepicker('getDate');
        date2.setDate(date2.getDate() + 1);
        $('#datef1').datepicker('setDate', date2);
        $( "#datef1" ).datepicker( "option", "minDate", selectedDate );
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }
    });
    $( "#datef1" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
         
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
        if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'blockDay',active_datesBlock[index]];
         }
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
       // $( "#fromD" ).datepicker( "option", "maxDate", selectedDate );
       var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_month').html(monthconversion(getValArr[1]));
          $('#checkin_year').html(getValArr[2]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }
    });
  });

   $( function() {
    $( "#date1" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
    $( "#date2" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
});

$('.ctws-guest , .ctws-done').click(function(e){

    $('.ctws-guest-popup').toggleClass('ctws-popup-open' , function(){$(this).focus();});
    
    });

     function appendsomething(){
            var parElem = $("#ui-datepicker-div");
    //check if your div exists, append if not
    if( !parElem.find(".note_div").length ) {
        parElem.append('<div class="note_div"><div style="float: left; width: 100%; margin: 10px;font-size:10px"><div style="float:left;">Note:&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#27ae60;margin-top:6px;"></div><div style="float:left;">&nbsp;Available&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#FFC300;margin-top:6px;"></div><div style="float:left;">&nbsp;Offers&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#ff0000;margin-top:6px;"></div><div style="float:left;">&nbsp;Not Available &nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#eb008c;margin-top:6px;"></div><div style="float:left;">&nbsp;Filling Fast</div></div></div>');
    }
          
        }
  // new code end
  </script>
    <div id='ds_search_box' style='padding-top:25px;'></div>    <script type="text/javascript">
      //  var $ = jQuery;
      //  alert($);
    </script>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
     <link type="text/css" rel="stylesheet" href="/booking/css/dsform.css"/>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
<!-- <script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/booking/js/ply.min.js" type="text/javascript"></script>
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- <script src="/booking/js/ctws_front.js" type="text/javascript"></script> -->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
 
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
	/* calender date color code start */

td.availableDay {
   opacity:1 !important;  
}
td.availableDay a.ui-state-default{
    background-color:#27ae60 !important; 
    color:#ffffff;
   
}
td.blockDay{
   opacity:1 !important;  
}
td.blockDay span.ui-state-default{
    background-color:#ff0000 !important;
    color:#ffffff;
   
}
td.notAvaiable{
   opacity:1 !important;  
}
td.notAvaiable span.ui-state-default{
    background-color:#999 !important;
    color:#ffffff;
   
}

td.fillingDay{
   opacity:1 !important;  
}
td.fillingDay a.ui-state-default{
    background-color:#eb008c !important;
    color:#ffffff;
   
}

td.offersDay{
   opacity:1 !important;  
}
td.offersDay a.ui-state-default{
    background-color:#FFC300 !important;
    color:#ffffff;
   
}
td.fillingDay a.ui-state-default{
    background-color:#eb008c !important;
    color:#ffffff;
   
}

.nd_options_customizer_forms input[type="text"], .nd_options_customizer_forms input[type="email"], .nd_options_customizer_forms input[type="url"], .nd_options_customizer_forms input[type="tel"], .nd_options_customizer_forms input[type="number"], .nd_options_customizer_forms input[type="date"], .nd_options_customizer_forms input[type="file"], .nd_options_customizer_forms input[type="password"], .nd_options_customizer_forms select, .nd_options_customizer_forms textarea, .StripeElement {
    color: #000000;
    font-weight: bold;

}
a.ctws_bookbtn{display:none;}
#ui-datepicker-div{top:191px;}
</style>

<link type="text/css" rel="stylesheet" href="/booking_old/css/dsform.css"/>
<script src="/booking/js/ctws_front.js" type="text/javascript"></script>
     
    <script>
     var $ = jQuery;
     jQuery(document).ready(function(){
                                    
    jQuery.ajax({
        url: '/booking/hotel2/ds_search_form_left.php',
        dataType: 'html',
        async: false,
        error: function(){
            alert("Error In Loading");
        },
        success: function(data){
            jQuery('#ds_search_box').html(data);
        },
    });
    });
        function frontajaxFormSubmit(paramlist_form){
    if(paramlist_form=="bookform" ){
        if($('#datef').val()=='Check In Dummy Don\'t use'){
            Ply.dialog("alert",err_checkin);
            return false;
        }
        if($('#datef1').val()=='Check Out Dummy Don\'t use'){
            Ply.dialog("alert",err_checkout);
            return false;
        }
        if($('#nights').val()==0){
            Ply.dialog("alert",err_nights);
            return false;
        }
        if($('#rooms').val()==0){
            Ply.dialog("alert",err_rooms);
            return false;
        }
        var wdate = $('#datef').val();
        var wdate1= $('#datef1').val();
        var dateFirst = wdate.split('/');
        var dateSecond = wdate1.split('/');
        var firstdate1 = dateFirst[2]+','+dateFirst[1]+','+dateFirst[0];
        var firstdate2 = dateSecond[2]+','+dateSecond[1]+','+dateSecond[0];
        var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds   
        var firstDate = new Date(firstdate1);
        var secondDate = new Date(firstdate2);
        var diffDays = Math.round((secondDate.getTime()-firstDate.getTime())/(oneDay));

        if ((diffDays)<=0){
            Ply.dialog("alert",err_departureOverArrival);
            return false;
        }
        for(var i=1;i<=$('#rooms').val();i++){
            //if($('#adults'+i).val()==0){
            if($('[name="room_adult['+i+']"]').val()==0){
                Ply.dialog("alert",err_adultForRoom+i+" !!!");
                return false;
            }
        }
//      $('html, body').animate({scrollTop:$('#right_column').offset()}, 'slow');
    }
    //var params = $('#'+paramlist_form).serialize();
    //$(".dropdown-toggle").removeClass("close-sh");
    //$("#search-panel").hide();
  //openPagePost(params);
  //if(paramlist_form=="bookform" || paramlist_form=="hotel_sort" || paramlist_form=="book_frm"){
    //ajaxSidebar();
  //}
  $("#"+paramlist_form).submit();
}
    </script>
    <script>
    function monthconversion(month){
    if(month != '' || month != 'undefined' || month != 'null'){
      switch(month){
        case '1':
        case '01': return 'JAN'; break;
        case '2':
        case '02': return 'FEB'; break;
        case '3':
        case '03': return 'MAR'; break;
        case '4':
        case '04': return 'APR'; break;
        case '5':
        case '05': return 'MAY'; break;
        case '6':
        case '06': return 'JUN'; break;
        case '7':
        case '07': return 'JUL'; break;
        case '8':
        case '08': return 'AUG'; break;
        case '9':
        case '09': return 'SEP'; break;
        case '10': return 'OCT'; break;
        case '11': return 'NOV'; break;
        case '12': return 'DEC'; break;

      }
    }
  }
  function checkinchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date1 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          $('#'+second_calender_id).datepicker('setDate', date1);
          if(change == '1') date1.setDate(date1.getDate() + 1);
          else if(change == '-1') date1.setDate(date1.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date1 );
          $( '#'+calender_id ).val( date1.getDate() );
          var datef = $.datepicker.formatDate('dd/mm/yy', date1);
          $('#datef').val(datef);
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          //$('#checkin_year').html(getValArr[2]);

          $( "#"+second_calender_id ).datepicker( "option", "minDate", datef);
          var date2 = $( "#"+second_calender_id ).datepicker('getDate');
          date2.setDate(date1.getDate() + 7);
          $('#'+second_calender_id).datepicker('setDate', date2);
          $( "#"+second_calender_id ).datepicker( "option", "defaultDate", date2);
          $( "#"+second_calender_id ).val( date2.getDate() );
          date2 = $.datepicker.formatDate('dd/mm/yy', date2);
          
          $( "#datef1" ).val( date2 );
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         // $('#checkout_year').html(getValArr[2]);
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
  function checkoutchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date2 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          if(change == '1') date2.setDate(date2.getDate() + 1);
          else if(change == '-1') date2.setDate(date2.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date2 );
          $( '#'+calender_id ).val( date2.getDate() );
          var datef1 = $.datepicker.formatDate('dd/mm/yy', date2);
          $('#datef1').val(datef1);
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
          
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
 // new code start
    var sale_room='';
                 var sale_price='';
                 var stop_room='';
                 //var Proom_date='';
                 var fast_date='';
                 var lst_date='';
                 var hoffer_date='';
                 var roomFill='';
                
                var stop_room;
              $.ajax({
                    url : "/booking/data_json.php",
                    type : "POST",
                    async:false,
                    //data : data,
                    dataType : 'json',
                    headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
                   success : function(result){
                   sale_room = JSON.parse(result['Salroom']);
                   lst_date = JSON.parse(result['last_date']);
                   sale_price = JSON.parse(result['SaleroomPrice']);
                   stop_room = JSON.parse(result['stoproomsal']);
                   fast_date = JSON.parse(result['fastfilldate']);
                   roomFill = JSON.parse(result['roomFill']);
                   //Proom_date = JSON.parse(result['price_date']);
                   hoffer_date = JSON.parse(result['RoomOfferDate']);
                   //console.log(result['Salroom']);
                  //alert(hoffer_date);
                  },
                 error : function () {
                        alert("error");
                   }
                });

var active_datesBlock = stop_room;
    var active_datesOffer = hoffer_date;
    
    var active_datesFast = fast_date;
    var active_datesFastPrice = sale_price;
     var above_date = sale_room;
      var da = new Date();
      var strDate = (da.getMonth()+1)+"/" +da.getDate()+ "/" + da.getFullYear() ;
      
       var lastDay = lst_date;
       var date1 = new Date(strDate);
       var date2 = new Date(lastDay);
       var timeDiff = Math.abs(date2.getTime() - date1.getTime());
       var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
       var mxDate1 = "+"+diffDays+"D";
       var getVal = $("#datef").val();
       var checkin = getVal;
       getVal = $("#datef1").val();
       var checkout = getVal;
     var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
              

  function dateDifference(from, to)
  {
    if(from == ''|| from == null) from = '';
    if(to == ''|| to == null) to = '';
    if(from != '' && to != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        from = new Date(from);
        to = to.split('/');
        to = to[1]+'/'+to[0]+'/'+to[2];
        to = new Date(to);
        var diff = to.getTime() - from.getTime();
        diff = diff/(1000*24*60*60);
        if(diff == 0) diff = 1;
        return diff;
    }
  }
  function addtoDate(from,night)
  {
    if(from == ''|| from == null) from = '';
    if(night == ''|| night == null) night = 1;
    if(from != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        var to = new Date(from);alert(from+'=='+to);
        to.setTime(to.getTime()+parseInt(parseInt(night)*1000*60*60*24));alert(to);
    }
  }
   
   $ = jQuery;
  $(function() {
  $ = jQuery;
  var mobile="";

         
//alert(mobile+"test");
      if(mobile==1){
//alert("1");
            var num_of_mnth=1;

        }

        else

        {

          var num_of_mnth=2;

        }

    $( "#datef" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
	  changeYear: true,
      numberOfMonths: num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
          if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
            
           return [true,'blockDay',active_datesBlock[index]];
         }
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
       
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
        var date2 = $('#datef').datepicker('getDate');
        date2.setDate(date2.getDate() + 1);
        $('#datef1').datepicker('setDate', date2);
        $( "#datef1" ).datepicker( "option", "minDate", selectedDate );
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }
    });
    $( "#datef1" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
         
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
        if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'blockDay',active_datesBlock[index]];
         }
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
       // $( "#fromD" ).datepicker( "option", "maxDate", selectedDate );
       var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_month').html(monthconversion(getValArr[1]));
          $('#checkin_year').html(getValArr[2]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }
    });
  });

   $( function() {
    $( "#date1" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
    $( "#date2" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
});

$('.ctws-guest , .ctws-done').click(function(e){

    $('.ctws-guest-popup').toggleClass('ctws-popup-open' , function(){$(this).focus();});
    
    });

     function appendsomething(){
            var parElem = $("#ui-datepicker-div");
    //check if your div exists, append if not
    if( !parElem.find(".note_div").length ) {
        parElem.append('<div class="note_div"><div style="float: left; width: 100%; margin: 10px;font-size:10px"><div style="float:left;">Note:&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#27ae60;margin-top:6px;"></div><div style="float:left;">&nbsp;Available&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#FFC300;margin-top:6px;"></div><div style="float:left;">&nbsp;Offers&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#ff0000;margin-top:6px;"></div><div style="float:left;">&nbsp;Not Available &nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#eb008c;margin-top:6px;"></div><div style="float:left;">&nbsp;Filling Fast</div></div></div>');
    }
          
        }
  // new code end
  </script>
    <div id='ds_search_box' style='padding-top:25px;'></div>    <script type="text/javascript">
      //  var $ = jQuery;
      //  alert($);
    </script>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link type="text/css" rel="stylesheet" href="/booking/css/ply.css"/>
     <link type="text/css" rel="stylesheet" href="/booking/css/dsform.css"/>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"/>
<!-- <script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="/booking/js/ply.min.js" type="text/javascript"></script>
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<!-- <script src="/booking/js/ctws_front.js" type="text/javascript"></script> -->
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
 
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style type="text/css">
	/* calender date color code start */

td.availableDay {
   opacity:1 !important;  
}
td.availableDay a.ui-state-default{
    background-color:#27ae60 !important; 
    color:#ffffff;
   
}
td.blockDay{
   opacity:1 !important;  
}
td.blockDay span.ui-state-default{
    background-color:#ff0000 !important;
    color:#ffffff;
   
}
td.notAvaiable{
   opacity:1 !important;  
}
td.notAvaiable span.ui-state-default{
    background-color:#999 !important;
    color:#ffffff;
   
}

td.fillingDay{
   opacity:1 !important;  
}
td.fillingDay a.ui-state-default{
    background-color:#eb008c !important;
    color:#ffffff;
   
}

td.offersDay{
   opacity:1 !important;  
}
td.offersDay a.ui-state-default{
    background-color:#FFC300 !important;
    color:#ffffff;
   
}
td.fillingDay a.ui-state-default{
    background-color:#eb008c !important;
    color:#ffffff;
   
}

.nd_options_customizer_forms input[type="text"], .nd_options_customizer_forms input[type="email"], .nd_options_customizer_forms input[type="url"], .nd_options_customizer_forms input[type="tel"], .nd_options_customizer_forms input[type="number"], .nd_options_customizer_forms input[type="date"], .nd_options_customizer_forms input[type="file"], .nd_options_customizer_forms input[type="password"], .nd_options_customizer_forms select, .nd_options_customizer_forms textarea, .StripeElement {
    color: #000000;
    font-weight: bold;

}
a.ctws_bookbtn{display:none;}
#ui-datepicker-div{top:191px;}
</style>

<link type="text/css" rel="stylesheet" href="/booking_old/css/dsform.css"/>
<script src="/booking/js/ctws_front.js" type="text/javascript"></script>
     
    <script>
     var $ = jQuery;
     jQuery(document).ready(function(){
                                    
    jQuery.ajax({
        url: '/booking/hotel2/ds_search_form_left.php',
        dataType: 'html',
        async: false,
        error: function(){
            alert("Error In Loading");
        },
        success: function(data){
            jQuery('#ds_search_box').html(data);
        },
    });
    });
        function frontajaxFormSubmit(paramlist_form){
    if(paramlist_form=="bookform" ){
        if($('#datef').val()=='Check In Dummy Don\'t use'){
            Ply.dialog("alert",err_checkin);
            return false;
        }
        if($('#datef1').val()=='Check Out Dummy Don\'t use'){
            Ply.dialog("alert",err_checkout);
            return false;
        }
        if($('#nights').val()==0){
            Ply.dialog("alert",err_nights);
            return false;
        }
        if($('#rooms').val()==0){
            Ply.dialog("alert",err_rooms);
            return false;
        }
        var wdate = $('#datef').val();
        var wdate1= $('#datef1').val();
        var dateFirst = wdate.split('/');
        var dateSecond = wdate1.split('/');
        var firstdate1 = dateFirst[2]+','+dateFirst[1]+','+dateFirst[0];
        var firstdate2 = dateSecond[2]+','+dateSecond[1]+','+dateSecond[0];
        var oneDay = 24*60*60*1000; // hours*minutes*seconds*milliseconds   
        var firstDate = new Date(firstdate1);
        var secondDate = new Date(firstdate2);
        var diffDays = Math.round((secondDate.getTime()-firstDate.getTime())/(oneDay));

        if ((diffDays)<=0){
            Ply.dialog("alert",err_departureOverArrival);
            return false;
        }
        for(var i=1;i<=$('#rooms').val();i++){
            //if($('#adults'+i).val()==0){
            if($('[name="room_adult['+i+']"]').val()==0){
                Ply.dialog("alert",err_adultForRoom+i+" !!!");
                return false;
            }
        }
//      $('html, body').animate({scrollTop:$('#right_column').offset()}, 'slow');
    }
    //var params = $('#'+paramlist_form).serialize();
    //$(".dropdown-toggle").removeClass("close-sh");
    //$("#search-panel").hide();
  //openPagePost(params);
  //if(paramlist_form=="bookform" || paramlist_form=="hotel_sort" || paramlist_form=="book_frm"){
    //ajaxSidebar();
  //}
  $("#"+paramlist_form).submit();
}
    </script>
    <script>
    function monthconversion(month){
    if(month != '' || month != 'undefined' || month != 'null'){
      switch(month){
        case '1':
        case '01': return 'JAN'; break;
        case '2':
        case '02': return 'FEB'; break;
        case '3':
        case '03': return 'MAR'; break;
        case '4':
        case '04': return 'APR'; break;
        case '5':
        case '05': return 'MAY'; break;
        case '6':
        case '06': return 'JUN'; break;
        case '7':
        case '07': return 'JUL'; break;
        case '8':
        case '08': return 'AUG'; break;
        case '9':
        case '09': return 'SEP'; break;
        case '10': return 'OCT'; break;
        case '11': return 'NOV'; break;
        case '12': return 'DEC'; break;

      }
    }
  }
  function checkinchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date1 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          $('#'+second_calender_id).datepicker('setDate', date1);
          if(change == '1') date1.setDate(date1.getDate() + 1);
          else if(change == '-1') date1.setDate(date1.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date1 );
          $( '#'+calender_id ).val( date1.getDate() );
          var datef = $.datepicker.formatDate('dd/mm/yy', date1);
          $('#datef').val(datef);
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          //$('#checkin_year').html(getValArr[2]);

          $( "#"+second_calender_id ).datepicker( "option", "minDate", datef);
          var date2 = $( "#"+second_calender_id ).datepicker('getDate');
          date2.setDate(date1.getDate() + 7);
          $('#'+second_calender_id).datepicker('setDate', date2);
          $( "#"+second_calender_id ).datepicker( "option", "defaultDate", date2);
          $( "#"+second_calender_id ).val( date2.getDate() );
          date2 = $.datepicker.formatDate('dd/mm/yy', date2);
          
          $( "#datef1" ).val( date2 );
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         // $('#checkout_year').html(getValArr[2]);
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
  function checkoutchangeDate(calender_id,change,second_calender_id){
    if(calender_id != 'null' || calender_id != 'undefined' || calender_id != ''){
      if(second_calender_id != 'null' || second_calender_id != 'undefined' || second_calender_id != ''){
        var date2 = $('#'+calender_id).datepicker('getDate');
        if(change != 'null' || change != 'undefined' || change != ''){
          if(change == '1') date2.setDate(date2.getDate() + 1);
          else if(change == '-1') date2.setDate(date2.getDate() - 1);
         
          $( '#'+calender_id ).datepicker( "option", "defaultDate", date2 );
          $( '#'+calender_id ).val( date2.getDate() );
          var datef1 = $.datepicker.formatDate('dd/mm/yy', date2);
          $('#datef1').val(datef1);
          var getVal = $("#datef1").val();
          var checkout = getVal;
          getValArr = getVal.split('/');
          $('#date2d').val(getValArr[0]); 
          $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
          
          var getVal = $("#datef").val();
          var checkin = getVal;
          getValArr = getVal.split('/');
          $('#date1d').val(getValArr[0]); 
          $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
          var diff = dateDifference(checkin,checkout);
          $('#nights').val(diff);
        }
      }
    }
  }
 // new code start
    var sale_room='';
                 var sale_price='';
                 var stop_room='';
                 //var Proom_date='';
                 var fast_date='';
                 var lst_date='';
                 var hoffer_date='';
                 var roomFill='';
                
                var stop_room;
              $.ajax({
                    url : "/booking/data_json.php",
                    type : "POST",
                    async:false,
                    //data : data,
                    dataType : 'json',
                    headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
                   success : function(result){
                   sale_room = JSON.parse(result['Salroom']);
                   lst_date = JSON.parse(result['last_date']);
                   sale_price = JSON.parse(result['SaleroomPrice']);
                   stop_room = JSON.parse(result['stoproomsal']);
                   fast_date = JSON.parse(result['fastfilldate']);
                   roomFill = JSON.parse(result['roomFill']);
                   //Proom_date = JSON.parse(result['price_date']);
                   hoffer_date = JSON.parse(result['RoomOfferDate']);
                   //console.log(result['Salroom']);
                  //alert(hoffer_date);
                  },
                 error : function () {
                        alert("error");
                   }
                });

var active_datesBlock = stop_room;
    var active_datesOffer = hoffer_date;
    
    var active_datesFast = fast_date;
    var active_datesFastPrice = sale_price;
     var above_date = sale_room;
      var da = new Date();
      var strDate = (da.getMonth()+1)+"/" +da.getDate()+ "/" + da.getFullYear() ;
      
       var lastDay = lst_date;
       var date1 = new Date(strDate);
       var date2 = new Date(lastDay);
       var timeDiff = Math.abs(date2.getTime() - date1.getTime());
       var diffDays = Math.ceil(timeDiff / (1000 * 3600 * 24));
       var mxDate1 = "+"+diffDays+"D";
       var getVal = $("#datef").val();
       var checkin = getVal;
       getVal = $("#datef1").val();
       var checkout = getVal;
     var diff = dateDifference(checkin,checkout);
   $('#nights').val(diff);
              

  function dateDifference(from, to)
  {
    if(from == ''|| from == null) from = '';
    if(to == ''|| to == null) to = '';
    if(from != '' && to != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        from = new Date(from);
        to = to.split('/');
        to = to[1]+'/'+to[0]+'/'+to[2];
        to = new Date(to);
        var diff = to.getTime() - from.getTime();
        diff = diff/(1000*24*60*60);
        if(diff == 0) diff = 1;
        return diff;
    }
  }
  function addtoDate(from,night)
  {
    if(from == ''|| from == null) from = '';
    if(night == ''|| night == null) night = 1;
    if(from != ''){
        from = from.split('/');
        from = from[1]+'/'+from[0]+'/'+from[2];
        var to = new Date(from);alert(from+'=='+to);
        to.setTime(to.getTime()+parseInt(parseInt(night)*1000*60*60*24));alert(to);
    }
  }
   
   $ = jQuery;
  $(function() {
  $ = jQuery;
  var mobile="";

         
//alert(mobile+"test");
      if(mobile==1){
//alert("1");
            var num_of_mnth=1;

        }

        else

        {

          var num_of_mnth=2;

        }

    $( "#datef" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
	  changeYear: true,
      numberOfMonths: num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
          if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
            
           return [true,'blockDay',active_datesBlock[index]];
         }
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
       
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
        var date2 = $('#datef').datepicker('getDate');
        date2.setDate(date2.getDate() + 1);
        $('#datef1').datepicker('setDate', date2);
        $( "#datef1" ).datepicker( "option", "minDate", selectedDate );
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
          $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }
    });
    $( "#datef1" ).datepicker({
      minDate:+1,
      maxDate: mxDate1,
      defaultDate: "+1w",
      changeMonth: true,
      changeYear: true,
      numberOfMonths:num_of_mnth,
      dateFormat:"dd/mm/yy",
      beforeShowDay: function(date){ setTimeout(appendsomething, 10);
         var d = date;
         var curr_date = d.getDate();
         var curr_month = d.getMonth() + 1; //Months are zero based
         var curr_year = d.getFullYear();
         var formattedDate = curr_date + "/" + curr_month + "/" + curr_year

         if ($.inArray(formattedDate, active_datesBlock) != -1){
           return [false,'blockDay'];
         }
         
        if ($.inArray(formattedDate, active_datesOffer) != -1){
           return [true,'offersDay'];
         }
            if ($.inArray(formattedDate, active_datesFast) != -1){
           return [true,'fillingDay'];
         }
        
          

         if ($.inArray(formattedDate, active_datesFast) != -1){
             var index = active_datesFast.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'fillingDay',active_datesFastPrice[index]];
         }

          if ($.inArray(formattedDate, above_date) != -1){
             var index = above_date.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'availableDay',active_datesFastPrice[index]];
         }
          if ($.inArray(formattedDate, above_date) != -1){
           return [true,'availableDay'];
         }
        if ($.inArray(formattedDate, active_datesBlock) != -1){
             var index = active_datesBlock.map(function(o) { return o; }).indexOf(formattedDate);
             
           return [true,'blockDay',active_datesBlock[index]];
         }
        /* if(formattedDate>above_date)
             return [false,'notAvaiable'];*/
      //return [true, 'availableDay'];
      return [false,'notAvaiable'];
      },
      beforeShow: function(inp, inst) {
        //call the function to append div to datepicker
          setTimeout(appendsomething, 10);
        },
      onClose: function( selectedDate ) {
       // $( "#fromD" ).datepicker( "option", "maxDate", selectedDate );
       var getVal = $("#datef1").val();
     var checkout = getVal;
         getValArr = getVal.split('/');
         $('#date2d').val(getValArr[0]); 
         $('#date2m').val(getValArr[2]+getValArr[1]);
          $('#checkout_datebox').html(getValArr[0]);
          $('#checkout_month').html(monthconversion(getValArr[1]));
         var getVal = $("#datef").val();
     var checkin = getVal;
         getValArr = getVal.split('/');
         $('#date1d').val(getValArr[0]); 
         $('#date1m').val(getValArr[2]+getValArr[1]);
           $('#checkin_month').html(monthconversion(getValArr[1]));
          $('#checkin_year').html(getValArr[2]);
           $('#checkin_datebox').html(getValArr[0]);
          $('#checkin_month').html(monthconversion(getValArr[1]));
     var diff = dateDifference(checkin,checkout);
     $('#nights').val(diff);
      }
    });
  });

   $( function() {
    $( "#date1" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
    $( "#date2" ).datepicker({dateFormat: 'dd/mm/y',//check change
    changeMonth: true,
    changeYear: true});
});

$('.ctws-guest , .ctws-done').click(function(e){

    $('.ctws-guest-popup').toggleClass('ctws-popup-open' , function(){$(this).focus();});
    
    });

     function appendsomething(){
            var parElem = $("#ui-datepicker-div");
    //check if your div exists, append if not
    if( !parElem.find(".note_div").length ) {
        parElem.append('<div class="note_div"><div style="float: left; width: 100%; margin: 10px;font-size:10px"><div style="float:left;">Note:&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#27ae60;margin-top:6px;"></div><div style="float:left;">&nbsp;Available&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#FFC300;margin-top:6px;"></div><div style="float:left;">&nbsp;Offers&nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#ff0000;margin-top:6px;"></div><div style="float:left;">&nbsp;Not Available &nbsp;</div><div style="float:left;height:12px;width:12px;background-color:#eb008c;margin-top:6px;"></div><div style="float:left;">&nbsp;Filling Fast</div></div></div>');
    }
          
        }
  // new code end
  </script>
    {"id":7231,"date":"2019-11-15T14:46:32","date_gmt":"2019-11-15T14:46:32","guid":{"rendered":"http:\/\/utopiablu.gr\/?page_id=7231"},"modified":"2024-02-14T10:26:47","modified_gmt":"2024-02-14T10:26:47","slug":"restaurant-bars","status":"publish","type":"page","link":"https:\/\/utopiablu.gr\/fr\/restaurant-bars\/","title":{"rendered":"Restaurant &#038; Bars"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1574928572740{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}&#8221; el_class=&#8221;ctws-pbndiv&#8221;][vc_column css=&#8221;.vc_custom_1519362639897{margin-top: 0px !important;padding-top: 0px !important;}&#8221;][vc_single_image image=&#8221;7604&#8243; img_size=&#8221;full&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;ctws-form-append&#8221;][vc_column][\/vc_column][\/vc_row][vc_row el_class=&#8221;booking-ctws-form&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_column_text][\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1519362419432{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}&#8221;][vc_column css=&#8221;.vc_custom_1519362639897{margin-top: 0px !important;padding-top: 0px !important;}&#8221;][vc_row_inner css=&#8221;.vc_custom_1518697640027{margin-top: 45px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Restaurant &amp; Bars&#8221; font_container=&#8221;tag:h3|font_size:30px|text_align:left|line_height:38px&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1638352973921{margin-top: 35px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;]Caract\u00e9ristiques tout compris 2021<\/p>\n<p>&nbsp;<\/p>\n<h1>Repas<\/h1>\n<ul>\n<li>Petit d\u00e9jeuner buffet (7h00 \u2013 10h00) dans le restaurant principal<\/li>\n<li>Petit d\u00e9jeuner continental (10h00 \u2013 10h30) au restaurant principal<\/li>\n<\/ul>\n<ul>\n<li>Snacks et friandises (11h00 \u2013 17h00)<\/li>\n<li>D\u00e9jeuner buffet (12h30 \u2013 14h30) au restaurant principal<\/li>\n<\/ul>\n<ul>\n<li>Diner (18h30 \u2013 21h30) au restaurant principal<\/li>\n<\/ul>\n<ul>\n<li>Diner alternatif au restaurant italien \u00e0 la carte (18h30 \u2013 21h30), r\u00e9servation n\u00e9cessaire. (Limit\u00e9 \u00e0 une visite par s\u00e9jour, vin en bouteille en suppl\u00e9ment)<\/li>\n<li>Diner alternatif au restaurant m\u00e9diterran\u00e9en \u00e0 la carte (18h30 \u2013 21h30) pour les adultes et les enfants de plus de 16 ans uniquement, r\u00e9servation essentielle. (Limit\u00e9 \u00e0 une visite par s\u00e9jour, vin en bouteille en suppl\u00e9ment)<\/li>\n<li>Collations d\u2019apr\u00e8s-diner (23h00 \u2013 24h00) au restaurant principal<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1>Boissons \/ self-service aux bars<\/h1>\n<p>&nbsp;<\/p>\n<p>Boisons alcoolis\u00e9es locales servies de 10h00 \u00e0 24h00\u00a0: cocktails, bi\u00e8res, vin, jus de fruits et boissons gazeuses non alcoolis\u00e9es.<\/p>\n<ul>\n<li>Bar de la piscine: (10h00 \u2013 18h00)<\/li>\n<\/ul>\n<ul>\n<li>Bar du salon: (17h00 \u2013 18h00) Le tout compris se termine \u00e0 00h00<\/li>\n<\/ul>\n<ul>\n<li>Snacks: (11h00 \u2013 18h00)<\/li>\n<li>Bar sain et bar \u00e0 caf\u00e9 (8h00 \u2013 18h00 avec suppl\u00e9ment)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1>Note importante:<\/h1>\n<p><strong>\u00a0<\/strong><\/p>\n<p><strong>V<\/strong><strong>euillez noter que votre statut tout compris \u00e0 nos bars est valable de 10h00 \u00e0 24h00.<\/strong><\/p>\n<p><strong>Apr\u00e8s cette heure, des frais suppl\u00e9mentaires sont applicables aux boissons. Pour assurer un meilleur service, vous pouvez commander un maximum de deux boissons pas personne par commande. Aucun alcool ne sera servi aux mineurs de moins de 18 ans.<\/strong><\/p>\n<p><strong>\u00a0<\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;7605&#8243; img_size=&#8221;full&#8221; css=&#8221;.vc_custom_1625576923561{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221; el_class=&#8221;image-space-top&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;ctws-bk-btn-row&#8221;][vc_column][vc_column_text el_class=&#8221;ctws-bk-btn-row&#8221;]<a class=\"ctws-main-bb\"> BOOK NOW <\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1632468928814{padding-bottom: 50px !important;}&#8221;][vc_column][vc_column_text]<strong>CODE VESTIMENTAIRE POUR LE DINER<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Merci de nous aider \u00e0 maintenir l\u2019ambiance et le style que vous attendiez d\u2019Utopia Blu en respectant notre code vestimentaire du diner dans nos restaurants et dans nos bars. Merci de bien vouloir porter une tenue appropri\u00e9e.<br \/>\nLes shorts \u00e9l\u00e9gants sont accept\u00e9s pour les hommes dans les restaurants et les bars\u00a0; les maillots de bain, les tongs et les claquettes de piscine ainsi que les maillots de sport ne sont pas appropri\u00e9s et nous vous demandons de les garder pour la journ\u00e9e.<\/p>\n<p>Merci, et profitez de votre journ\u00e9e!<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>C<\/strong><strong>ODE VESTIMENTAIRE POUR LE D\u00c9JEUNER<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Merci de nous aider \u00e0 maintenir l\u2019ambiance et le style que vous attendiez d\u2019Utopia Blu en respectant notre code vestimentaire du d\u00e9jeuner dans nos restaurants et dans nos bars. Veuillez ne pas porter de maillot de bain et porter des v\u00eatements ordinaires.<\/p>\n<p>Merci, et profitez de votre journ\u00e9e!<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1574928572740{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}&#8221; el_class=&#8221;ctws-pbndiv&#8221;][vc_column css=&#8221;.vc_custom_1519362639897{margin-top: 0px !important;padding-top: 0px !important;}&#8221;][vc_single_image image=&#8221;7604&#8243; img_size=&#8221;full&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;ctws-form-append&#8221;][vc_column][\/vc_column][\/vc_row][vc_row el_class=&#8221;booking-ctws-form&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_column_text][\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1519362419432{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 80px !important;background-color: #ffffff !important;}&#8221;][vc_column css=&#8221;.vc_custom_1519362639897{margin-top: 0px !important;padding-top: 0px !important;}&#8221;][vc_row_inner css=&#8221;.vc_custom_1518697640027{margin-top: 45px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;][vc_column_inner width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Restaurant &amp; Bars&#8221; font_container=&#8221;tag:h3|font_size:30px|text_align:left|line_height:38px&#8221; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages\/7231"}],"collection":[{"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/comments?post=7231"}],"version-history":[{"count":20,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages\/7231\/revisions"}],"predecessor-version":[{"id":8014,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages\/7231\/revisions\/8014"}],"wp:attachment":[{"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/media?parent=7231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}