<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":7,"date":"2019-11-06T05:59:37","date_gmt":"2019-11-06T05:59:37","guid":{"rendered":"http:\/\/utopiablu.gr\/?page_id=7"},"modified":"2021-12-01T09:48:40","modified_gmt":"2021-12-01T09:48:40","slug":"new-page","status":"publish","type":"page","link":"https:\/\/utopiablu.gr\/fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;ctws-rev-sl&#8221;][vc_column]\n\t\t\t<!-- START Slider 1 REVOLUTION SLIDER 6.1.3 --><p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t<rs-module-wrap id=\"rev_slider_1_2_wrapper\" data-source=\"gallery\" style=\"background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;\">\n\t\t\t\t<rs-module id=\"rev_slider_1_2\" style=\"display:none;\" data-version=\"6.1.3\">\n\t\t\t\t\t<rs-slides>\n\t\t\t\t\t\t<rs-slide data-key=\"rs-1\" data-title=\"Slide\" data-anim=\"ei:d;eo:d;s:1000;r:0;t:fade;sl:0;\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"\/\/utopiablu.gr\/wp-content\/uploads\/2021\/07\/Main-Pool-2.jpg\" title=\"Main Pool 2\" width=\"1920\" height=\"950\" class=\"rev-slidebg\" data-no-retina>\n<!--\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-1-slide-1-layer-2\" \n\t\t\t\t\t\t\t\tdata-type=\"text\"\n\t\t\t\t\t\t\t\tdata-color=\"#fff\"\n\t\t\t\t\t\t\t\tdata-rsp_ch=\"on\"\n\t\t\t\t\t\t\t\tdata-xy=\"x:c;yo:606px,606px,390px,390px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;s:18,18,11,11;l:45,45,28,28;ls:2,2,1,1;a:center;\"\n\t\t\t\t\t\t\t\tdata-dim=\"minh:0px,0px,none,0px;\"\n\t\t\t\t\t\t\t\tdata-padding=\"r:3,3,2,2;l:3,3,2,2;\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:w;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:16;background-color:rgba(33,33,33,0.98);font-family:Raleway;\"\n\t\t\t\t\t\t\t>For all direct bookings with minimum stay 5 nights , we offer Complimentary transfers from and to the airport \n\t\t\t\t\t\t\t<\/rs-layer><!--\n\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-1-slide-1-layer-4\" \n\t\t\t\t\t\t\t\tdata-type=\"text\"\n\t\t\t\t\t\t\t\tdata-rsp_ch=\"on\"\n\t\t\t\t\t\t\t\tdata-xy=\"xo:637px,637px,410px,410px;yo:336px,336px,216px,216px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;s:43,43,27,27;l:65,65,41,41;fw:300;\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:w;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:15;font-family:Roboto;\"\n\t\t\t\t\t\t\t>Tigaki, Kos Island \n\t\t\t\t\t\t\t<\/rs-layer><!--\n\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-1-slide-1-layer-5\" \n\t\t\t\t\t\t\t\tdata-type=\"text\"\n\t\t\t\t\t\t\t\tdata-color=\"#fff\"\n\t\t\t\t\t\t\t\tdata-rsp_ch=\"on\"\n\t\t\t\t\t\t\t\tdata-xy=\"x:c;xo:20px,20px,12px,12px;yo:281px,281px,180px,180px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;s:49,49,31,31;l:44,44,28,28;ls:1px,1px,0px,0px;a:center;\"\n\t\t\t\t\t\t\t\tdata-dim=\"minh:0px,0px,none,0px;\"\n\t\t\t\t\t\t\t\tdata-basealign=\"slide\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:w;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:13;font-family:Roboto;font-style:italic;\"\n\t\t\t\t\t\t\t>UTOPIA BLU HOTEL \n\t\t\t\t\t\t\t<\/rs-layer><!--\n-->\t\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t<\/rs-slides>\n\t\t\t\t\t<rs-progress class=\"rs-bottom\" style=\"visibility: hidden !important;\"><\/rs-progress>\n\t\t\t\t<\/rs-module>\n\t\t\t<\/rs-module-wrap>\n\t\t\t<!-- END REVOLUTION SLIDER -->\n[\/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 css=&#8221;.vc_custom_1574858675480{background-color: #002c3e !important;}&#8221;][vc_column_inner][vc_column_text]<\/p>\n<div class=\"front-form\"><\/div>\n<p>[\/vc_column_text][\/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-sd-main&#8221; css=&#8221;.vc_custom_1573026330169{background-color: #f9f8f6 !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221;ctws-idiv&#8221;][vc_column_inner el_class=&#8221;ctws-cl-main&#8221; width=&#8221;1\/2&#8243;][vc_column_text el_class=&#8221;ctws-fh&#8221;]<\/p>\n<h1 class=\"ctws-m-font\">Vacances relaxantes<\/h1>\n<p class=\"ctws-fr-p\">L\u2019<strong>Utopia Blu hotel <\/strong>est situ\u00e9 dans le quartier de Tigaki, l\u2019un des complexes h\u00f4teliers les plus populaires de l\u2019\u00eele de Kos, qui offre tous les services indispensables pour des vacances relaxantes.<\/p>\n<p class=\"ctws-smf\">Votre journ\u00e9e d\u00e9marre avec un grand buffet sur la terrasse de l\u2019h\u00f4tel, dans un environnement calme et amical. \u00c0 proximit\u00e9, vous trouverez l&#8217;une des plus belles et des plus c\u00e9l\u00e8bres plages de sable de l&#8217;\u00eele.<\/p>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner el_class=&#8221;ctws-img-main&#8221; width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;7600&#8243; img_size=&#8221;full&#8221; el_class=&#8221;ctws-rel-img&#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&#8221;]<a class=\"ctws-main-bb\" href=\"\/booking\"> BOOK NOW <\/a>[\/vc_column_text][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;ctws-rev-sl&#8221;][vc_column][\/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 css=&#8221;.vc_custom_1574858675480{background-color: #002c3e !important;}&#8221;][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_content_no_spaces&#8221; el_class=&#8221;ctws-sd-main&#8221; css=&#8221;.vc_custom_1573026330169{background-color: #f9f8f6 !important;}&#8221;][vc_column][vc_row_inner el_class=&#8221;ctws-idiv&#8221;][vc_column_inner el_class=&#8221;ctws-cl-main&#8221; width=&#8221;1\/2&#8243;][vc_column_text el_class=&#8221;ctws-fh&#8221;] Vacances relaxantes L\u2019Utopia Blu hotel est situ\u00e9 dans le quartier de Tigaki, l\u2019un des complexes h\u00f4teliers les plus populaires de l\u2019\u00eele de Kos, qui offre tous les services indispensables pour des vacances relaxantes. Votre journ\u00e9e d\u00e9marre [&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\/7"}],"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=7"}],"version-history":[{"count":72,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":7830,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages\/7\/revisions\/7830"}],"wp:attachment":[{"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}