<input type="hidden" id="internalStartDate" value="2024-11-06"/>
<input type="hidden" id="internalEndDate" value="2024-11-07"/>
<input type="hidden" id="internalNumRooms" value="1" />
<input type="hidden" id="internalNumNights" value="1" />
<input type="hidden" id="internalPromocode" value=""/>
<input type="hidden" class="internalSource" value="Web">
<input type="hidden" id="internalNum1AdultsRooms" value="2" />
<input type="hidden" id="internalNum1KidsRooms" value="0" />
<div class="clearfix">
<div class="booking-box booking-box--search seearch_without_availability ">
<div class="booking-search-results booking-box__content seearch_without_availability">
<h3 class="title_booking_breakdown">Booking Summary</h3>
<div class="booking-search-results__search-data">
<b class="booking-title-info booking-hotel-name">Hotel: </b>
<span class="booking-3-info">Smart Cancun by Oasis</span>
<br/>
<i class="fa fa-long-arrow-right"></i><b class="booking-title-info">Check-In: </b>
<span class="notranslate">06-11-2024</span><br/>
<i class="fa fa-long-arrow-left"></i><b class="booking-title-info">Check-Out: </b>
<span class="notranslate ">07-11-2024
</span><br/>
</div>
<div class="booking-search-results__rooms-list rooms_amount_1">
<i class="fa fa-users"></i>
<b class="booking-title-info rooms_amount_label"> Rooms: </b><span class="rooms_amount_number">1</span><br/>
<div class="search-item">
<span class="booking-title-info"> Room 1: </span>2 Adults
, 0 Children
<br>
</div>
</div>
<div class="booking-search-results__new-search">
<button type="submit" class="booking-button booking-button--action" id="modify-button">Price calendar</button>
</div>
<!-- TODO: remove inline styles -->
<div class="booking-widget">
<div style="float:left">
<h1 class="booking-widget__title">Modify search</h1>
</div>
<div style="float:right"><a class="booking-widget__close-button">X</a></div>
<div id="motor_reserva">
<!-- booking engine 2 -->
<form action="https://booking.oasishoteles.com/booking1" name="searchForm" id="searchForm" method="post" class="paraty-booking-form motor2">
<input type="hidden" id="language" name="language" value="ENGLISH" />
<input type="hidden" id="agesKid1" name="agesKid1" value="None" />
<input type="hidden" id="agesKid2" name="agesKid2" value="None" />
<input type="hidden" id="agesKid3" name="agesKid3" value="None" />
<input id="roomType" type="hidden" name="roomType" value="">
<input class="roomTypeValue" type="hidden" name="roomTypeValue" value="">
<input id="roomFilter" type="hidden" name="roomFilter" value="">
<input id="roomFilterName" type="hidden" name="roomFilterName" value="">
<input type="hidden" id="roomtype_list_json" name="roomtype_list_json" value="">
<input id="boardFilter" type="hidden" name="boardFilter" value="">
<input id="keyBooking0Source" type="hidden" name="keyBooking0Source" value="">
<input type="hidden" value="" name="priceSeekerHotel" id="priceSeekerHotel"/>
<input type="hidden" id="gclid" name="gclid" value="" />
<input type="hidden" id="using_booking_0" name="using_booking_0" value="" />
<input type="hidden" id="namespace" name="namespace" value="oasishoteles-smart" />
<div id="booking_engine_title">
<h4 id="booking_title1">Book here</h4>
<h4 id="booking_title2">Book now</h4>
<h3 id="best_price">BEST PRICE GUARANTEED</h3>
</div>
<div id="contenedor_hotel">
</div>
<fieldset id="contenedor_fechas">
<div id="fecha_entrada" class="colocar_fechas fecha_entrada">
<label id="titulo_fecha_entrada" class="float_fecha">Check-In Date</label>
<input type="text" class="float_fecha classdatepicker1" name="startDate" id="datepicker1" tabindex="4" readonly="readonly" autocomplete="off"/>
</div>
<div id="fecha_salida" class="colocar_fechas fecha_salida">
<label id="titulo_fecha_salida" class="float_fecha">Check-Out Date</label>
<input type="text" class="float_fecha classdatepicker2" name="endDate" id="datepicker2" tabindex="5" readonly="readonly" autocomplete="off"/>
</div>
<div id="contador_noches" class="colocar_fechas">
<p class="float_fecha">Number of Nights: X</p>
</div>
</fieldset>
<fieldset id="contenedor_habitaciones" >
<label> Rooms </label>
<select id="selector_habitaciones" name="numRooms" onchange="mostrarHabitaciones(this.value);" tabindex="6">
<option value="1" selected="selected">1</option>
<option value="2" >2</option>
<option value="3" >3</option>
</select>
</fieldset>
<fieldset id="contenedor_opciones" >
<div id="hab1">
<label class="numero_habitacion"> Room 1</label>
<div class="adultos numero_personas">
<label class="selector_adultos" id="titulo_adultos">Adults</label>
<select class="selector_adultos" id="hab1_adultos" name="adultsRoom1" tabindex="7">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas " title="Babies go free">
<label for="childrenRoom1" id="titulo_ninos" class="selector_ninos">Children</label>
<select id="hab1_ninos" class="selector_ninos" name="childrenRoom1" onchange="" tabindex="8">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
<label id="info_ninos" class="selector_ninos">
(from 2 to 12 years)
</label>
</div>
</div>
<div id="hab2">
<label class="numero_habitacion">Room 2</label>
<div class="adultos numero_personas">
<select class="selector_adultos" id="hab2_adultos" name="adultsRoom2" tabindex="10">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas " title="Babies go free">
<select id="hab2_ninos" class="selector_ninos" name="childrenRoom2" onchange="" tabindex="11">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
</div>
</div>
<div id="hab3">
<label class="numero_habitacion">Room 3</label>
<div class="adultos numero_personas">
<select class="selector_adultos" id="hab3_adultos" name="adultsRoom3" tabindex="13">
<option value="1" >1</option>
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
</select>
</div>
<div class="ninos numero_personas " title="Babies go free">
<select id="hab3_ninos" class="selector_ninos" name="childrenRoom3" onchange="" tabindex="14">
<option value="0" selected="selected" >
0
</option>
<option value="1" >
1
</option>
<option value="2" >
2
</option>
<option value="3" >
3
</option>
<option value="4" >
4
</option>
</select>
</div>
</div>
</fieldset>
<fieldset id="envio">
<input type="text" id="promocode" class="colocar_envio promocode_input_class" name="promocode"
placeholder="Promotional code"
value=""
tabindex="16">
<button type="submit" onclick="$(this).addClass('clicked_button');return bookingSearchWithAgeSelection2() " id="search-button" class="colocar_envio buttonsearch-ratecheck" tabindex="17">Book here</button>
<div id="envio_spinner"></div>
</fieldset>
<input type="hidden" id="booking-search-popup" name="booking-search-popup" value="true">
<script>
function show_booking_search_popup(myForm) {
if (typeof(sending_form_custom_from_paraty) == 'undefined'){
sending_form_custom_from_paraty = true;
setTimeout( function(myForm) { openBookingSearchPopup(myForm); }, 1000, myForm );
}
};
function openBookingSearchPopup(myForm) {
return openBookingSearchPopup_v2(myForm);
var elements = [
]
var popup_description = "";
if (typeof(custom_popup_loading_description) != 'undefined') {
popup_description = custom_popup_loading_description;
}
$("<img/>").attr('src', '');
text_popup = '<div class="container_popup_booking" style="text-align:center;"><img src=""><div class="description_popup_booking">' + popup_description + '</div></div>';
var fancybox_params = {
width : 'auto',
maxWidth: 800,
height: 'auto',
fitToView: false,
autoSize: false,
padding: 0,
closeClick: false,
closeBtn: false,
wrapCSS: 'booking_popup_waiting',
helpers: {
overlay: {closeClick: false} // prevents closing when clicking OUTSIDE fancybox
}
};
if ($.fancybox.version.slice(0,2) === '3.') {
fancybox_params['baseClass'] = 'fancy-booking-search';
fancybox_params['modal'] = true;
$.fancybox.open(text_popup, fancybox_params);
} else {
$.fancybox(text_popup, fancybox_params);
}
myForm.submit();
}
function openBookingSearchPopup_v2(myForm, show_popup=true) {
if ((window.location !== window.parent.location) && show_popup) {
const parentMessage = {
message: 'resize_iframe',
height: 700,
};
window.parent.postMessage(parentMessage, '*');
}
var container_booking_popup = $('<div></div>').addClass('container_popup_booking').css('text-align', 'center'),
loading_popup_top_text = `We will take care of your request. Please do not leave this page.`;
var loading_popup_top_text = $('<video src="https://storage.googleapis.com/cdn.paraty.es/oasishoteles-senscancun/files/oasis-ok-ok.webm" muted="muted" autoplay loop></video>');
if ($('.logo_namespace').length) {
var logo_namespace = $("input[name='namespace']").val();
var url_logo = $('#logo_' + logo_namespace).val();
loading_popup_top_text = $("<img src='"+ url_logo +"'>");
}
var loading_popup_bottom_text = `<div style='color:#444444'>We are working on your request.<br> Please do not close this page.</div>`,
descipription_top_booking_popup = $("<div></div>").addClass('description_top_popup_booking').html(loading_popup_top_text),
descipription_bottom_booking_popup = $("<div></div>").addClass('description_bottom_popup_booking').html(loading_popup_bottom_text),
gif_wrapper = $("<div></div>").addClass('gif_wrapper'),
number_of_lines = 20;
for (var x = 0; x < number_of_lines; x++) {
var target_delay_css = {
'-webkit-animation-delay': -(1.5 - (0.1 * x)) + 's',
'-moz-animation-delay': -(1.5 - (0.1 * x)) + 's',
'-o-animation-delay': -(1.5 - (0.1 * x)) + 's',
'animation-delay': -(1.5 - (0.1 * x)) + 's'
};
var element_line_to_append = $("<div></div>").addClass("default_line_loading").css(target_delay_css);
element_line_to_append.css('background', '#ffffff');
element_line_to_append.appendTo(gif_wrapper);
}
container_booking_popup.css('border', '1px solid #ffffff');
container_booking_popup.append(descipription_top_booking_popup).append(gif_wrapper).append(descipription_bottom_booking_popup);
var selected_start_date = $("input[name='startDate']").val(),
selected_end_date = $("input[name='endDate']").val();
if(selected_start_date === ''){
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {dd = '0'+dd}
if(mm<10) {mm = '0'+mm}
today = dd + '/' + mm + '/' + yyyy;
selected_start_date = today;
}
var custom_format_date = "";
if (custom_format_date) {
var splitted_start_date = selected_start_date.split("/"),
start_day = splitted_start_date[0],
start_month = splitted_start_date[1],
start_year = splitted_start_date[2],
start_datetime = new Date(start_year, start_month - 1, start_day),
week_start_day = start_datetime.getDay();
var splitted_end_date = selected_end_date.split("/"),
end_day = splitted_end_date[0],
end_month = splitted_end_date[1],
end_year = splitted_end_date[2],
end_datetime = new Date(end_year, end_month - 1, end_day),
week_end_day = end_datetime.getDay();
var days_list = $.datepicker._defaults.dayNames;
//Start date
selected_start_date = custom_format_date.replace("%m", start_month).replace("%d", start_day).replace("%Y", start_year);
selected_start_date = selected_start_date.replace("%a", days_list[week_start_day]).replace("%bb", _monthNames[start_month - 1]).replace("%b", _monthNames[start_month - 1]);
//End date
selected_end_date = custom_format_date.replace("%m", end_month).replace("%d", end_day).replace("%Y", end_year);
selected_end_date = selected_end_date.replace("%a", days_list[week_end_day]).replace("%bb", _monthNames[end_month - 1]).replace("%b", _monthNames[end_month - 1]);
}
//Protection for failures
if(selected_start_date.indexOf('NaN') > -1 || selected_end_date.indexOf('NaN')){
container_booking_popup.html(container_booking_popup.html().replace("@@start_date@@", selected_start_date).replace("@@end_date@@", selected_end_date));
} else {
container_booking_popup.find(".description_bottom_popup_booking").remove();
}
if (show_popup) {
var fancybox_params = {
width: 'auto',
maxWidth: 800,
height: 'auto',
fitToView: false,
autoSize: false,
padding: 0,
closeClick: false,
closeBtn: false,
helpers: {
overlay: {
css:
{'background': '#FFFFFF'},
closeClick: false
} // prevents closing when clicking OUTSIDE fancybox
},
wrapCSS: 'fancy-booking-search_v2 full_screen_engine custom_color_overlay',
beforeShow: function () {
$('.fancybox-bg').css('background', '#FFFFFF');
if (typeof (cookiesController) !== 'undefined' && cookiesController.search_cookie("step_history_back")) {
cookiesController.delete_cookie("step_history_back");
}
}
};
if ($.fancybox.version.slice(0, 2) === '3.') {
fancybox_params['baseClass'] = 'fancybox-wrap fancy-booking-search_v2 full_screen_engine custom_color_overlay';
fancybox_params['modal'] = true;
$.fancybox.open(container_booking_popup, fancybox_params);
} else {
$.fancybox(container_booking_popup, fancybox_params);
}
if (myForm) {
if (!navigator.userAgent.match(/chrome/i) && (navigator.userAgent.match(/safari/i) || !navigator.userAgent.match(/firefox/i))) {
setTimeout(function () {
myForm.submit();
}, 700);
} else {
myForm.submit();
}
}
}
}
$("<img/>").attr('src', '');
function showGallery(elements) {
$.fancybox(elements, {
'modal': true,
'closeBtn': false,
'autoPlay': true,
'playSpeed': 3000,
'prevEffect': 'none',
'nextEffect': 'none',
'type': 'image',
'arrows': false,
'nextClick': false,
'mouseWheel': false,
'helpers': {
title: {
type: 'outside'
},
overlay: {
opacity: 0.8,
css: {
'background-color': '#000'
}
}
},
'padding': 0
});
}
</script>
</form>
</div>
<!-- Javascript at the bottom to increase speed -->
<script type="text/javascript" src="https://cdn.paraty.es/static_files/oasishoteles/generic/202411041214/lib/spin.min.js"></script>
<!-- Javascript at the bottom to increase speed -->
<style>
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
/*float: right;*/
float: none;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-dialog .ui-button-text {
/*padding: 10px;*/
/*margin: 10px;*/
}
.ui-dialog .ui-button{
/*height: 30px;*/
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-dialog {
min-width: 300px;
z-index: 9999;
}
</style>
<style>
.ui-dialog-titlebar-close {
display: none !important;
}
#dialog-form{
padding: 10px;
}
.ui-dialog-titlebar{
padding: 5px;
}
.kidAgesSelect{
margin-left: 10px;
}
</style>
<!-- New style Age popup -->
<style>
body .ui-widget-overlay.ui-front {
background: rgba(0, 0, 0, 0.6);
opacity: 1;
z-index: 9998;
position: fixed;
}
body .ui-dialog.ui-widget {
padding: 20px 10px;
border: 0;
border-radius: 0;
line-height: 1;
max-width: 370px;
width: 100% !important;
box-sizing: border-box;
}
body .ui-dialog.ui-widget .ui-dialog-titlebar {
background: none!important;
padding: 0 0 20px 0;
border-radius: 0;
border: 0;
color: black!important;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
text-align: center;
margin-bottom: 20px;
}
body .ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
width: 100%;
margin: 0;
}
body .ui-dialog.ui-widget #dialog-form {
padding: 0;
text-align: left;
width: 100% !important;
max-width: 350px;
}
body .ui-dialog.ui-widget #dialog-form form label {
clear: both;
width: 100%;
float: left;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids {
display: inline-block;
width: 100%;
float: left;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select {
width: calc((100% - 10px)/2);
margin: 0px 10px 10px 0;
float: left;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
padding: 5px 10px;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select:nth-child(even) {
margin-right: 0;
}
body .ui-dialog.ui-widget #dialog-form form .wrapper_age_kids select:nth-child(-n+2) {
margin-top: 10px;
}
body .ui-dialog.ui-widget .ui-dialog-buttonpane {
margin: 0;
padding: 0;
vertical-align: bottom;
display: inline-block;
float: left;
width: 100% !important;
max-width: 350px;
border-radius: 0;
margin-top: 10px;
}
body .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-button {
margin: 0;
display: inline-block;
width: 100% !important;
max-width: 350px;
border-radius: 0;
background: #446ca9;
color:white;
}
body .ui-dialog.ui-widget .ui-resizable-handle {
display: none;
}
</style>
<!-- <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" type="text/css"/> -->
<div id="dialog-form" title="Children's ages" style="display:none">
<form>
<label id="label1" for="name">Room 1</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom1_1" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_2" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_3" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom1_4" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
</div>
<label id="label2" for="name">Room 2</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom2_1" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_2" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_3" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom2_4" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
</div>
<label id="label3" for="name">Room 3</label>
<div class="wrapper_age_kids clearfix">
<select class="kidAgesSelect" id="agesRoom3_1" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_2" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_3" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
<select class="kidAgesSelect" id="agesRoom3_4" name="name" tabindex="1">
<option value="2" selected="selected">2</option>
<option value="3" >3</option>
<option value="4" >4</option>
<option value="5" >5</option>
<option value="6" >6</option>
<option value="7" >7</option>
<option value="8" >8</option>
<option value="9" >9</option>
<option value="10" >10</option>
<option value="11" >11</option>
<option value="12" >12</option>
</select>
</div>
</form>
</div>
<script type="text/javascript">
function sendActiveForm_booking_engine2() {
$(".booking_form").each(function () {
if ($(this).find(".submit_button").css("display") == "none" || $(this).find(".submit_button").hasClass('clicked_button')) {
if ($('#booking-search-popup').length) {
show_booking_search_popup($(this));
return false;
}
$(this).submit();
return true;
}
});
$("#searchForm").each(function () {
if ($(this).find("#search-button").css("display") == "none") {
if ($('#booking-search-popup').length) {
show_booking_search_popup($(this));
return false;
}
$(this).submit();
return true;
}
});
}
function bookingSearchWithAgeSelection2(){
if (!checkDates()){
return false;
};
kids1 = $('#hab1_ninos').val();
kids2 = $('#hab2_ninos').val();
kids3 = $('#hab3_ninos').val();
numRooms = $("input[name='numRooms']").val();
if (kids1 == "0" && (kids2 == "0" || numRooms == '1') && (kids3 == "0" || numRooms == '1' || numRooms == '2')){
if (bookingSearch()){
$('#searchForm').submit();
}
} else {
updateAgesOptions2();
$("#dialog-form").dialog("open");
return false;
}
}
function updateAgesOptions2() {
var numHab = $("#selector_habitaciones").val();
for ( var i = 3; i > 0; i--) {
$("#label" + i).hide();
$("#dialog-form #agesRoom" + i + "_1, #full_wrapper_booking #agesRoom" + i +"_1").hide();
$("#dialog-form #agesRoom" + i + "_2, #full_wrapper_booking #agesRoom" + i +"_2").hide();
$("#dialog-form #agesRoom" + i + "_3, #full_wrapper_booking #agesRoom" + i +"_3").hide();
$("#dialog-form #agesRoom" + i + "_4, #full_wrapper_booking #agesRoom" + i +"_4").hide();
}
for ( var i = numHab; i > 0; i--) {
numKids = $("#hab" + i + "_ninos").val();
if (numKids > 0){
$("#label" + i).show();
$("#dialog-form #agesRoom" + i + "_1, #full_wrapper_booking #agesRoom" + i +"_1").show();
if (numKids > 1)
$("#dialog-form #agesRoom" + i + "_2, #full_wrapper_booking #agesRoom" + i +"_2").show();
if (numKids > 2)
$("#dialog-form #agesRoom" + i + "_3, #full_wrapper_booking #agesRoom" + i +"_3").show();
if (numKids > 3)
$("#dialog-form #agesRoom" + i + "_4, #full_wrapper_booking #agesRoom" + i +"_4").show();
}
}
}
$(function() {
if (!$("#dialog-form").hasClass('ui-dialog-content')) {
$("#dialog-form").dialog({
width: "auto",
autoOpen: false,
modal: true,
buttons: {
"Next": function() {
$( this ).dialog( "close" );
var dialog_wrapper = $(this);
$("input[name='agesKid1']").each(function() {
var age_1_1 = dialog_wrapper.find("#agesRoom1_1").val();
var age_1_2 = dialog_wrapper.find("#agesRoom1_2").val();
var age_1_3 = dialog_wrapper.find("#agesRoom1_3").val();
var age_1_4 = dialog_wrapper.find("#agesRoom1_4").val();
$(this).val(age_1_1 + ";" + age_1_2 + ";" + age_1_3 + ";" + age_1_4);
});
$("input[name='agesKid2']").each(function () {
var age_2_1 = dialog_wrapper.find("#agesRoom2_1").val();
var age_2_2 = dialog_wrapper.find("#agesRoom2_2").val();
var age_2_3 = dialog_wrapper.find("#agesRoom2_3").val();
var age_2_4 = dialog_wrapper.find("#agesRoom2_4").val();
$(this).val(age_2_1 + ";" + age_2_2 + ";" + age_2_3 + ";" + age_2_4);
});
$("input[name='agesKid3']").each(function () {
var age_3_1 = dialog_wrapper.find("#agesRoom3_1").val();
var age_3_2 = dialog_wrapper.find("#agesRoom3_2").val();
var age_3_3 = dialog_wrapper.find("#agesRoom3_3").val();
var age_3_4 = dialog_wrapper.find("#agesRoom3_4").val();
$(this).val(age_3_1 + ";" + age_3_2 + ";" + age_3_3 + ";" + age_3_4);
});
bookingSearch();
sendActiveForm_booking_engine2();
}
}
});
}
updateAgesOptions2(1);
});
</script>
<script type="text/javascript">
var datePicker1Selector = ".classdatepicker1";
var datePicker2Selector = ".classdatepicker2";
$("#hotel_destino").change(function() {
var action = $(this).val();
$("#searchForm").attr("action", action);
var newNamespace = namespaces[action];
$("#namespace").val(newNamespace);
});
if (typeof $.datepicker !== "undefined"){
$.datepicker.regional['en'] = {
closeText: 'Done',
prevText: 'Prev',
nextText: 'Next',
currentText: 'Today',
monthNames: ['January','February','March','April','May','June',
'July','August','September','October','November','December'],
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
dayNamesMin: ['Su','Mo','Tu','We','Th','Fr','Sa'],
weekHeader: 'Wk',
dateFormat: 'dd/mm/yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['en-GB']);
}
$(function(){
$.datepicker.setDefaults($.datepicker.regional["en"]);
});
var checkDates = function() {
var date1_str = $(datePicker1Selector).val();
var date2_str = $(datePicker2Selector).val();
if (date1_str == "" || date2_str == ""){
return false;
} else {
return true;
}
}
$(document).ready(function () {
if ($('#internalStartDate').length != 0) {
var startDate = $('#internalStartDate').val();
var startYear = startDate.substring(0,4);
var startMonth = startDate.substring(5,7);
var startDay = startDate.substring(8,10);
var startParse = startDay + "/" + startMonth + "/" + startYear;
var endDate = $('#internalEndDate').val();
var endYear = endDate.substring(0,4);
var endMonth = endDate.substring(5,7);
var endDay = endDate.substring(8,10);
var endParse = endDay + "/" + endMonth + "/" + endYear;
} else {
var startParse = "";
var endParse = "";
}
$(datePicker1Selector).val(startParse);
$(datePicker2Selector).val(endParse);
if ($(".internalUrlParamsTransfer").length){
let target_value = $(".internalUrlParamsTransfer").val();
if (!$(".transfer_to_booking").length) {
$(".paraty-booking-form").each(function(){
$(this).append($("<input type='hidden' class='transfer_to_booking' name='transfer_url_params' value='" + target_value + "'>"));
})
} else {
$(".transfer_to_booking").val(target_value)
}
}
if ($('#internalNumRooms').length != 0){
$("#selector_habitaciones").val($("#internalNumRooms").val());
$("#selector_habitaciones").change();
var internalNum1AdultsRooms = 2;
var internalNum2AdultsRooms = 2;
var internalNum3AdultsRooms = 2;
var internalNum1BabiesRooms = 0;
var internalNum2BabiesRooms = 0;
var internalNum3BabiesRooms = 0;
if ($('#internalNum1AdultsRooms').length != 0) internalNum1AdultsRooms = $("#internalNum1AdultsRooms").val()
if ($('#internalNum2AdultsRooms').length != 0) internalNum2AdultsRooms = $("#internalNum2AdultsRooms").val()
if ($('#internalNum3AdultsRooms').length != 0) internalNum3AdultsRooms = $("#internalNum3AdultsRooms").val()
if ($('#internalNum1BabiesRooms').length != 0) internalNum1BabiesRooms = $("#internalNum1BabiesRooms").val()
if ($('#internalNum2BabiesRooms').length != 0) internalNum2BabiesRooms = $("#internalNum2BabiesRooms").val()
if ($('#internalNum3BabiesRooms').length != 0) internalNum3BabiesRooms = $("#internalNum3BabiesRooms").val()
$("#hab1_adultos").val(internalNum1AdultsRooms);
$("#hab2_adultos").val(internalNum2AdultsRooms);
$("#hab3_adultos").val(internalNum3AdultsRooms);
$("#hab1_ninos").val($("#internalNum1KidsRooms").val());
$("#hab2_ninos").val($("#internalNum2KidsRooms").val());
$("#hab3_ninos").val($("#internalNum3KidsRooms").val());
$("#hab1_bebes").val(internalNum1BabiesRooms);
$("#hab2_bebes").val(internalNum2BabiesRooms);
$("#hab3_bebes").val(internalNum3BabiesRooms);
}
if ($("#internalPromocode") && $("#internalPromocode").val()){
$("#promocode").val($("#internalPromocode").val());
}
if (typeof(DP_extend_info) === 'undefined' || DP_extend_info.config.booking_version.indexOf('2') == -1) {
$(datePicker1Selector).datepicker({
minDate: new Date(),
altFormat: "dd/mm/yy",
dateFormat: "dd/mm/yy",
onClose: function (selectedDate, inst) {
if (selectedDate) {
var theDate = $.datepicker.parseDate("dd/mm/yy", selectedDate);
var theSelectedDate = $.datepicker.parseDate("dd/mm/yy", selectedDate);
theSelectedDate.setDate(theSelectedDate.getDate());
$(datePicker1Selector).datepicker('setDate', theSelectedDate);
if (typeof(min_stay_number) != 'undefined'){
theDate.setDate(theDate.getDate() + min_stay_number);
} else {
theDate.setDate(theDate.getDate() + 1);
}
$(datePicker2Selector).datepicker("option", "minDate", theDate);
$(datePicker2Selector).datepicker('setDate', theDate);
$(this).closest("#contenedor_fechas").find(datePicker2Selector).datepicker("show");
}
}
});
$(datePicker2Selector).datepicker({
minDate: minDateDeparture(),
altFormat: "dd/mm/yy",
dateFormat: "dd/mm/yy"
});
$(datePicker1Selector).change(function () {
var date2 = $(this).datepicker('getDate', '+3d');
$(datePicker1Selector).datepicker('setDate', date2);
date2.setDate(date2.getDate() + 1);
$(datePicker2Selector).datepicker('setDate', date2);
checkDates();
});
$(datePicker2Selector).change(function () {
var date2 = $(this).datepicker('getDate', '+3d');
$(datePicker2Selector).datepicker('setDate', date2);
checkDates();
});
$(datePicker1Selector).removeAttr('disabled');
$(datePicker2Selector).removeAttr('disabled');
}
});
function minDateDeparture(){
if ($(datePicker1Selector).val()){
var theDate = $.datepicker.parseDate("dd/mm/yy", $(datePicker1Selector).val());
theDate.setDate(theDate.getDate() + 1 );
}
else{
var theDate = new Date();
}
return theDate;
}
function mostrarHabitaciones(selector_habitaciones) {
for ( var i = 3; i > selector_habitaciones; i--) {
//$('#hab' + i).hide();
$('[id="hab'+ i + '"]').each(function() {
$(this).hide();
});
//$('#childrenRoom' + (i + 1)).val("0");
$('[id="childrenRoom'+ (i + 1) + '"]').each(function() {
$(this).val("0");
});
}
for ( var i = selector_habitaciones; i > 0; i--) {
//$('#hab' + i).show();
$('[id="hab'+ i + '"]').each(function() {
$(this).show();
});
}
}
function bookingSearch(){
if (!checkDates()){
return false;
}
var destination_input = $("form.paraty-booking-form.motor2").find(".destination");
if(destination_input.length && destination_input.val() == ''){
$("form.paraty-booking-form .destination_field, form.paraty-booking-form.motor2 .destination_wrapper").show();
return false;
}
try {
ga(function (tracker) {
client_id = tracker.get('clientId');
});
$('<input>').attr({
type: 'hidden',
id: '_ga',
name: '_ga',
value: client_id
}).appendTo($("#search-button").closest('form'));
}
catch (err) {
console.log("Google Analytics defined incorrectly (May use a old version)");
}
var opts = {
lines: 13, // The number of lines to draw
length: 4, // The length of each line
width: 3, // The line thickness
radius: 10, // The radius of the inner circle
rotate: 0, // The rotation offset
color: '#e1e1e1', // #rgb or #rrggbb
speed: 1.5, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: 'spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: 'auto', // Top position relative to parent in px
left: 'auto' // Left position relative to parent in px
};
var target = document.getElementById('envio_spinner');
if( $('#booking-search-popup').length ) {
show_booking_search_popup($('#searchForm'));
return false;
} else {
$("#search-button").hide();
var spinner = new Spinner(opts).spin(target);
$('#searchForm').submit();
}
};
</script>
<script>
adult_tag = "Adult";
adults_tag = "Adults";
kid_tag = "Child";
kids_tag = "Children";
baby_tag = "Baby";
babies_tag = "Babies";
no_dispo_text = "Unavailable";
</script>
<script async>
$(window).on('load', function () {
if (typeof only_once_ratecheck == "undefined"){
var only_once_ratecheck = 1;
var countryCode = "us";
$.getScript("https://global-dot-rescue-seeker.appspot.com/static/rate-check/common/js/rate-check-widget.js" )
.done(function( script, textStatus ) {
console.log("RATE CHECK: Main rate chek script loaded!" );
RateCheck.load('oasishoteles-smart','us_en', 'paraty');
})
.fail(function( jqxhr, settings, exception ) {
console.error("RATE CHECK: Main rate chek script NOT loaded!");
console.error(exception);
});
}
if(!$('body').hasClass('rate_check')) {
$('body').addClass('rate_check')
}
});
</script>
<input type="hidden" name="rc_paraty_application_id" value="oasishoteles-smart-dot-oasishoteles.appspot.com">
</div>
<input type="hidden" name="truncate_prices" id="truncate_prices" value="">
</div>
</div>
</div>
<div class="hidden_booking_summary ">
<div class="center_container"></div>
</div>
<div class="booking-box--search">
<div class="clearfix booking-box__content flexible-message" style="background: #da9500 url(static_1/images/booking_2/ojo.png) no-repeat 15px center;color: white;padding-left: 55px;">
Unfortunately there is no availability at the selected hotel on the requested dates. You might be interested in the following hotels in the same location. Thank you very much!
</div>
</div>
Chetumal Highway Km 252, Juarez, 77780 Akumal, Q.R., Mexico
20,7km from city center|
See map
Are you flexible with your dates?
room/night
Including taxes
View Rates
Chetumal Highway Km 252, Juarez, 77780 Akumal, Q.R., Mexico
20,7km from city center|
See map
Are you flexible with your dates?
room/night
Including taxes
View Rates
Blvd. Kukulcan Km 4.5, Hotel Zone, 77500 Cancun, Q.R., Mexico
Beachfront |
See map
Are you flexible with your dates?
room/night
Including taxes
View Rates
Blvd. Kukulcan Km 16.5, Hotel Zone, 77500 Cancun, Q.R., Mexico
Beachfront |
See map
Are you flexible with your dates?
room/night
Including taxes
View Rates
Grand Oasis Cancun
Blvd. Kukulcan Km 16.5, Hotel Zone, 77500 Cancun, Q.R., Mexico
Beachfront |
See map
Air conditioning Safe Free highspeed Wi-Fi
An all-inclusive hotel overlooking one of the most beautiful beaches in the Cancun hotel zone, with a wide array of activities and entertainment, in addition to gastronomic options that feature fusions, and international cuisine to Mexican antojitos.
The hotel boasts a Kids Club where the little ones have fun, cared for by our trained staff. Meanwhile, at its spectacular beach club, you can get to live the most colorful theme parties, surrounded by a unique atmosphere of music and fun.
Blvd. Kukulcan Km 4.5, Hotel Zone, 77500 Cancun, Q.R., Mexico
Beachfront |
See map
Are you flexible with your dates?
room/night
Including taxes
View Rates
Grand Oasis Palm
Blvd. Kukulcan Km 4.5, Hotel Zone, 77500 Cancun, Q.R., Mexico
Beachfront |
See map
Air conditioning Safe Free highspeed Wi-Fi
The perfect resort to spend an unforgettable family vacation in Cancún, located on a white sand and turquoise water beach, with top-quality restaurants.
At the KiddO Zone, kids get to live their own adventures, and at the Family Fun area, mom, dad, and children spend some quality time. Moreover, while the little ones have fun, cared for by our qualified staff, the adults get the chance to enjoy our restaurants, bars, and adults-only areas, such as Sensoria Chill Out & Spa.
Blvd. Kukulcan Km 4.5, Hotel Zone, 77500 Cancun, Q.R., Mexico
Beachfront |
See map
Are you flexible with your dates?
room/night
Including taxes
View Rates
Blvd. Kukulcan Km 16.5, Hotel Zone, 77500 Cancun, Q.R., Mexico
Beachfront |
See map
Are you flexible with your dates?
room/night
Including taxes
View Rates
Tulum Ave. #4, Capilla Ecuménica, 77500 Cancun, Q.R., México
In the city center |
See map
No Availability for selected criteria Are you flexible with your dates?