<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":7223,"date":"2019-11-15T14:43:18","date_gmt":"2019-11-15T14:43:18","guid":{"rendered":"http:\/\/utopiablu.gr\/?page_id=7223"},"modified":"2024-10-27T08:12:19","modified_gmt":"2024-10-27T08:12:19","slug":"facilites","status":"publish","type":"page","link":"https:\/\/utopiablu.gr\/fr\/facilites\/","title":{"rendered":"Installations"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1574928510524{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;7607&#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;Installations&#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_1638353461835{margin-top: 35px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;]<strong>Sport<\/strong><br \/>\n\u2022 1 court de tennis recouvert de gazon artificiel<br \/>\n\u2022 1 court de padel<br \/>\n\u2022 Animations douces la journ\u00e9e<\/p>\n<p><strong>Pour les enfants<\/strong><br \/>\n\u2022 Club pour enfants de 4 \u00e0 12 ans<\/p>\n<p><strong>Autres sports et installations proches (avec suppl\u00e9ment):<\/strong><br \/>\n\u2022 Sports aquatiques sur la plage (prestataire externe)<br \/>\n\u2022 Location de bicyclette \/ mobylette, location de voiture[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_single_image image=&#8221;7608&#8243; img_size=&#8221;full&#8221; css=&#8221;.vc_custom_1625577033479{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&#8221;]<a class=\"ctws-main-bb\"> 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; css=&#8221;.vc_custom_1574928510524{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;7607&#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;Installations&#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_1638353461835{margin-top: [&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\/7223"}],"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=7223"}],"version-history":[{"count":17,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages\/7223\/revisions"}],"predecessor-version":[{"id":8023,"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/pages\/7223\/revisions\/8023"}],"wp:attachment":[{"href":"https:\/\/utopiablu.gr\/fr\/wp-json\/wp\/v2\/media?parent=7223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}