<input type="hidden" id="internalStartDate" value="2026-03-14"/> <input type="hidden" id="internalEndDate" value="2026-03-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 seearch_without_availability "> <div class="booking-search-results booking-box__content seearch_without_availability"> <h3 class="title_booking_breakdown">Récapitulatif de votre réservation</h3> <div class="booking-search-results__search-data"> <i class="fa fa-long-arrow-right"></i><b class="booking-title-info">Arrivée: </b> <span class="notranslate">14-03-2026</span><br/> <i class="fa fa-long-arrow-left"></i><b class="booking-title-info">Départ: </b> <span class="notranslate ">15-03-2026 </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"> Chambres: </b><span class="rooms_amount_number">1</span><br/> <div class="search-item"> <span class="booking-title-info"> Chambre 1: </span>2 Adultes <br> </div> </div> <div class="booking-search-results__new-search"> <button type="submit" class="booking-button booking-button--action" id="modify-button">Voir le calendrier des prix</button> </div> <!-- TODO: remove inline styles --> <div class="booking-widget"> <div style="float:left"> <h1 class="booking-widget__title">Modifier la recherche</h1> </div> <div style="float:right"><a class="booking-widget__close-button">X</a></div> <style type="text/css"> .ninos.numero_personas{ display: none; } </style> <div id="motor_reserva"> <!-- booking engine 2 --> <form action="https://www.hotel-angela.com/booking1" name="searchForm" id="searchForm" method="post" class="paraty-booking-form motor2"> <input type="hidden" id="language" name="language" value="FRENCH" /> <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" value="aHR0cHM6Ly93d3cuaG90ZWwtYW5nZWxhLmNvbS9ib29raW5nMT9hZHVsdHNSb29tMT0yJmxhbmd1YWdlPUZSRU5DSA==" name="original_referer"/> <!-- 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="namespace" name="namespace" value="angela" /> <div id="booking_engine_title"> <h4 id="booking_title1">Réservez ici</h4> <h4 id="booking_title2">Réservez maintenant</h4> <h3 id="best_price">GARANTIE DU MEILLEUR PRIX</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">Date d’arrivée</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">Date de départ</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">Nombre de nuits: X</p> </div> </fieldset> <fieldset id="contenedor_habitaciones" > <label> Chambres </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"> Chambre 1</label> <div class="adultos numero_personas"> <label class="selector_adultos" id="titulo_adultos">Adultes</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> </select> </div> <div class="ninos numero_personas " title="bébé gratuit"> <label for="childrenRoom1" id="titulo_ninos" class="selector_ninos">Enfants</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"> (De 2 à 12 ans) </label> </div> </div> <div id="hab2"> <label class="numero_habitacion">Chambre 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> </select> </div> <div class="ninos numero_personas " title="bébé gratuit"> <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">Chambre 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> </select> </div> <div class="ninos numero_personas " title="bébé gratuit"> <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="code promotionnel" value="" tabindex="16"> <button type="submit" onclick="$(this).addClass('clicked_button');return bookingSearch() " id="search-button" class="colocar_envio buttonsearch-ratecheck" tabindex="17">Réservation ici</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; } showGallery(elements); 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 = `Mise à jour pour continuer avec votre réservation`; var loading_popup_top_text = $("<img src='https://cdn2.paraty.es/angela/images/c90163a7b9f6051=s300'>"); 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 +"'>"); } let loading_popup_bottom_text = `<div style='color:white!important'>Mise à jour pour poursuivre votre réservation</div>`, descipription_top_booking_popup = $("<div></div>").addClass('description_top_popup_booking').html(loading_popup_top_text); const specialLoadingTextElem = $('input[name="special_loading_text"]'); if(specialLoadingTextElem.length && specialLoadingTextElem.val()){ loading_popup_bottom_text = specialLoadingTextElem.val(); } let 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', 'white'); element_line_to_append.appendTo(gif_wrapper); } container_booking_popup.css('border', '1px solid white'); container_booking_popup.append(descipription_top_booking_popup).append(gif_wrapper).append(descipription_bottom_booking_popup); var selected_start_date = $("input.has_datepicker[name='startDate']").val() || $("input[name='startDate']").val(); selected_end_date = $("input.has_datepicker[name='endDate']").val() || $("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': 'rgba(166,76,70,0.9)'}, 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', 'rgba(166,76,70,0.9)'); 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(); } } } } 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 src="https://cdn.paraty.es/static_files/secure-booking10/generic/202601221528/js/datepicker/jquery.ui.datepicker-fr.js?v=1.3" type="text/javascript"></script> <script type="text/javascript" src="https://cdn.paraty.es/static_files/secure-booking10/generic/202601221528/lib/spin.min.js" crossorigin="anonymous" integrity="sha512-V8YgI4rsECe0shqE5P2p/ecolN3asrnTMTChlJ1pwxjrtc2nxJyYDP3k55/9Yxp+qsTDUMrUoAd7q62sC998Gw=="></script> <!-- Javascript at the bottom to increase speed --> <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); }); $(function(){ $.datepicker.setDefaults($.datepicker.regional["fr"]); }); 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.initialized || DP_extend_info.config.start_datepicker_input !== datePicker1Selector) { $(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 = "Adultes"; adults_tag = "Adultes"; kid_tag = "Enfants"; kids_tag = "Enfants"; baby_tag = "Bébé"; babies_tag = "Bébés"; no_dispo_text = "Pas disponible"; </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.config.email_controller = 'hotel-webs'; RescueSeeker.load('angela', 'fr', '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 () { $.getScript("https://ratecheck-service-358589400927.europe-west1.run.app/static/rate-check/common/js/rate-check-widget.js" ) .done(function( script, textStatus ) { console.log("[RATE CHECK] Main rate check script loaded!" ); RateCheck.load(); }) .fail(function( jqxhr, settings, exception ) { console.error("[RATE CHECK] Main rate check script NOT loaded!"); console.error(exception); }); }); </script> <input type="hidden" name="hotel_code_ratecheck" value="angela"> </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;"> Nous sommes incapables de fournir la disponibilité pour une date. Vous pouvez sélectionnerez une date que nous ne sommes pas des chambres disponibles ou le séjour minimum pour ces dates est supérieure. Utilisez le calendrier pour trouver vos vacances idéales à Fuengirola! </div> </div>