$(document).ready(function () {
- $( ".datepicker1" ).datepicker({dateFormat: "mm/dd/yy"});
- $( ".datepicker2" ).datepicker({dateFormat: "mm/dd/yy"});
- $("form.findARoom").submit(function() {
- var date1val = $(this).find("input[name=datepicker1]").val();
- var date2val = $(this).find("input[name=datepicker2]").val();
- var numOfRooms = $(this).find(".num_rooms").val();
- var date1valid = false;
- var date2valid = false;
- var dateBothValid = false;
- var USDatePattern = "^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\\d\\d$";
- var ISODatePattern = "^(19|20)\\d\\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$";
- // Check the dates for empty string or bad vales.
- if(date1val == "" || (date1val.match(USDatePattern) == null && date1val.match(ISODatePattern) == null) ) {
- $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
- $(".checkinError").css("display", "inline-block");
- }
- else {
- $(".checkinError").css("display", "none");
- date1valid = true;
- }
- if(date2val == "" || (date2val.match(USDatePattern) == null && date2val.match(ISODatePattern) == null) ) {
- $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
- $(".checkoutError").css("display", "inline-block");
- }
- else {
- $(".checkoutError").css("display", "none");
- date2valid = true;
- }
- // Check that the checkout date is after the checkin date.
- var date1date = new Date(date1val);
- var date2date = new Date(date2val);
- if(date1date > date2date) {
- $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
- $(".checkoutError").css("display", "inline-block");
- $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
- $(".checkinError").css("display", "inline-block");
- }
- else {
- dateBothValid = true;
- }
- // If all client validation is passed send to server validation.
- if(date1valid == true && date2valid == true && dateBothValid == true) {
-
- // Build the URI.
- var nights = Math.round((date2date - date1date) / 84600000);
- var Rooms = [];
-
- // Build the rooms part based on how many rooms they choose
- for (var i = 1; i <= numOfRooms; ++i) {
- Rooms.push({
- "idx": i,
- "adults": "2",
- "teenagers": 0,
- "childrens": 0,
- "infants": 0
- });
- }
-
- var room_configuration = {
- "room_config": Rooms,
- "nights": "" + nights + "", // number of nights
- "check_in_date": date1date.toISOString().slice(0, 10), // Arrival Date
- "currency": "USD"
- };
- var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}
-
- var hashString = Base64.encode(JSON.stringify(room_configuration));
-
- var $uri = "";
- $uri += "http://bookings.mountpleasantwow.com/?rc=";
- $uri += hashString;
-
- window.open($uri);
- return false;
- }
- return false;
- });
+// $( ".datepicker1" ).datepicker({dateFormat: "mm/dd/yy"});
+// $( ".datepicker2" ).datepicker({dateFormat: "mm/dd/yy"});
+// $("form.findARoom").submit(function() {
+// var date1val = $(this).find("input[name=datepicker1]").val();
+// var date2val = $(this).find("input[name=datepicker2]").val();
+// var numOfRooms = $(this).find(".num_rooms").val();
+// var date1valid = false;
+// var date2valid = false;
+// var dateBothValid = false;
+// var USDatePattern = "^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\\d\\d$";
+// var ISODatePattern = "^(19|20)\\d\\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$";
+// // Check the dates for empty string or bad vales.
+// if(date1val == "" || (date1val.match(USDatePattern) == null && date1val.match(ISODatePattern) == null) ) {
+// $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
+// $(".checkinError").css("display", "inline-block");
+// }
+// else {
+// $(".checkinError").css("display", "none");
+// date1valid = true;
+// }
+// if(date2val == "" || (date2val.match(USDatePattern) == null && date2val.match(ISODatePattern) == null) ) {
+// $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
+// $(".checkoutError").css("display", "inline-block");
+// }
+// else {
+// $(".checkoutError").css("display", "none");
+// date2valid = true;
+// }
+// // Check that the checkout date is after the checkin date.
+// var date1date = new Date(date1val);
+// var date2date = new Date(date2val);
+// if(date1date > date2date) {
+// $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
+// $(".checkoutError").css("display", "inline-block");
+// $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
+// $(".checkinError").css("display", "inline-block");
+// }
+// else {
+// dateBothValid = true;
+// }
+// // If all client validation is passed send to server validation.
+// if(date1valid == true && date2valid == true && dateBothValid == true) {
+//
+// // Build the URI.
+// var nights = Math.round((date2date - date1date) / 84600000);
+// var Rooms = [];
+//
+// // Build the rooms part based on how many rooms they choose
+// for (var i = 1; i <= numOfRooms; ++i) {
+// Rooms.push({
+// "idx": i,
+// "adults": "2",
+// "teenagers": 0,
+// "childrens": 0,
+// "infants": 0
+// });
+// }
+//
+// var room_configuration = {
+// "room_config": Rooms,
+// "nights": "" + nights + "", // number of nights
+// "check_in_date": date1date.toISOString().slice(0, 10), // Arrival Date
+// "currency": "USD"
+// };
+// var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}
+//
+// var hashString = Base64.encode(JSON.stringify(room_configuration));
+//
+// var $uri = "";
+// $uri += "http://bookings.mountpleasantwow.com/?rc=";
+// $uri += hashString;
+//
+// window.open($uri);
+// return false;
+// }
+// return false;
+// });
});
-<div id="reservation">
+<!--<div id="reservation">
<div class="row show-for-large-up">
<form class="findARoom" method="post">
<div id="res-bar" class="large-12 columns">
<div class="row collapse">
<div class="large-2 columns">
- <img alt="Make a Reservation" src="<?php bloginfo('template_url'); ?>/assets/reserve.png">
+ <img alt="Make a Reservation" src="<?php // bloginfo('template_url'); ?>/assets/reserve.png">
</div>
<div class="large-10 columns">
<div class="row collapse">
<form class="findARoom" method="post">
<div class="row show-for-medium-down">
<div class="small-12 columns text-center">
- <img alt="Make a Reservation" src="<?php bloginfo('template_url'); ?>/assets/reserve.png">
+ <img alt="Make a Reservation" src="<?php // bloginfo('template_url'); ?>/assets/reserve.png">
</div>
</div>
<div class="row show-for-medium-down">
<div class="checkin small-6 medium-offset-2 medium-3 columns"><p>Check In</p><div class="checkinError"></div>
<input name="datepicker1" placeholder="MM/DD/YY" type="date" required="required">
- <img class="date" alt="Check in calendar" src="<?php bloginfo('template_url'); ?>/assets/calendar.png">
+ <img class="date" alt="Check in calendar" src="<?php // bloginfo('template_url'); ?>/assets/calendar.png">
</div>
<div class="checkout small-6 medium-3 columns"><p>Check Out</p><div class="checkoutError"></div>
<input name="datepicker2" placeholder="MM/DD/YY" type="date" required="required">
- <img class="date" alt="Check out calendar" src="<?php bloginfo('template_url'); ?>/assets/calendar.png">
+ <img class="date" alt="Check out calendar" src="<?php // bloginfo('template_url'); ?>/assets/calendar.png">
</div>
<div class="dateError"></div>
<div class="lodging small-6 medium-3 columns">
</div>
</div>
</form>
-</div>
+</div>-->