<input type="hidden" id="internalStartDate" value="2025-12-14"/> <input type="hidden" id="internalEndDate" value="2025-12-15"/> <input type="hidden" id="internalNumRooms" value="1" /> <input type="hidden" id="internalNumNights" value="1" /> <input type="hidden" id="internalPromocode" value=""/> <input type="hidden" id="internalHiddenPromocode" 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 has_currency_selector "> <div class="booking-search-results booking-box__content "> <h3 class="title_booking_breakdown">Booking Summary</h3> <div class="booking-search-results__search-data"> <b class="booking-title-info booking-hotel-name">Accommodation: </b> <span class="booking-3-info">Dorobe Hotels & Management</span> <br/> <i class="fa fa-long-arrow-right"></i><b class="booking-title-info">Check-In: </b> <span class="notranslate">14-12-2025</span><br/> <i class="fa fa-long-arrow-left"></i><b class="booking-title-info">Check-Out: </b> <span class="notranslate ">15-12-2025 </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 , 0 Babies <br> </div> </div> <div class="booking-search-results__new-search"> <button type="submit" class="booking-button booking-button--action" id="modify-button">View 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="/booking0" 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="2;2;2;2" /> <input type="hidden" id="agesKid2" name="agesKid2" value="2;2;2;2" /> <input type="hidden" id="agesKid3" name="agesKid3" value="2;2;2;2" /> <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"/> <!-- EXTRA PARAMS --> <!-- END EXTRA PARAMS --> <input type="hidden" id="gclid" name="gclid" value="" /> <input type="hidden" id="using_booking_0" name="using_booking_0" value="" /> <input type="hidden" id="applicationIds" name="applicationIds" value="r__palacio-dorobe;r__playamaro;r__hotel-nerja-club;r__hotel-parasol-garden;r__hostal-marissal" /> <input type="hidden" id="namespace" name="namespace" value="" /> <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" class="contenedor_opciones_babies"> <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 ninos-con-babies" 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 class="numero_personas bebes"> <label class="selector_bebes">Babies <span class="range-age">(0-1 years)</label> <select id="hab1_bebes" class="selector_bebes" name="babiesRoom1" onchange="" tabindex="9"> <option value="0" >0</option> <option value="1" >1</option> <option value="2" >2</option> </select> </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 ninos-con-babies" 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 class="numero_personas bebes"> <select id="hab2_bebes" class="selector_bebes" name="babiesRoom2" onchange="" tabindex="12"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</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 ninos-con-babies" 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 class="numero_personas bebes"> <select id="hab3_bebes" class="selector_bebes" name="babiesRoom3" onchange="" tabindex="15"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</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> </form> </div> <!-- Javascript at the bottom to increase speed --> <script type="text/javascript" src="https://cdn.paraty.es/static_files/dorobe/generic/202509220657/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> ($ => { if (typeof only_once_rescueseeker == "undefined") { only_once_rescueseeker = 1; $.getScript("https://global-dot-rescue-seeker.appspot.com/static/rescue-seeker/common/js/rescue-seeker-widget.js?v=2") .done(function (script, textStatus) { console.log("RESCUE SEEKER: Main rescue seeker script loaded!"); RescueSeeker.load('dorobe', 'en', 'paraty'); }) .fail(function (jqxhr, settings, exception) { console.error("RESCUE SEEKER: Main rescue seeker script NOT loaded!"); console.error(exception); }); } })(jQuery); </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('dorobe','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="dorobe.appspot.com"> </div> <input type="hidden" name="truncate_prices" id="truncate_prices" value=""> <div id="currencyDiv" title="Warning"> <input type="hidden" id="thousands_separator" value=""> <input type="hidden" id="decimal_separator" value=""> <label class="see_prices_label">Currency</label> <select id="currencySelect" width="120%" name="currencySelect" onChange="javascript: recalculateCurrencies();"> <option selected value="1.0" data-shortname="EUR" data-precision="2"> </option> <option value="0.8547008547" data-shortname="USD" data-precision="2"> $ U.S. Dollar </option> <option value="1.138952164" data-shortname="GBP" data-precision="2"> £ Pound sterling </option> </select> </div> <style> #currencyDiv{ float: right; margin-right: 20px; } #currencySelect { width:135px; height: 36px; overflow: hidden; background: url("https://cdn.paraty.es/static_files/dorobe/generic/202509220657/images/felchasDobles.png") no-repeat 105px #ddd; border: 1px solid #ccc; position: relative; box-sizing: border-box; border-radius: 20px; padding: 0px 15px 0px 15px; -webkit-appearance: none; cursor: pointer; } #step-2 #currencyDiv{ margin-right: 125px; margin-top: -3px; } .ui-tooltip, .arrow:after { background: #da9500; } .ui-tooltip { border: 0; border-radius: 2px; padding: 20px; color: white; font: bold 14px "Roboto"; box-shadow: 4px 4px 6px rgb(184, 184, 184); text-align: center; } .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .arrow.top { top: -16px; bottom: auto; } .arrow.left { left: 20%; } .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow : 1 px 1 px 1 px rgb(184, 184, 184); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrow.top:after { bottom: -20px; top: auto; } </style> <script type="text/javascript"> if (typeof(currentExchangeRate) == 'undefined') currentExchangeRate = 1.0; function toFixed(value, precision) { var power = Math.pow(10, precision || 0); return String(Math.round(value * power) / power); } function getShortName(name){ if (name == '$ U.S. Dollar'){ return "USD"; } if (name == '£ Pound sterling'){ return "GBP"; } return "€"; } function recalculateCurrencies(updateCalendar = true, firstLoad = false, forceRecalculation = false) { // This vars have to be defined globally. Are used in multiple functions as global vars thousands_separator = ""; decimals_separator = "."; force_x_decimals = ""; round_decimals = ""; // End of global vars const sid = "f1ea56e9-734d-4cf1-ab24-92c24fbd5fcd"; const is_callcenter = ""; const shortCurrency = $("#currencySelect :selected").data("shortname"); let visual_currency = ($('#show_full_currency_name').length) ? $("#currencySelect :selected").text() : shortCurrency; const precisionCurrency = $("#currencySelect :selected").data("precision"); const is_iframe = window.location !== window.parent.location; if ($("#currencySelect").length) { const monedaConvElements = []; $('.monedaConv').each(function () { const gatewaySpecificCurrency = $(this).closest(".tpv_message_informative").data("gateway-specific-currency"); if (gatewaySpecificCurrency) { const gatewayVisualCurrency = ($('#show_full_currency_name').length) ? $("#currencySelect").find(`option[data-shortname="${gatewaySpecificCurrency}"]`).text() : gatewaySpecificCurrency; // Change the currency only, the value is already calculated $(this).html(gatewayVisualCurrency); } else if (visual_currency !== $(this).html()) { monedaConvElements.push($(this)); } }); // In first load, we need to update all the prices if (monedaConvElements.length || firstLoad || forceRecalculation) { for (const monedaConvElement of monedaConvElements) { monedaConvElement.html(visual_currency); } let currencyValueElements = []; $('.currencyValue').each(function () { let currencyValueElement = { "element": $(this) } if ($(this).closest(".currency_price").length && $(this).attr("data-currency") !== shortCurrency) { $(this).closest(".currency_price").show(); } let value_to_set = null; let current; if ($(this).attr('latest_value') && parseFloat($(this).attr('latest_value')) !== 0) { value_to_set = $(this).attr('latest_value'); current = parseFloat(value_to_set) } else { if (!$(this).hasClass('block_format')) { const val_to_process = $(this)[0].tagName === 'INPUT' ? $(this).val() : $(this).html(); let target_regex_to_use = thousands_separator; if (!thousands_separator || thousands_separator === '.') { target_regex_to_use = /\.(?=\d{3}(?:[^\d]|$))/g; } else { target_regex_to_use = new RegExp(`\\${thousands_separator}`, 'g'); } value_to_set = val_to_process.replace(target_regex_to_use, ''); target_regex_to_use = decimals_separator; if (decimals_separator) { target_regex_to_use = new RegExp(`\\${decimals_separator}`, 'g'); } value_to_set = value_to_set.replace(target_regex_to_use, '.'); } else { if ($(this)[0].tagName === 'INPUT') { value_to_set = $(this).val(); } else { value_to_set = $(this).html(); } } current = parseFloat(value_to_set); } if (!isNaN(current)) { //Undo previous change let current_exchange_to_work = currentExchangeRate; if ($(this).hasClass("unmodified")) { current_exchange_to_work = 1; } const gatewaySpecificCurrency = $(this).closest(".tpv_message_informative").data("gateway-specific-currency"); const gatewayAvoidConversionSaveFormat = Boolean(gatewaySpecificCurrency); let newValue = current if (!gatewayAvoidConversionSaveFormat) { current = current * current_exchange_to_work; const multiplier = parseFloat($("#currencySelect").val()); newValue = String(current / multiplier); newValue = toFixed(parseFloat(newValue), precisionCurrency); currencyValueElement.latestValue = current / multiplier; } if (force_x_decimals) { newValue = parseFloat(newValue).toFixed(force_x_decimals); } if (round_decimals) { newValue = String(Math.round(newValue)); } newValue = newValue.replace('.', decimals_separator); newValue = newValue.replace(/\B(?=(\d{3})+(?!\d))/g, thousands_separator); currencyValueElement.value = newValue; currencyValueElement.tagName = $(this)[0].tagName; if ($(this).hasClass("unmodified")) { currencyValueElement.unmodified = true; } currencyValueElements.push(currencyValueElement); } }); for (const currencyValueElement of currencyValueElements) { let myElm = currencyValueElement.element; if (currencyValueElement.tagName === 'INPUT') { myElm.val(currencyValueElement.value); } else { myElm.html(currencyValueElement.value); } if (currencyValueElement.unmodified) { myElm.removeClass("unmodified"); } if (currencyValueElement.latestValue) { myElm.attr('latest_value', currencyValueElement.latestValue); } } currentExchangeRate = parseFloat($("#currencySelect").val()); if ($('body').hasClass('call_center') || is_iframe) { createCookie("currency_client_paraty", shortCurrency, "3600", "None", true); } else { createCookie("currency_client_paraty", shortCurrency, "3600"); } if (sid && is_callcenter) { console.log(`[CALCENTER] creating currency cookie for sid: ${sid}`) createCookie(`callcenter_sid_currency_${sid}`, shortCurrency, "3600", "None", true); } check_currency_value_order(); try { _RateCheckEvents.rateCheckReloadWidget(); } catch (e) { console.log("[Rate Check] " + e); } } } if (updateCalendar) { firstLoad ? window.addEventListener('eventsHandlerReady.price_calendar_v2', () => { document.dispatchEvent(new CustomEvent('updateCurrency.price_calendar_v2', { detail: { currencyShortname: shortCurrency } })); }) : document.dispatchEvent(new CustomEvent('updateCurrency.price_calendar_v2', { detail: { currencyShortname: shortCurrency } })); } document.dispatchEvent(new CustomEvent('currencyUpdated', { detail: { currencyShortname: shortCurrency } })); } function check_currency_value_order(){ //This method will invert the order of prices at differents language and currency than spain and euro, //internationally the order is different const currency_always_first = Boolean($('#currency_always_first').length), actual_language = $("html").attr('lang'), actual_currency = $(".monedaConv").html() || 'EUR'; if (currency_always_first || (actual_language != 'es' && actual_language != 'pt') || (!actual_currency.includes('€') && !actual_currency.includes('EUR'))){ $(".currencyValue").each(function(){ if (!$(this).next().hasClass('monedaConv')) return; $(this).next().addClass('first_currency'); $(this).insertAfter($(this).next()); }); } else { $(".monedaConv").each(function(){ if (!$(this).next().hasClass('currencyValue')) return; $(this).removeClass('first_currency'); $(this).insertAfter($(this).next()); }); } } //Se ha hablado con Arti y hemos llegado a la conclusion de que ya no hace falta mostrarlo ya que muchos hoteles tienen divisas distintas. $(function(){ if (typeof(currency_already_launch) == 'undefined' || !currency_already_launch) { recalculateCurrencies(true, true); check_currency_value_order(); currency_already_launch = true; if (typeof window.calendar_data !== 'undefined') { window.calendar_data.update_currency_booking = function(currencySelected) { $('#currencySelect option').each(function() { const shortname = $(this).data('shortname'); if (currencySelected.currencyShortname === shortname) { $(this).prop('selected', true); } }); $('.currency_selector_wrapper .option').each(function() { const shortname = $(this).data('shortname'); if (currencySelected.currencyShortname === shortname) { $('.currency_selector_wrapper .label').html($(this).html()); } }); $('.currency_selector_wrapper_v2 .option').each(function() { const shortname = $(this).data('shortname'); if (currencySelected.currencyShortname === shortname) { $('.currency_selector_wrapper_v2 .label').html($(this).html()); } }); recalculateCurrencies(false); }; window.calendar_data.thousands_separator = ''; window.calendar_data.decimal_separator = ''; } $('.currency_selector_wrapper_v2').click(function () { $(this).toggleClass('active'); $('.site-header').toggleClass('selector_opened'); }); $('.currency_selector_wrapper_v2 .option').click(function () { $('.site-header').removeClass('selector_opened'); let shortname = $(this).data('shortname'); $('.currency_selector_wrapper_v2 .label').html($(this).html()); $('#currencySelect option').each(function () { if ($(this).data('shortname') === shortname) { $(this).prop('selected', true); } }); recalculateCurrencies(); }); } }); </script> </div> </div> </div> <div class="hidden_booking_summary with_babies "> <div class="center_container"></div> </div>