<!DOCTYPE html>
<html lang="es"  xml:lang="es">

<head>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,200italic,300italic' rel='stylesheet' type='text/css'>
<title> Ona Alanda Club Marbella | Web Oficial </title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />


	  <link rel="icon" href="/static_1/images/favicon_ona-alanda-club.ico?v=1.13" type="image/x-icon">


<meta name="keywords" content="Ona Alanda Club Marbella" />
<meta name="description" content="Situado en plena Costa del Sol, en el municipio de Marbella, referente de turismo de alto nivel, ofrecen todas las comodidades y lujos que imagina." />

<meta name="revisit-after" content="2 days" />

<meta http-equiv="Content-Language" content="es" />

<meta name="dc.title" content=" Ona Alanda Club Marbella | Web Oficial " />
<meta name="dc.description" content="Situado en plena Costa del Sol, en el municipio de Marbella, referente de turismo de alto nivel, ofrecen todas las comodidades y lujos que imagina." />
<meta name="dc.keywords" content="Ona Alanda Club Marbella" />
<meta name="dc.language" content="es" />
<meta name="dc.creator" content="Ona Alanda Club Marbella | Web Oficial"/>
<meta name="dc.format" content="text/html" />
<meta name="dc.identifier" content="https://www.onaalandaclubmarbella.com" />
<script type="text/javascript">
if(navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)) {
 document.write('<meta name="viewport" content="width=1160, user-scalable=yes">');
}
</script>

<!--[if lte IE 7]>
	<script type="text/javascript">
	alert('La versión de su navegador no está soportada. Por favor, utilice una versión más moderna o use otro navegador');
	</script>
<![endif]-->

<!--[if lte IE 8]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


<!-- jquery -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<!-- REVOLUTION BANNER CSS SETTINGS -->
<!--     <link rel="stylesheet" type="text/css" href="/static_1/lib/rs-plugin/css/settings_unified.min.css" media="screen" />
 -->	<link href="/static_1/generated/onamarinasdenerja___base.html.min.css" rel="stylesheet" type="text/css"/>


    
    <link type="text/css" rel="stylesheet" href="/static_1/css/datepicker.redmond/jquery-ui-1.8.16.custom.css"  />
    

<!-- lightbox -->
    <link rel="stylesheet" href="/static_1/lib/lightbox/css/lightbox.css?v=1.42020" type="text/css"/>
<!-- styles -->
<!--     <link rel="stylesheet" type="text/css" href="/static_1/css/templateBaseline2.css" />
 --><!--     <link rel="stylesheet" type="text/css" href="/static_1/css/booking/booking_engine_2_vertical.css" />
 -->    
        <link rel="stylesheet" type="text/css" href="/css/onama/styles.css?v=1.16" />
    


<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="/css/onama/ie8.css" />

<![endif]-->

<!--[if IE 9]>

<![endif]-->

    <meta name="google-site-verification" content="uWVkel-hwlN3Hkxz9dmlsn-Dm8UfW4MlZhkSSIlUWlE" />
<meta name="google-site-verification" content="U9evEY1_PJjE4zp7beWYh08TJd-o_ak3XvtI_FVaCuM" />
<script src='https://www.thehotelsnetwork.com/js/hotel_price_widget.js?hotel_id=1055387&property_id=1000462&account_key=B48EF7ABF47F0C037348C91B98E3684D'></script><link rel="alternate" hreflang="x-default" href="https://www.onaalandaclubmarbella.com/" /><link rel="alternate" hreflang="es" href="https://www.onaalandaclubmarbella.com/" /><link rel="alternate" hreflang="en" href="https://www.onaalandaclubmarbella.com/en/" /><link rel="canonical" href="https://www.onaalandaclubmarbella.com/" /><meta name="robots" content="index, follow" />


<script type="text/javascript" src="/static_1/scripts/custom_cookies.js?v=1.73"></script>








    
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag() {
                dataLayer.push(arguments);
            }
            gtag("consent", "default", {
                ad_storage: "denied",
                analytics_storage: "denied",
                wait_for_update: 500,
            });

            if (cookiesController.is_analytics_cookies_allowed()) {
                gtag('consent', 'update', {'ad_storage': 'granted'});
                gtag('consent', 'update', {'analytics_storage': 'granted'});
                dataLayer.push({'event': 'cookie_consent_preferences'});
                dataLayer.push({'event': 'cookie_consent_statistics'});
                dataLayer.push({'event': 'cookie_consent_marketing'});
            }

            gtag("set", "ads_data_redaction", true);
        </script>
    
    <!-- Google Tag Manager -->
    <script >
        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-NMMG8JT');
    </script>
    <!-- End Google Tag Manager -->





</head>

<body itemscope itemtype="//schema.org/Hotel" class=" es">

    <!-- Google Tag Manager (noscript) -->
    <noscript>
        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMMG8JT" height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) -->




<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Hotel",
  "image": [
    "https://lh3.googleusercontent.com/e28si2fkrVtKOrAGo7_z5N1rAqQhSeIN79kpOZ-LiPs32aYtqnM2zndt48DssU-rFPW0Aea-tEzzAMREhvZavA=s1500",
    "https://lh3.googleusercontent.com/a3oZ-ZX9sbMUvmF7j9lf4oo196Zhba-78RTaCIOpnY4dn4fWGtqFLa5Z_G8T_kUV-38_skwY9WsDyTAoCrwa=s1500",
    "https://lh3.googleusercontent.com/JwhcVdJyQjgpE51xvhy9BuI7ipxJnAu_qXlJww29tnUgPJXbZOv8GkMRjuD0jnNb2_1-tsyzJxv9gW9AGFBxLkE=s1500"
   ],
  "@id": "www.onaalandaclubmarbella.com",
  "name": "Ona Alanda Club Marbella",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Carretera de C&aacute;diz Km 192",
    "addressLocality": "Marbella",
    "addressRegion": "M&aacute;laga",
    "postalCode": "29604 ",
    "addressCountry": "Espa&ntilde;a"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 36.4938657,
    "longitude": -4.7773631
  },
  "url": "www.onaalandaclubmarbella.com",
  "telephone": "+34 952 768 150",
  "priceRange": "&euro;40 - &euro;180"
}
</script>
<meta itemprop="description" content="Situado en plena Costa del Sol, en el municipio de Marbella, referente de turismo de alto nivel, ofrecen todas las comodidades y lujos que imagina.">





<!--Header-->
 <header>
    <a href="https://www.onaalandaclubmarbella.com/" id="logoHeader">
        <img src="https://lh3.googleusercontent.com/tLECLA2Olxl0p1-RNbW1axJbmvzgtPyYY5xuAp-1oCyQCwz5sfqsgHPw9b5ZGwUWHpSHvczKV8To42bw0kCs5mo" alt="Ona Alanda Club Marbella | Web Oficial" title="Ona Alanda Club Marbella | Web Oficial"/>
        <img src="/img/onama/floating_logo.png" alt="Ona Alanda Club Marbella | Web Oficial" title="Ona Alanda Club Marbella | Web Oficial" class="floating_logo"/>
    </a><div class="right_header">

        <div class="top_sections">
            
            
                
                    
                        <a href="https://www.onahotels.com/covid-19-safe-like-at-home.html" class="top_section bg_white">
                            
                                <span class="icon"><img src="https://cdn2.paraty.es/ona-alanda-club/images/6b35c29629cfb23"/></span>
                            
                            <span>Covid-19: Safe like at home</span>
                        </a>
                    
                
            
            
                <a href="https://securepayment.onagrup.net/index.php?type=3" class="top_section">
                    <span class="icon"><i class="fa fa-user"></i></span>
                    <span>Acceso Socios</span>
                </a>
            
            
                <a href="https://www.onaalandaclubmarbella.com/atencion-al-cliente.html" class="top_section">
                    
                        <span class="icon"><i class="fa icon-headset"></i></span>
                    
                    <span>Atenci&oacute;n al cliente</span>
                </a>
            
                <a href="https://www.onaalandaclubmarbella.com/mis-reservas.html" class="top_section">
                    
                        <span class="icon"><i class="fa icon-booking"></i></span>
                    
                    <span>Mis reservas</span>
                </a>
            
            <a class="phone_contact">
                <span class="icon"><i class="fa fa-phone"></i></span>
                <span>(+34) 952 768 150</span></a>
            <div id="lang">
                <span class="language_selected"><img src="/static_1/images/flags/flag_es.png"><i class="fa fa-caret-down"></i></span>
                <div class="language_selector">
                    <a hreflang="es" href="/">
                        <img src="/static_1/images/flags/flag_es.png"><span>Español</span></a>
                
                    <a hreflang="en" href="https://www.onaalandaclubmarbella.com/en/">
                        <img src="/static_1/images/flags/flag_en.png"><span>English</span></a>
                </div>
            </div>
        </div>

        <nav id="main_menu"><div id="main-sections">
	<ul id="main-sections-inner" class="container" itemscope itemtype="//schema.org/SiteNavigationElement">

		
		<div class="main-section-div-wrapper " >
            
                <a itemprop="url" href="https://www.onaalandaclubmarbella.com/alojamiento.html"><span itemprop="name">Alojamiento</span></a>
            

            

        </div>
        
		<div class="main-section-div-wrapper " >
            
                <a itemprop="url" href="https://www.onaalandaclubmarbella.com/gastronomia.html"><span itemprop="name">GASTRONOM&Iacute;A</span></a>
            

            

        </div>
        
		<div class="main-section-div-wrapper " >
            
                <a itemprop="url" href="https://www.onaalandaclubmarbella.com/actividades.html"><span itemprop="name">ACTIVIDADES</span></a>
            

            

        </div>
        
		<div class="main-section-div-wrapper " >
            
                <a itemprop="url" href="https://www.onaalandaclubmarbella.com/ofertas.html"><span itemprop="name">OFERTAS</span></a>
            

            

        </div>
        
		<div class="main-section-div-wrapper " >
            
                <a itemprop="url" href="https://www.onaalandaclubmarbella.com/galeria.html"><span itemprop="name">GALERIA</span></a>
            

            

        </div>
        
		<div class="main-section-div-wrapper " >
            
                <a itemprop="url" href="https://www.onaalandaclubmarbella.com/localizacion.html"><span itemprop="name">LOCALIZACI&Oacute;N</span></a>
            

            

        </div>
        
	</ul>
</div></nav>
        <a href="#data" class="button-promotion"><span>Reservar</span></a>

    </div>
</header>




    <section id="slider_container">
        <style type="text/css">

    .tp-banner-container {
        width: 100%;
        position: relative;
        padding: 0;
        min-width: 1140px;
        height: 550px;
    }

    .tp-banner {
        width: 100%;
        position: relative;
        display: none;
    }

    .tp-arr-titleholder {
        display: none !important;
    }


</style>


<div class="tp-banner-container">
    <div class="tp-banner">
        <ul>
            
                <li data-title="None" 
                    data-delay='6000'
                    data-transition="slideleft" data-slotamount="7" data-masterspeed="800" >
                    
                         <img src="/static_1/images/dummy.png" data-bgposition="center center" data-lazyload="https://lh3.googleusercontent.com/rHEs3ZSPzTxvhi_EhrkpGVYSGlAUZA17qFiZS3Igq9CxtCSQjRpJZSytfE5Id4bv3fVnLgBKEAURQcui2PAxfw=s1900" alt="slider-revolution-1">
                    
                    <!-- MAIN IMAGE -->
			<img src="https://lh3.googleusercontent.com/4lFs1YJjg3K5cXKTY_jZDfq94GAKQFlvKjb7CBgcd1J4aciNcEeZT7JhL39y8AFpqDdSENYAoB0fkhca4UFANA"  alt="video_corporativo"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
			<!-- LAYERS -->

<!-- LAYER NR. 1 -->
			<div class="tp-caption tp-fade fadeout fullscreenvideo"
				data-x="0"
				data-y="0"
				data-speed="1000"
				data-start="1100"
				data-easing="Power4.easeOut"
				data-endspeed="1500"
				data-endeasing="Power4.easeIn"
				data-autoplay="true"
				data-autoplayonlyfirsttime="false"
				data-nextslideatend="true"
				data-forceCover="1"
				data-aspectratio="16:9"
data-volume="mute"
				data-forcerewind="on"
				style="z-index: 2">


				 <video controls class="video-js vjs-default-skin" preload="none" width="100%" height="100%"
				 data-setup="{}">
				<source src='https://player.vimeo.com/external/299916401.hd.mp4?s=baafa3baf34594f517598639a92a5bd11c7f6041&profile_id=175' type='video/mp4' />
				
				</video>

			</div>


                </li>
            
                <li data-title="None" 
                    data-delay='6000'
                    data-transition="slideleft" data-slotamount="7" data-masterspeed="800" >
                    
                         <img src="/static_1/images/dummy.png" data-bgposition="center center" data-lazyload="https://lh3.googleusercontent.com/lEmlrKhocXfzIhM9c_Y1M9xx_XqVp6EBVRmaqxsZWxPCuonindp6CFYNT2YOqFXKFLZLw82FZfReiajeH_fS=s1900" alt="slider-revolution-2">
                    
                    <div class="overlay"></div>

<div class="caption fade" data-easing="easeOutExpo" data-speed="900" data-start="1000" data-x="0" style="top:-80px;right:0;left:0 !important;bottom:0;font-family:Source Sans Pro;font-size:28px;color:white;width:1140px;text-align:center;box-sizing:border-box;font-weight:normal;line-height:34px;color: white;margin:0;z-index:23;">
<div class="center_xy">
<p><span style="font-family:Source Sans Pro;font-size:52px">QUEDATE M&Aacute;S</span>&nbsp;<span style="font-weight:bold;font-family:Source Sans Pro;font-size:52px">Y PAGA MENOS</span></p>

<div style="text-align:center;display:block;width:290px;height:2px;background:white;margin:15px auto 15px"></div>

DISFRUTA DE UN 20% DE DESCUENTO<br>
<span style="font-weight:bold">PARA ESTANCIAS DE M&Aacute;S DE 7 NOCHES</span>

<a style="border:solid 2px white;text-align:center;display:block;width:290px;margin:15px auto 15px;padding:10px 0;font-size:20px;color:white" href="#data" class="button-promotion ">RESERVAR</a>
</div>
</div>
                </li>
            
        </ul>
    </div>
</div>

<script type="text/javascript" async>

    var revapi;

    
        $(function() {
    

        revapi = jQuery('.tp-banner').revolution(
                {
                    //Add a comment to this line
                    startwidth: 1140,
                    startheight: 550,
                    hideThumbs: 10,
                    fullWidth: "on",
                    forceFullWidth: "on",
                    fullScreen: "on",
                    onHoverStop: "on",
                    lazyLoad: "on",
                    navigationArrows: "solo",
                    navigationType: "bullet",
                    hideTimerBar: "on",
                    

                });

        $(".tp-banner").show();

    });	//ready

</script>
    </section>

    <div id="full_wrapper_booking">
        <div id="wrapper_booking" class="container12">
            <div id="booking" class="boking_widget_inline">
                <link href='//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,200italic,300italic' rel='stylesheet' type='text/css'>


<span id="full-booking-engine-html-5" style="margin:0px;padding:0px;">
<!-- MY BOOKINGS INTEGRATED -->




<!-- TITULO -->
<div class="booking_form_title">
  <h4 class="booking_title_1">Reservas</h4>
  <h4 class="booking_title_2">Reserva ahora</h4>
  <h4 class="best_price">RESERVA AL MEJOR PRECIO</h4>

  <div class='promocode_header' data-promo="None">
    <img src='/static_1/images/booking_5/offer_header.png' class='booking_header_discount'>

    <p class='first_offer_name'></p>

    <p class='second_offer_name'></p>
</div>
  
  


  


</div>
<!-- END TITULO -->
<!-- booking engine 5 -->
<form class="booking_form booking-form-center-text paraty-booking-form" action="https://www.onaalandaclubmarbella.com/booking1" method="post">

    <input type="hidden" id="language" name="language" value="SPANISH"/>
    <input type="hidden" id="agesKid1" name="agesKid1"/>
    <input type="hidden" id="agesKid2" name="agesKid2"/>
    <input type="hidden" id="agesKid3" name="agesKid3"/>

    <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 type="hidden" id="namespace" name="namespace" value="ona-alanda-club"/>

    <input type="hidden" id="gclid" name="gclid" value=""/>

    <input type="hidden" value="" name="priceSeekerHotel" id="priceSeekerHotel"/>

    


  <!-- BOOKING 0 -->
  
  <!-- END BOOKING 0-->

  <!-- SELECTOR DE HOTEL-->
  
  
  
  
  
  
  
  <!-- END SELECTOR DE HOTEL-->


 <!-- HIDE FILTERS -->
 
 

 

 



 <!-- HIDE FILTERS -->

  <!-- SELECCION FECHAS DE ENTRADA Y NUMERO HABITACIONES -->
  <div class="stay_selection">

    <div class="entry_date_wrapper half_size">
      <label class="entry_date_label">Entrada</label>
      <div class="date_box entry_date">
        <span class="date_day"></span>
        <span class="date_year"></span>
        <input name="startDate"  type="hidden" class="has_datepicker entry_input"/>
        <div></div>
      </div>
    </div>

    

        <div class="departure_date_wrapper">
            <label class="departure_date_label">Salida</label>

            <div class="date_box departure_date">
                <span class="date_day"></span>
                <span class="date_year"></span>
                <input name="endDate" type="hidden" class="has_datepicker departure_input"/>

                <div></div>
            </div>
        </div>

        <script>
        departure_date_selectable = true;
        </script>

    



    </div>

    <div class="rooms_number_wrapper" >
        <label class="rooms_label">Habitaciones</label>
        <select name="numRooms" class="rooms_number">
            
                <option value="1" selected="selected">1</option>
            
                <option value="2" >2</option>
            
                <option value="3" >3</option>
            
        </select>
    </div>

  <!-- END SELECCION FECHAS DE ENTRADA Y HABITACIONES -->

  


  <!-- LISTA DE HABITACIONES -->
  <div class="room_list_wrapper room_with_babies">
    

<ul class="room_list">



        <!---------------------- ROOM 1---------------------->
    <li class="room room1" >

        <div class="room_title  room_title_with_babies"
             >
            
                Habitación 1</div>

        <div class="adults_selector">
            <label class="adults_label" for="adultsRoom1">Adultos</label>
            <select name="adultsRoom1" class="adults_room_1 room_selector">
                
                    <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="children_selector">
            <label class="children_label" for="childrenRoom1">Niños
                
            </label>
            <select name="childrenRoom1" class="children_room_1 room_selector">
                
                    <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="babies_selector">
                <label for="babiesRoom1">Bebés
                    </label>
                <select id="hab1_bebes" class="babies_room_1 room_selector"
                        name="babiesRoom1">

                    
                        <option value="0" >0</option>
                    
                        <option value="1" >1</option>
                    
                        <option value="2" >2</option>
                    
                </select>
            </div>
        


    </li>

    

        <!---------------------- ROOM 2---------------------->
    <li class="room room2" style="display: none">

        <div class="room_title  room_title_with_babies"
             >
            
                Habitación 2</div>

        <div class="adults_selector">
            <label class="adults_label" for="adultsRoom2">Adultos</label>
            <select name="adultsRoom2" class="adults_room_2 room_selector">
                
                    <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="children_selector">
            <label class="children_label" for="childrenRoom2">Niños
                
            </label>
            <select name="childrenRoom2" class="children_room_2 room_selector">
                
                    <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="babies_selector">
                <label for="babiesRoom2">Bebés
                    </label>
                <select id="hab2_bebes" class="babies_room_2 room_selector"
                        name="babiesRoom2">

                    
                        <option value="0" >0</option>
                    
                        <option value="1" >1</option>
                    
                        <option value="2" >2</option>
                    
                </select>
            </div>
        


    </li>

    

        <!---------------------- ROOM 3---------------------->
    <li class="room room3" style="display: none">

        <div class="room_title  room_title_with_babies"
             >
            
                Habitación 3</div>

        <div class="adults_selector">
            <label class="adults_label" for="adultsRoom3">Adultos</label>
            <select name="adultsRoom3" class="adults_room_3 room_selector">
                
                    <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="children_selector">
            <label class="children_label" for="childrenRoom3">Niños
                
            </label>
            <select name="childrenRoom3" class="children_room_3 room_selector">
                
                    <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="babies_selector">
                <label for="babiesRoom3">Bebés
                    </label>
                <select id="hab3_bebes" class="babies_room_3 room_selector"
                        name="babiesRoom3">

                    
                        <option value="0" >0</option>
                    
                        <option value="1" >1</option>
                    
                        <option value="2" >2</option>
                    
                </select>
            </div>
        


    </li>

    


</ul>
  </div>
  <!-- END LISTA DE HABITACIONES -->


  <div class="wrapper_booking_button ">
    <div class="promocode_wrapper">
        <label class="promocode_label">Código promocional</label>
        <input type="text" class="promocode_input" placeholder="INSERTA TU CÓDIGO PROMOCIONAL" name="promocode" value="" tabindex="16">
    
    </div>

    

    <button type="button" onclick="$(this).attr('disabled', 'disabled');bookingSearchWithAgeSelection();return false;" class="submit_button buttonsearch-ratecheck" no-hide="true">

       

            
                Reservar
            
        
    </button>
    <div class="spinner_wrapper"></div>

    

  </div>

  <div style="clear:both"></div>

    

        <input type="hidden" id="booking-search-popup" name="booking-search-popup" value="true">

        <script>
            no_dispo_text = "No disponible";



            function show_booking_search_popup(myForm) {

                if (($.browser && $.browser.msie && parseFloat($.browser.version) <= 9)){
                     //if we are here, is because our browser don't accept setTimeOut
                    //so we submit it directly

                    myForm.submit();
                }
                else{
                    if (typeof(sending_form_custom_from_paraty) == 'undefined') {
                        sending_form_custom_from_paraty = true;

                        setTimeout(function (myForm) {
                            openBookingSearchPopup(myForm);
                        }, 1000, myForm);
                    }
                }


            }

            function openBookingSearchPopup_v2(myForm) {
                var container_booking_popup = $('<div></div>').addClass('container_popup_booking').css('text-align', 'center'),
                    loading_popup_top_text = "Actualizando para continuar con su reserva";

                    var loading_popup_top_text = $("<img src='https://lh3.googleusercontent.com/E-7pboXaUYz2U4GRvbwIxK0rrVf-ABJCwbEg1kh6R5xhFnTHj4CZ1q_-xhnyP0AYwT8zHAseh6vVKo3Z0o5xnw'>");

                var loading_popup_bottom_text = "<div style='color:white;font-weight:bolder'>	Estamos buscando el mejor alojamiento para tu estancia</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();
                }

                var booking_loading_popup_params = {
                    width: 'auto',
                    height: 'auto',
                    fitToView: false,
                    autoSize: false,
                    padding: 0,
                    closeClick: false,
                    closeBtn: false,
                    helpers: {
                        overlay: {
                                css: {'background': 'rgba(17,204,199,0.9)'},
                                closeClick: false}, // prevents closing when clicking OUTSIDE fancybox
                        
                    },
                    wrapCSS: 'fancy-booking-search_v2 full_screen_engine custom_color_overlay',
                    beforeShow: function () {
                        if(navigator.userAgent.match(/iPhone/i) ||
                            navigator.userAgent.match(/iPad/i) ||
                            navigator.userAgent.match(/iPod/i) ||
                            (navigator.userAgent.match(/AppleWebKit/i) && !navigator.userAgent.match(/Chrome/i))){
                            setTimeout(function () {
                                $.fancybox.close( true );
                                $("#full_wrapper_booking .wrapper_booking_button .submit_button").show();
                                sending_form_custom_from_paraty = undefined;
                            }, 5000);
                        }
                        $('.fancybox-bg').css('background','rgba(17,204,199,0.9)');
                    }
                };

                if ($.fancybox.version.slice(0,2) === '3.') {
                    booking_loading_popup_params['baseClass'] = 'fancybox-wrap fancy-booking-search_v2 full_screen_engine custom_color_overlay';
                    booking_loading_popup_params['modal'] = true;
                    $.fancybox.open(container_booking_popup, booking_loading_popup_params);
                } else {
                    $.fancybox(container_booking_popup, booking_loading_popup_params);
                }

                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 openBookingSearchPopup(myForm) {
                
                    return openBookingSearchPopup_v2(myForm);
                

                var elements = [
                    
                ]
                
                    showGallery(elements);
                

                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) {
                var fancy_gallery_params = {
                    '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
                };
                if ($.fancybox.version.slice(0,2) === '3.') {
                    $.fancybox.open(elements, fancy_gallery_params);
                } else {
                    $.fancybox(elements, fancy_gallery_params);
                }
            }

        </script>

    

      


</form>



<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;

	}

     .ui-dialog{
         z-index: 99999;
     }


</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;
    width: 100% !important;
    max-width: 350px;
}
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="Edades de los niños" style="display:none">
    <form class="clearfix">

        

        <label id="label1" for="name">Habitación 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">Habitación 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">Habitación 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>


        

		

        <input type="hidden" id="id_div_parent">

    </form>
</div>

<script type="text/javascript">


function sendActiveForm(){

    return $(".paraty-booking-form").each(function(){

        if ($(this).find(".submit_button").css("display")=="none" || $(this).find("button.clicked_button").length || $(this).find(".submit_button").attr("disabled") == "disabled"){

           if( $('#booking-search-popup').length) {

               show_booking_search_popup($(this));
               return false;
            }


            $(this).submit();
            return true;
        }

    });

}


function bookingSearchWithAgeSelection(){


     $(".booking_form").each(function(){
         var submit_button_selector = $(this).find(".submit_button");
        if (submit_button_selector.css("display")=="none" || submit_button_selector.attr('disabled') == 'disabled'){

            kids1 = $(this).find(".children_room_1 option:selected").val();
            babies1 = $(this).find(".babies_room_1 option:selected").val();
            kids2 = $(this).find(".children_room_2 option:selected").val();
            babies2 = $(this).find(".babies_room_2 option:selected").val();
            kids3 = $(this).find(".children_room_3 option:selected").val();
            babies3 = $(this).find(".babies_room_3 option:selected").val();


            if ((!kids1 || kids1 == "0") && (!kids2 || kids2 == "0") && (!kids3 || kids3 == "0")
                    
            ){

               //nothing to do because booking.js has a $(".submit_button").click with the submit action
               //sendActiveForm();



            } else {

                updateAgesOptions();

                $.fancybox.close();
                $("#dialog-form").dialog("open");


            }
        }

    });





}




function updateAgesOptions() {


     $(".booking_form").each(function(){

       if ($(this).find(".submit_button").css("display")=="none" || $(this).find(".submit_button").attr("disabled") == "disabled"){

            var numHab = $(this).find(".rooms_number option:selected" ).val();
            for ( var i = 3; i > 0; i--) {

               $("#label" + i).hide();
               $("#baby_label" + i).hide();
                $("#agesRoom" + i  + "_1").hide();
                $("#agesRoom_baby" + i  + "_1").hide();
                $("#agesRoom" + i  + "_2").hide();
                $("#agesRoom_baby" + i  + "_2").hide();
                $("#agesRoom" + i  + "_3").hide();
                $("#agesRoom_baby" + i  + "_3").hide();
                $("#agesRoom" + i  + "_4").hide();
                $("#agesRoom_baby" + i  + "_4").hide();


            }


            for ( var i = numHab; i > 0; i--) {

                numKids = $(this).find(".children_room_" + i + " option:selected" ).val();
                numBabies = $(this).find(".babies_room_" + i + " option:selected" ).val();


               if (numKids > 0){
                    $("#label" + i).show();

                    $("#agesRoom" + i  + "_1").show();
                    if (numKids > 1)
                        $("#agesRoom" + i  + "_2").show();
                    if (numKids > 2)
                    $("#agesRoom" + i  + "_3").show();
                    if (numKids > 3)
                    $("#agesRoom" + i  + "_4").show();
                }

                if (numBabies > 0){
                    $("#baby_label" + i).show();

                    $("#agesRoom_baby" + i  + "_1").show();
                    if (numBabies > 1)
                        $("#agesRoom_baby" + i  + "_2").show();
                    if (numBabies > 2)
                    $("#agesRoom_baby" + i  + "_3").show();
                    if (numBabies > 3)
                    $("#agesRoom_baby" + i  + "_4").show();
                }
            }

       }
     });
}




$(function() {
    $("#dialog-form").dialog({
    	width: "auto",
        autoOpen: false,
        modal: true,
        buttons: {
            "Continuar": function() {
            	$( this ).dialog( "close" );
                $(".paraty-booking-form").each(function () {
                    $(this).find("#agesKid1").each(function () {
                        $(this).val($("#agesRoom1_1").val() + ";" + $("#agesRoom1_2").val() + ";" + $("#agesRoom1_3").val() + ";" + $("#agesRoom1_4").val())
                    });
                    $(this).find("#agesKid2").each(function () {
                        $(this).val($("#agesRoom2_1").val() + ";" + $("#agesRoom2_2").val() + ";" + $("#agesRoom2_3").val() + ";" + $("#agesRoom2_4").val())
                    });
                    $(this).find("#agesKid3").each(function () {
                        $(this).val($("#agesRoom3_1").val() + ";" + $("#agesRoom3_2").val() + ";" + $("#agesRoom3_3").val() + ";" + $("#agesRoom3_4").val())
                    });
                });

                sendActiveForm();

            }
        }
    });

    updateAgesOptions(1);
});
</script>










    







</span>






<script async>

           if (typeof only_once_rescueseeker == "undefined"){
                var 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('ona-alanda-club','es', 'paraty');
                  })
                  .fail(function( jqxhr, settings, exception ) {
                    console.error("RESCUE SEEKER: Main rescue seeker script NOT loaded!");
                    console.error(exception);
                });

           }

</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('ona-alanda-club','us_es', 'paraty');
                  })
                  .fail(function( jqxhr, settings, exception ) {
                    console.error("RATE CHECK: Main rate chek script NOT loaded!");
                    console.error(exception);
                });

         }
   });

</script>
<input type="hidden"  name="rc_paraty_application_id" value="ona-alanda-club-dot-ona-hotels.appspot.com">





            </div>
        </div>
    </div>








<section id="content">
  
    <div class="included_blocks_wrapper">
        <div class="included_blocks_center container12">
            <a href=".popup_inicial" class="included_block_title myFancyPopupFaldon">VENTAJAS</a>
            
                <div class="included_element_wrapper">
                    <img class="included_element_image" src="https://lh3.googleusercontent.com/hLjAhg2Ft1p1m4IF4_galnM1qlk_1ki5Y5Gnar-nl6GITq1Qt6zZPYlbxFxHfSfUgHR_rNQLlmS8fWC9lQk=s45">
                    <span class="included_element_title">PRIMERA L&Iacute;NEA DE PLAYA</span>
                </div>
            
                <div class="included_element_wrapper">
                    <img class="included_element_image" src="https://lh3.googleusercontent.com/vXGqcqPi7t7KVKL0sXxVl7W0o_uUBdafeGJJIvSgIkI1n2Jn8CszN0T3ENd6Tx862aIzpIbWDmch4Ffu0r5MBVM=s45">
                    <span class="included_element_title">PISCINA CON <br>HAMACAS</span>
                </div>
            
                <div class="included_element_wrapper">
                    <img class="included_element_image" src="https://lh3.googleusercontent.com/I55R3YEQzoeTuNzkSNTbGvuRfspR_mjqdYnBJLpem_DAnumF8kdsKJq-Ta6klrAxWrhLvX1Uevds0T1Zpvt83b8=s45">
                    <span class="included_element_title">WIFI</span>
                </div>
            
                <div class="included_element_wrapper">
                    <img class="included_element_image" src="https://lh3.googleusercontent.com/I5sqEYUjk0swlLDSGdxRL3wGpJ-jzzNM29oj8RyJ_75sD8rLax28KkepP-0-e972ggdzgqgX60sBNNrrsClfMw=s45">
                    <span class="included_element_title">PARKING</span>
                </div>
            
                <div class="included_element_wrapper">
                    <img class="included_element_image" src="https://lh3.googleusercontent.com/McnjEMt88uTHRtG-qItUI66wJInehzXY77VS5F0CVMdAWmKsQfFemo5U3LmxVsV4eI9Vfp9703rRO9tRLEA5=s45">
                    <span class="included_element_title">GIMNASIO</span>
                </div>
            
                <div class="included_element_wrapper">
                    <img class="included_element_image" src="https://lh3.googleusercontent.com/ZcpozwNb-7EFPcvf8kZ9E2qQA5KNUi7zyeCvQWZOSU6QikCkPsnWEob0LUT04ubvwonoRnP7L6RVR-kWVVQ9fg=s45">
                    <span class="included_element_title">ANIMACI&Oacute;N</span>
                </div>
            
        </div>
    </div>



    <div class="full_blocks_top_wrapper">
        
            <div class="full_block_element">
                <a href="alojamiento.html">
                <div class="exceded">
                    <img src="https://lh3.googleusercontent.com/PB-pwe67Hs2vnjj3NBquDf81MY1TgI9m8sBFc7AVO8UjI0_fjV09rBfmgaKhwO6htvmBVsFK2QrVEi2OpbKM=s400">
                    <div class="full_block_title"><strong>ALOJAMIENTO</strong></div>
                    <div class="black_overlay"></div>
                </div>
                </a>
            </div>
        
            <div class="full_block_element">
                <a href="ofertas.html">
                <div class="exceded">
                    <img src="https://lh3.googleusercontent.com/uGoLwATCECN3hczKS4YI3E3WSxeRm_OY8f4lcXCtBsBysS2k-Gu9SlOqNkX51DE_Bl88vK07A0ao7HF4Z5ThIw=s400">
                    <div class="full_block_title"><strong>OFERTAS</strong></div>
                    <div class="black_overlay"></div>
                </div>
                </a>
            </div>
        
            <div class="full_block_element">
                <a href="gastronomia.html">
                <div class="exceded">
                    <img src="https://lh3.googleusercontent.com/K9ni6lxtQsSddbsRQu8DRJjb2EML0pkddhFEn4KSRp03FWjhua1GwM09l4KIoWvMHest4yyvCYZTHKaHiuWNfg=s400">
                    <div class="full_block_title"><strong>GASTRONOM&Iacute;A</strong></div>
                    <div class="black_overlay"></div>
                </div>
                </a>
            </div>
        
            <div class="full_block_element">
                <a href="actividades.html">
                <div class="exceded">
                    <img src="https://lh3.googleusercontent.com/qo5cQT9MC9a7IFM2R6fMXGIQsc77zyO0m7tTMV9w5AcPO5d__kkYj7F7blEMaMCvCafMBXv6jLh9RfB6uOgP4g=s400">
                    <div class="full_block_title"><strong>ACTIVIDADES</strong></div>
                    <div class="black_overlay"></div>
                </div>
                </a>
            </div>
        
            <div class="full_block_element">
                <a href="localizacion.html">
                <div class="exceded">
                    <img src="https://lh3.googleusercontent.com/88DaJLjPpZ7zzaiGX1BcWiNrxntw9LitJAVk0tULh7urnZ60cQ_2TkX0Y_a7KtXTbm2vrbQ1zpOYwH87ShuC1w=s400">
                    <div class="full_block_title"><strong>D&Oacute;NDE ESTAMOS</strong></div>
                    <div class="black_overlay"></div>
                </div>
                </a>
            </div>
        
    </div>




<div id="wrapper_content" class="container12">

    
        <div class="content_subtitle_wrapper">
            <h1 class="content_subtitle_title">BIENVENIDOS A ONA <strong>ALANDA CLUB MARBELLA</strong></h1>
            
                <div class="content_subtitle_description">Situado en plena Costa del Sol, en el municipio de Marbella, referente de turismo de alto nivel, nuestro Resort de 4 Llaves pone a su disposici&oacute;n 150 exclusivos apartamentos decorados en dos estilos diferentes y que le ofrecen todas las comodidades y lujos que usted pueda demandar:<br><br>

Piscina interior, jacuzzi, sauna, gimnasio... y a s&oacute;lo unos metros de la playa y de la zona de compras y ocio de Elviria, son solo algunas de las ventajas que podr&aacute; disfrutar en Ona Alanda Club Marbella.<br><br>

Espaciosos apartamentos, pensados para familias y grupos de amigos, donde el tama&ntilde;o de los salones, habitaciones y terrazas dar&aacute;n el m&aacute;ximo confort a su estancia.<br><br>

Bienvenidos a Ona Alanda Club Marbella.</div>
            
        </div>
    

    

    

    
    

    
    

    
    

    
    

    
    

    
</div>


<div class="newsletter_social_wrapper">
    
        <div class="newsletter_wrapper">
    <div class="container12"><!--
        
            --><div class="newsletter_content">
                <div class="newsletter_title">Convi&eacute;rtete en Ona Traveler</div>
                <div class="newsletter_description">COMPA&Ntilde;EROS DE VIAJE &iexcl;CON LAS MEJORES VENTAJAS!</div>
            </div><!--
        

        --><div class="newsletter_icos_link_wrapper"><!--
            
                --><div class="newsletter_icos_wrapper"><!--
                    
                        --><div class="icon_element">
                            <div class="icon_picture">
                                
                                    <i class="fa icon-offer center_xy"></i>
                                
                            </div>
                            <div class="icon_title">-10%</div>
                        </div><!--
                    
                        --><div class="icon_element">
                            <div class="icon_picture">
                                
                                    <i class="fa icon-alarmclock center_xy"></i>
                                
                            </div>
                            <div class="icon_title">PRIORITY</div>
                        </div><!--
                    
                        --><div class="icon_element">
                            <div class="icon_picture">
                                
                                    <i class="fa icon-gift2 center_xy"></i>
                                
                            </div>
                            <div class="icon_title">REWARDS</div>
                        </div><!--
                    
                --></div><!--
            
            
                --><div class="newsletter_link">
                    <a href="landing-suscripcion.html">
                        <span class="newsletter_link_text center_y">
                            
                                Ir ahora
                            
                        </span>
                        <div class="arrow"></div>
                    </a>
                </div><!--
            
        --></div>
    </div>
</div>
    

    <div class="center_newsletter_social container12">
        <div class="social_wrapper">
            <p class="social_title">Síguenos en</p>
            <div id="social">
                
                    <a href="http://www.facebook.com/Onahotels" target="_blank"><i class="fa fa-facebook"></i></a>
                
                
                    <a href="https://twitter.com/#!/onahotels" target="_blank"><i class="fa fa-twitter"></i></a>
                
                
                
                
                    <a href="http://www.instagram.com/onahotels" target="_blank">
                        <i class="fa fa-instagram" aria-hidden="true"></i>
                    </a>
                
            </div>
        </div>
    </div>
</div>


    <div class="newsletter_floating_wrapper">
    <div class="newsletter_message_wrapper">
        <div class="subscribe_message_wrapper">
            <div class="icon_wrapper">
                <i class="fa fa-envelope-open-o"></i>
            </div>
            <div class="subscribe_message">&iexcl;Suscribete!</div>
        </div><!--
        --><div class="newsletter_message_arrow">
            <i class="fa fa-chevron-up"></i>
        </div>
    </div><!--
    --><div class="newsletter_floating_content" style="background-image: url(https://lh3.googleusercontent.com/6ATD6TgInQ1lAtaKBPMKx6p7vizmSqdwjbxGIq_fVpLi6arRaBSVxKce6HlFGNP6hTDjGxvbHCr6POw5F7rYzA2jjCBk3w=s1900)">
        <div class="floating_title">Convi&eacute;rtete en Ona Traveler</div>
        <div class="floating_description">COMPA&Ntilde;EROS DE VIAJE &iexcl;CON LAS MEJORES VENTAJAS!</div>
        
            <div class="newsletter_link">
                <a href="landing-suscripcion.html">
                    <span class="newsletter_link_text center_y">
                        
                            Ir ahora
                        
                    </span>
                    <div class="arrow"></div>
                </a>
            </div>
        
    </div>
</div>

<script>
    $(window).load(function(){
        $(".newsletter_floating_wrapper .newsletter_message_arrow").click(function(){
            var floating_wrapper = $(this).closest(".newsletter_floating_wrapper");

            floating_wrapper.find(".newsletter_message_wrapper").toggleClass("active");

            floating_wrapper.find(".newsletter_floating_content").slideToggle();
        });
    })
</script>



    
    <div class="bottom_pictures_wrapper owl-carousel">
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/ftjWcC4lwuVbH7NvhI6n85rLXoefv_NPU_ufezYW4iDPby5dSf-3Xlhn2X_9I2LHRagB0q9qdY85M5s6TUA9Jw=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/ftjWcC4lwuVbH7NvhI6n85rLXoefv_NPU_ufezYW4iDPby5dSf-3Xlhn2X_9I2LHRagB0q9qdY85M5s6TUA9Jw=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/dZRDLP5yQmK1LyqYvlUpc1mlzOFfEQIu11YrpLDwaMP7cAczholUJZzATUGx9Am3Giqa2zYRwHJ-XM47mpD1BQ=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/dZRDLP5yQmK1LyqYvlUpc1mlzOFfEQIu11YrpLDwaMP7cAczholUJZzATUGx9Am3Giqa2zYRwHJ-XM47mpD1BQ=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/PjmO4gkC4HmL43Dv-_DlzeLmlLYN08-rfmHjmSm5g5zyIibZK03S2b-B_0vf1lYZAUsB82_3CPWJ9eYwvXvqA1Q=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/PjmO4gkC4HmL43Dv-_DlzeLmlLYN08-rfmHjmSm5g5zyIibZK03S2b-B_0vf1lYZAUsB82_3CPWJ9eYwvXvqA1Q=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/wEvEen701d5gjGt10IpnOXqaq-RMCQPzMlCLMWJ3xgHhLnCMgfk9Y3R-XsdKv9w8gCTorv7jqvRIo0COZqwLdco=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/wEvEen701d5gjGt10IpnOXqaq-RMCQPzMlCLMWJ3xgHhLnCMgfk9Y3R-XsdKv9w8gCTorv7jqvRIo0COZqwLdco=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/tAGju_HwskMWCZn3_nt-1dJGJYzqrgekvteXhg32mJx66KZU1yPuHnnJel8ycp338y3X7SOisDk4GQNjfE9AWg=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/tAGju_HwskMWCZn3_nt-1dJGJYzqrgekvteXhg32mJx66KZU1yPuHnnJel8ycp338y3X7SOisDk4GQNjfE9AWg=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/yWypd_FLAzOEfLM4j2XrZ9li6P60lS6oilHi9Ya6JtRKRuHJAnYXGOi_Mb587MVCQJU7wXuLjMMb9g61b2Fm5g=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/yWypd_FLAzOEfLM4j2XrZ9li6P60lS6oilHi9Ya6JtRKRuHJAnYXGOi_Mb587MVCQJU7wXuLjMMb9g61b2Fm5g=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/OJwZQq0JkSyICVqvYMLOcB7PF0tYmvcXTd3_WOOVyqrta9aj5lsBwGP1epJycN3uPbpBZue0UXdWnSx_e00L=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/OJwZQq0JkSyICVqvYMLOcB7PF0tYmvcXTd3_WOOVyqrta9aj5lsBwGP1epJycN3uPbpBZue0UXdWnSx_e00L=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/83kjBS-zbsdhOrdzRkhNyxBRMKFRNxQCMt78DHoLdx-tZWKTv4IoSgtC_HL1rxKYNPQlrASfcEjyQCIBTwuN2kM=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/83kjBS-zbsdhOrdzRkhNyxBRMKFRNxQCMt78DHoLdx-tZWKTv4IoSgtC_HL1rxKYNPQlrASfcEjyQCIBTwuN2kM=s400-c">
                            </a>
                        </div>
                    </div>
            
                    <div class="bottom_picture_element">
                        <div class="exceded">
                            <a href="https://lh3.googleusercontent.com/ypO7zT5mUE1mphUXO2F_1DW80xdmmL3BmhBwwuZRLJOI7GJvvLxbQ_tYmoIKHTdRpG0MqkI_vUxqitUFh6BJ7Q=s1900" rel="lightbox[bottom_picture]">
                                <img class="picture_image" src="https://lh3.googleusercontent.com/ypO7zT5mUE1mphUXO2F_1DW80xdmmL3BmhBwwuZRLJOI7GJvvLxbQ_tYmoIKHTdRpG0MqkI_vUxqitUFh6BJ7Q=s400-c">
                            </a>
                        </div>
                    </div>
            
    </div>

<script>$(window).load(function () {
    $(".bottom_pictures_wrapper").owlCarousel({
    loop: true,
    nav: true,
    dots: false,
    items:4,
    margin: 0,
    navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
    autoplay: true
    });
});</script>


</section>




<footer>
    <div class="container12 up_arrow_wrapper">
        <div class="up_arrow_button">
            <i class="fa fa-chevron-up"></i>
        </div>
    </div>

    <div class="footer_menu_wrapper">
        
            <a class="footer_menu_element" href="alojamiento.html">Alojamiento</a>
            <span class="separator">•</span>
        
            <a class="footer_menu_element" href="gastronomia.html">Gastronom&iacute;a</a>
            <span class="separator">•</span>
        
            <a class="footer_menu_element" href="actividades.html">Actividades</a>
            <span class="separator">•</span>
        
            <a class="footer_menu_element" href="ofertas.html">Ofertas</a>
            <span class="separator">•</span>
        
            <a class="footer_menu_element" href="galeria.html">Galer&iacute;a</a>
            <span class="separator">•</span>
        
            <a class="footer_menu_element" href="localizacion.html">Localizaci&oacute;n</a>
            
        
    </div>

    <div class="footer_menu_prominent_wrapper">
        
            
                <a class="footer_prominent_element" href="mis-reservas.html">Mis Reservas</a>
            
            <span class="separator">•</span>
        
            
                <a class="footer_prominent_element myFancyPopupFaldon" href=".popup_inicial">Ventajas Web Oficial</a>
            
            
        
    </div>

    <div class="footer_logos_wrapper">
        <div class="footer_logo">
            <img class="logo_footer_image" src="https://lh3.googleusercontent.com/0cdNP06BfJzyAoHulScNm-1zjOy2ZHYKBWXinO0ah_OvDXRquxOGAL7DFh-hDLJsGUluJjauy8ug4liYyUC9gA">
            <div class="footer_logo_content"><a href="https://www.onahotels.com/es/" target="_blank" style="color:white;text-decoration:none"><strong>ONA HOTELS</strong></a><br>
Carrer Calabria, 129, ENTLO., 08015 Barcelona (Espa&ntilde;a)<br>
Tel. (+34) 932 029 611 - <a href="mailto:info@onahotels.com">info@onahotels.com</a><br>
Ona Corporation - Todos los derechos reservados </div>
        </div>
    </div>

</footer>

<div class="second_footer">
    <div class="full-copyright">
        <div class="footer-copyright container12">

            
               <a href="/es/?sectionContent=politica-de-cookies.html" class="myFancyPopup fancybox.iframe">Pol&iacute;tica de Cookies</a> |
            
               <a href="/es/?sectionContent=politica-de-privacidad.html" class="myFancyPopup fancybox.iframe">Pol&iacute;tica de privacidad</a> |
            
               <a href="/es/?sectionContent=condiciones-de-reserva.html" class="myFancyPopup fancybox.iframe">Condiciones de reserva</a> |
            
               <a href="/es/?sectionContent=aviso-legal.html" class="myFancyPopup fancybox.iframe">Aviso legal</a> |
            
            <a target="_blank" href="https://www.paratytech.com/motor-de-reservas.html" title="Motor de Reservas">Motor de Reservas</a> |
            <a target="_blank" href="/sitemap.xml" title="">Site Map</a> |
            <a target="_blank" href="/rss.xml">RSS</a>

        </div>

          
            <div id="div-txt-copyright" class="footer-copyright container12">
              <p>
	Ona Alanda Club Marbella, Carretera de C&aacute;diz Km 192,  29604  Marbella, M&aacute;laga</p>

            </div>
          

    </div>

    <div class="social_buttons_likes container12">
        <div id="facebook_like">
            <div id="fb-root"></div>

            <div>
                <fb:like font="" href="" layout="button_count" send="false" show_faces="false" width="110"></fb:like>
            </div>
        </div>
        <div id="google_plus_one">
            <div class="g-plusone"></div>
        </div>
    </div>
</div>





<script type="text/javascript" src="/static_1/js/mainWebSkeletonAux.min.js"></script>
<script type="text/javascript" src="/static_1/i18n/messages_es.js"></script>
<script type="text/javascript" src="/static_1/lib/jquery-i18n-1.1.1/jquery.i18n.min.js"></script>






    <script async defer src="/static_1/lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- jquery datepicker -->
    <script type="text/javascript" src="/static_1/lib/jquery-ui-1.10.1.custom.min.modified.min.js"></script>
    <script src="/static_1/js/datepicker/jquery.ui.datepicker-es.js?v=1" type="text/javascript"></script>

    <script type="text/javascript" src="/static_1/lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="/static_1/scripts/common.js?v=1.1"></script>
    <script type="text/javascript" src="/js/onama/forms.js?v=4"></script>

    <!-- Flex Slider-->
    <script src="/static_1/lib/flexslider/jquery.flexslider.min.js"></script>

    <!-- lightbox -->
    <script type="text/javascript" src="/static_1/lib/lightbox/js/lightbox.js?v=1.42020"></script>
    <script src="/static_1/lib/selectric/jquery.selectric.min.js" type="text/javascript"></script>

    <!-- new booking engine -->
    <link rel="stylesheet" type="text/css" href="/static_1/plugins/pricescalendar/styles.css?v=3">
    <link rel="stylesheet" type="text/css" href="/static_1/plugins/dates-selector/css/datepicker_ext_inf.css?v=1.111">
    <script type="text/javascript" src="/static_1/plugins/pricescalendar/calendar.plugin.js?v=1"></script>
    <script type="text/javascript" src="/static_1/plugins/dates-selector/datepicker_v1.js?v=1.123"></script>
    <script>
        $(function(){DP_extend_info.config.booking_version = '5';DP_extend_info.init()})
        transfer_url_params_to_booking(['psh_ctid', 'psh_cpid']);
    </script>
    <script src="/static_1/scripts/booking_5.min.js"></script>
    <script src="/static_1/scripts/booking.js?v=1.1"></script>
    <script type="text/javascript" src="/js/onama/booking_popup_personalized.js?v=3.2"></script>

     <!-- My specific js  -->
    <script type="text/javascript" src="/js/onama/functions.js?v=1.1"></script>
    
    <script type="text/javascript" src="https://www.tripadvisor.com/js3/conversion/pixel.js" async></script>

    <!-- KenBurn Slider ALWAYS AT THE END!!!!!!!! -->
     <!-- jQuery KenBurn Slider  -->
    <script type="text/javascript" src="/static_1/lib/rs-plugin/js/revolution_4_6_4/jquery.themepunch.unified.min.js"></script>








    





<div style="display: none;">
    <div id="data">
        <div id="wrapper_booking_fancybox">
            <div id="booking_widget_popup" class="booking_widget_fancybox">
                





<div id="motor_reserva">
<!-- booking engine 2 -->
	<form action="https://www.onaalandaclubmarbella.com/booking1" name="searchForm" id="searchForm" method="post" class="paraty-booking-form motor2">


        

        

        

		<input type="hidden" id="language" name="language" value="SPANISH" />
		<input type="hidden" id="agesKid1" name="agesKid1" value="" />
		<input type="hidden" id="agesKid2" name="agesKid2" value="" />
		<input type="hidden" id="agesKid3" name="agesKid3" value="" />

        <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="ona-alanda-club" />

        <div id="booking_engine_title">
            <h4 id="booking_title1">Reservas</h4>
            <h4 id="booking_title2">Reserva ahora</h4>
            <h3 id="best_price">MEJOR PRECIO ONLINE</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">Fecha de Entrada</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">Fecha de Salida</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">Número de noches: X</p>
        </div>
    </fieldset>


    <fieldset id="contenedor_habitaciones" >
      <label>   Habitaciones  </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"> Habitación   1</label>
                <div class="adultos numero_personas">
                    <label class="selector_adultos" id="titulo_adultos">Adultos</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="Bebés gratis">
                    <label for="childrenRoom1" id="titulo_ninos" class="selector_ninos">Niños</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&nbsp;2&nbsp;a&nbsp;12&nbsp;años)
                        
                    
                    </label>
                </div>

                
                <div class="numero_personas bebes">
                    <label class="selector_bebes">Bebés </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">Habitación 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="Bebés gratis">
                    <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">Habitación 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="Bebés gratis">
                    <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"   placeholder="Promocode"  name="promocode" value="" tabindex="16">

                

			

            <button type="button" onclick="$(this).addClass('clicked_button');return bookingSearchWithAgeSelection2() " id="search-button" class="colocar_envio buttonsearch-ratecheck" tabindex="17">Reservar</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) {
                    var container_booking_popup = $('<div></div>').addClass('container_popup_booking').css('text-align', 'center'),
                        loading_popup_top_text = "Actualizando para continuar con su reserva";

                        var loading_popup_top_text = $("<img src='https://lh3.googleusercontent.com/E-7pboXaUYz2U4GRvbwIxK0rrVf-ABJCwbEg1kh6R5xhFnTHj4CZ1q_-xhnyP0AYwT8zHAseh6vVKo3Z0o5xnw'>");
                        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:white;font-weight:bolder'>	Estamos buscando el mejor alojamiento para tu estancia</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();
                    }

                    var fancybox_params = {
                        width: 'auto',
                        maxWidth: 800,
                        height: 'auto',
                        fitToView: false,
                        autoSize: false,
                        padding: 0,
                        closeClick: false,
                        closeBtn: false,
                        helpers: {
                            overlay: {
                                css: {'background': 'rgba(17,204,199,0.9)'},
                                closeClick: false
                            } // prevents closing when clicking OUTSIDE fancybox
                        },
                        wrapCSS: 'fancy-booking-search_v2 full_screen_engine custom_color_overlay',
                        beforeShow: function () {
                            if(navigator.userAgent.match(/iPhone/i) ||
                                navigator.userAgent.match(/iPad/i) ||
                                navigator.userAgent.match(/iPod/i) ||
                                (navigator.userAgent.match(/AppleWebKit/i) && !navigator.userAgent.match(/Chrome/i))){
                                setTimeout(function () {
                                    $.fancybox.close( true );
                                    $("#full_wrapper_booking .wrapper_booking_button .submit_button").show();
                                    sending_form_custom_from_paraty = undefined;
                                }, 5000);
                            }
                            $('.fancybox-bg').css('background','rgba(17,204,199,0.9)');
                        }
                    };
                    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( !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="/static_1/js/datepicker/jquery.ui.datepicker-es.js?v=1.3" type="text/javascript"></script>
 

<script type="text/javascript" src="/static_1/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="Edades de los niños" style="display:none">
    <form>
        
        <label id="label1" for="name">Habitación 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">Habitación 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">Habitación 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: {
                "Continuar": function() {
                    $( this ).dialog( "close" );

                    $("#agesKid1").val($("#agesRoom1_1").val() + ";" + $("#agesRoom1_2").val() + ";" + $("#agesRoom1_3").val() + ";" + $("#agesRoom1_4").val());
                    $("#agesKid2").val($("#agesRoom2_1").val() + ";" + $("#agesRoom2_2").val() + ";" + $("#agesRoom2_3").val() + ";" + $("#agesRoom2_4").val());
                    $("#agesKid3").val($("#agesRoom3_1").val() + ";" + $("#agesRoom3_2").val() + ";" + $("#agesRoom3_3").val() + ";" + $("#agesRoom3_4").val());

                    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);

	});




	




$(function(){
    $.datepicker.setDefaults($.datepicker.regional["es"]);
});

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").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>
    $(function () {
        $("input[name='startDate']").attr('placeholder', "Entrada");
        $("input[name='endDate']").attr('placeholder', "Salida");
        $("#contenedor_hotel select#hotel_destino").append('<option value="unselected" selected="selected">Destino / Hotel</option>');
        try{
            prepareRoomNumbers('Habitación', 'Habitación', 'Habitaciones', 1);
            prepareAdultsNumbers('Adulto', 'Adultos', 2);
            prepareKidsNumbers('Niño', 'Niños', 0);
            prepareBabiesNumbers('Bebés', 'Bebés', 0);
        } catch (e) {
            console.log(e)
        }

        $("#promocode").attr('placeholder', 'Código promocional');

        
            $("button#search-button").html("Buscar");
        

        $("button#search-button").unbind("click", showDatepickerFlexible).click(showDatepickerFlexible);
    });

    function showDatepickerFlexible() {
        if (!checkDates()) {
            if (typeof(DP_extend_info) !== 'undefined'){
                DP_extend_info.slide_datepicker("startDate", $(this).closest("form").find("input[name='startDate']"));
            } else {
                $(this).closest("form").find("input[name='startDate']").datepicker('show');
            }
        }

        var destination = $(this).parent().parent().find(".destination").val();
        if (destination == "") {
            $(".hotel_selector").show("fast");
            return false;
        }
    }
</script>

<script>
    adult_tag = "Adulto";
    adults_tag = "Adultos";
    kid_tag = "Niño";
    kids_tag = "Niños";
    baby_tag = "Bebé";
    babies_tag = "Bebés";
    no_dispo_text = "No disponible";
</script>


    


<script async>

           if (typeof only_once_rescueseeker == "undefined"){
                var 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('ona-alanda-club','es', 'paraty');
                  })
                  .fail(function( jqxhr, settings, exception ) {
                    console.error("RESCUE SEEKER: Main rescue seeker script NOT loaded!");
                    console.error(exception);
                });

           }

</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('ona-alanda-club','us_es', 'paraty');
                  })
                  .fail(function( jqxhr, settings, exception ) {
                    console.error("RATE CHECK: Main rate chek script NOT loaded!");
                    console.error(exception);
                });

         }
   });

</script>
<input type="hidden"  name="rc_paraty_application_id" value="ona-alanda-club-dot-ona-hotels.appspot.com">




                <div class="contact_bottom_popup">
    <div class="phone_hotel_booking_popup">Reservas: (+34) 952 768 150</div>
</div>
            </div>
        </div>
    </div>
</div>




    <div style="display:none;">
        <div class="popup_inicial">
            <div class="popup_img">
                <img src="https://lh3.googleusercontent.com/P3RhEAVRpMayPUR__5Ea22bQlqN_RA9FMZhmIXDqcnnI3X-yXyTeLMvnCIOmhUUCz88_IQkw0ERU2EXfxZsGKg"/>
            </div>
            <div class="popup_text">
                <div class="popup_title">GRATIS CON TU RESERVA</div>

                <div class="popup_description">
                    <div>
Primera l&iacute;nea de playa</br>
Hamacas en la piscina</br>
Wifi</br>
Uso de nuestro Gimnasio</br>
Mejor Precio Online Garantizado</br>
Pago directo en el hotel</br>
Sin gastos de gesti&oacute;n</br>
Reserva online 100% segura</div>
                </div>
            </div>

        </div>
    </div>



<script>
    $("input#suscEmail").attr('placeholder', 'Introduce tu email');
    $("input.promocode_input").attr('placeholder', 'INSERTA TU PROMOCODE');
    var html_ocupancy = '<div class="guest_selector"><label>Ocupación</label><span class="placeholder_text">Seleccionar</span><b class="button"></b></div>';
    $(html_ocupancy).insertAfter('.rooms_number_wrapper');
    $(".guest_selector").click(function () {
        $(".room_list_wrapper").toggle(0);
    });
    $("div#data fieldset#envio button#search-button").html("Reservar");

    $(document).ready(function () {
        setTimeout(function () {
            $("#data select.selector_ninos, #data select.selector_bebes").each(function(){
                $(this).find("option")[0].remove();
            });
            $("#data select.selector_ninos").selectric('refresh');
            $("#data select.selector_bebes").selectric('refresh');
        }, 2000);
    });
</script>

<script>
    $(function(){
       see_more = "<a class='myFancyPopup fancybox.iframe' style='text-decoration:underline;color:white;margin-left:4px;'  href='/es/?sectionContent=politica-de-privacidad.html' rel='nofollow'>Política de privacidad</a>"
        $(".texto_cookie").append(see_more);
    });
</script>



<style>.center_xy{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.center_xy_before:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.center_x{position:absolute;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.center_y{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%)}.center_y_before:before{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%)}.center_image{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-width:100%;min-height:100%;max-width:none}.fs:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.icon-xcross:before,.icon-xcross:after{content:'';width:100%;height:2px;background:white;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.icon-xcross:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-o-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}@-webkit-keyframes sk-stretchdelay{0%, 40%, 100%{transform:scaleY(0.4)}20%{transform:scaleY(1)}}@keyframes sk-stretchdelay{0%, 40%, 100%{transform:scaleY(0.4)}20%{transform:scaleY(1)}}.display_flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.slider_countdown{margin:40px 20px 20px;text-align:center;position:absolute;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);bottom:180px;left:48% !important;color:white}.slider_countdown div{display:inline-block;font-size:16px;list-style-type:none;padding-left:5px;padding-right:5px;padding-top:0;padding-bottom:0;text-transform:uppercase}.slider_countdown .days{font-weight:600}.slider_countdown .date{display:block;font-size:4.5rem}.slider_countdown .title_format{font-weight:600}@media screen and (max-width: 800px){.slider_countdown{display:inline-block;width:380px;top:330px;left:45% !important}.slider_countdown div{font-size:10px}.slider_countdown .date{font-size:2.5rem}}.popup-agency-signup,.popup-agency-login,.popup-agency-profile,.popup-agency-reservations,.popup-agency-recovery,.popup-agency-reset{background:white;max-width:100%;max-height:calc(100vh - 100px);overflow:auto;padding:20px}.popup-agency-signup .message,.popup-agency-login .message,.popup-agency-profile .message,.popup-agency-reservations .message,.popup-agency-recovery .message,.popup-agency-reset .message{display:block;padding:7px 14px;background:#fafafa;border-radius:3px;margin:5px auto;text-align:center}.popup-agency-signup .message.m_ok,.popup-agency-login .message.m_ok,.popup-agency-profile .message.m_ok,.popup-agency-reservations .message.m_ok,.popup-agency-recovery .message.m_ok,.popup-agency-reset .message.m_ok{color:#35A853}.popup-agency-signup .message.m_ko,.popup-agency-login .message.m_ko,.popup-agency-profile .message.m_ko,.popup-agency-reservations .message.m_ko,.popup-agency-recovery .message.m_ko,.popup-agency-reset .message.m_ko{color:#FBBC03}.popup-agency-signup .input_wrapper,.popup-agency-login .input_wrapper,.popup-agency-profile .input_wrapper,.popup-agency-reservations .input_wrapper,.popup-agency-recovery .input_wrapper,.popup-agency-reset .input_wrapper{padding:10px 5px}.popup-agency-signup .input_wrapper.input_inline,.popup-agency-login .input_wrapper.input_inline,.popup-agency-profile .input_wrapper.input_inline,.popup-agency-reservations .input_wrapper.input_inline,.popup-agency-recovery .input_wrapper.input_inline,.popup-agency-reset .input_wrapper.input_inline{display:inline-block;vertical-align:middle}.popup-agency-signup .input_wrapper.input_inline label,.popup-agency-login .input_wrapper.input_inline label,.popup-agency-profile .input_wrapper.input_inline label,.popup-agency-reservations .input_wrapper.input_inline label,.popup-agency-recovery .input_wrapper.input_inline label,.popup-agency-reset .input_wrapper.input_inline label{display:inline-block;vertical-align:middle;padding:5px 10px 5px 0}.popup-agency-signup .input_wrapper.input_inline .input,.popup-agency-login .input_wrapper.input_inline .input,.popup-agency-profile .input_wrapper.input_inline .input,.popup-agency-reservations .input_wrapper.input_inline .input,.popup-agency-recovery .input_wrapper.input_inline .input,.popup-agency-reset .input_wrapper.input_inline .input{display:inline-block;vertical-align:middle}.popup-agency-signup .input_wrapper.input_inline .input+label,.popup-agency-login .input_wrapper.input_inline .input+label,.popup-agency-profile .input_wrapper.input_inline .input+label,.popup-agency-reservations .input_wrapper.input_inline .input+label,.popup-agency-recovery .input_wrapper.input_inline .input+label,.popup-agency-reset .input_wrapper.input_inline .input+label{padding-left:10px}.popup-agency-signup .input_wrapper.input_inline .input:not(.checkbox),.popup-agency-login .input_wrapper.input_inline .input:not(.checkbox),.popup-agency-profile .input_wrapper.input_inline .input:not(.checkbox),.popup-agency-reservations .input_wrapper.input_inline .input:not(.checkbox),.popup-agency-recovery .input_wrapper.input_inline .input:not(.checkbox),.popup-agency-reset .input_wrapper.input_inline .input:not(.checkbox){width:200px}.popup-agency-signup .input_wrapper.input_inline .input:not(.checkbox).input_small,.popup-agency-login .input_wrapper.input_inline .input:not(.checkbox).input_small,.popup-agency-profile .input_wrapper.input_inline .input:not(.checkbox).input_small,.popup-agency-reservations .input_wrapper.input_inline .input:not(.checkbox).input_small,.popup-agency-recovery .input_wrapper.input_inline .input:not(.checkbox).input_small,.popup-agency-reset .input_wrapper.input_inline .input:not(.checkbox).input_small{width:100px}.popup-agency-signup .input_wrapper.input_inline.input_center,.popup-agency-login .input_wrapper.input_inline.input_center,.popup-agency-profile .input_wrapper.input_inline.input_center,.popup-agency-reservations .input_wrapper.input_inline.input_center,.popup-agency-recovery .input_wrapper.input_inline.input_center,.popup-agency-reset .input_wrapper.input_inline.input_center{text-align:center;width:100%}.popup-agency-signup .input_wrapper.input_inline .btn,.popup-agency-login .input_wrapper.input_inline .btn,.popup-agency-profile .input_wrapper.input_inline .btn,.popup-agency-reservations .input_wrapper.input_inline .btn,.popup-agency-recovery .input_wrapper.input_inline .btn,.popup-agency-reset .input_wrapper.input_inline .btn{margin:0 3px}.popup-agency-signup .input_wrapper.input_inline_checkbox,.popup-agency-login .input_wrapper.input_inline_checkbox,.popup-agency-profile .input_wrapper.input_inline_checkbox,.popup-agency-reservations .input_wrapper.input_inline_checkbox,.popup-agency-recovery .input_wrapper.input_inline_checkbox,.popup-agency-reset .input_wrapper.input_inline_checkbox{position:relative}.popup-agency-signup .input_wrapper.input_inline_checkbox label,.popup-agency-login .input_wrapper.input_inline_checkbox label,.popup-agency-profile .input_wrapper.input_inline_checkbox label,.popup-agency-reservations .input_wrapper.input_inline_checkbox label,.popup-agency-recovery .input_wrapper.input_inline_checkbox label,.popup-agency-reset .input_wrapper.input_inline_checkbox label{display:block;margin-left:30px;padding:0}.popup-agency-signup .input_wrapper.input_inline_checkbox .input,.popup-agency-login .input_wrapper.input_inline_checkbox .input,.popup-agency-profile .input_wrapper.input_inline_checkbox .input,.popup-agency-reservations .input_wrapper.input_inline_checkbox .input,.popup-agency-recovery .input_wrapper.input_inline_checkbox .input,.popup-agency-reset .input_wrapper.input_inline_checkbox .input{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);left:0}.popup-agency-signup .input_wrapper label,.popup-agency-login .input_wrapper label,.popup-agency-profile .input_wrapper label,.popup-agency-reservations .input_wrapper label,.popup-agency-recovery .input_wrapper label,.popup-agency-reset .input_wrapper label{display:block;padding-bottom:5px;font-size:14px;color:#3D3D3D}.popup-agency-signup .input_wrapper .input,.popup-agency-login .input_wrapper .input,.popup-agency-profile .input_wrapper .input,.popup-agency-reservations .input_wrapper .input,.popup-agency-recovery .input_wrapper .input,.popup-agency-reset .input_wrapper .input{position:relative}.popup-agency-signup .input_wrapper .input.input_ok input,.popup-agency-signup .input_wrapper .input.input_ok input:focus,.popup-agency-login .input_wrapper .input.input_ok input,.popup-agency-login .input_wrapper .input.input_ok input:focus,.popup-agency-profile .input_wrapper .input.input_ok input,.popup-agency-profile .input_wrapper .input.input_ok input:focus,.popup-agency-reservations .input_wrapper .input.input_ok input,.popup-agency-reservations .input_wrapper .input.input_ok input:focus,.popup-agency-recovery .input_wrapper .input.input_ok input,.popup-agency-recovery .input_wrapper .input.input_ok input:focus,.popup-agency-reset .input_wrapper .input.input_ok input,.popup-agency-reset .input_wrapper .input.input_ok input:focus{border-color:#35A853}.popup-agency-signup .input_wrapper .input.input_ok:after,.popup-agency-login .input_wrapper .input.input_ok:after,.popup-agency-profile .input_wrapper .input.input_ok:after,.popup-agency-reservations .input_wrapper .input.input_ok:after,.popup-agency-recovery .input_wrapper .input.input_ok:after,.popup-agency-reset .input_wrapper .input.input_ok:after{content:'\f058';font-family:"Font Awesome 5 Pro", sans-serif;font-weight:900;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);right:5px;color:#35A853}.popup-agency-signup .input_wrapper .input.input_ko,.popup-agency-login .input_wrapper .input.input_ko,.popup-agency-profile .input_wrapper .input.input_ko,.popup-agency-reservations .input_wrapper .input.input_ko,.popup-agency-recovery .input_wrapper .input.input_ko,.popup-agency-reset .input_wrapper .input.input_ko{margin-bottom:20px}.popup-agency-signup .input_wrapper .input.input_ko input,.popup-agency-signup .input_wrapper .input.input_ko input:focus,.popup-agency-login .input_wrapper .input.input_ko input,.popup-agency-login .input_wrapper .input.input_ko input:focus,.popup-agency-profile .input_wrapper .input.input_ko input,.popup-agency-profile .input_wrapper .input.input_ko input:focus,.popup-agency-reservations .input_wrapper .input.input_ko input,.popup-agency-reservations .input_wrapper .input.input_ko input:focus,.popup-agency-recovery .input_wrapper .input.input_ko input,.popup-agency-recovery .input_wrapper .input.input_ko input:focus,.popup-agency-reset .input_wrapper .input.input_ko input,.popup-agency-reset .input_wrapper .input.input_ko input:focus{border-color:#EA4336}.popup-agency-signup .input_wrapper .input.input_ko:after,.popup-agency-login .input_wrapper .input.input_ko:after,.popup-agency-profile .input_wrapper .input.input_ko:after,.popup-agency-reservations .input_wrapper .input.input_ko:after,.popup-agency-recovery .input_wrapper .input.input_ko:after,.popup-agency-reset .input_wrapper .input.input_ko:after{content:'\f06a';font-family:"Font Awesome 5 Pro", sans-serif;font-weight:900;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);right:5px;color:#EA4336}.popup-agency-signup .input_wrapper .input .tooltip,.popup-agency-login .input_wrapper .input .tooltip,.popup-agency-profile .input_wrapper .input .tooltip,.popup-agency-reservations .input_wrapper .input .tooltip,.popup-agency-recovery .input_wrapper .input .tooltip,.popup-agency-reset .input_wrapper .input .tooltip{position:absolute;top:100%;background:rgba(220,220,220,0.6);color:#999;display:block;padding:2px;width:100%;text-align:center;border-radius:3px}.popup-agency-signup .input_wrapper .input .password_toggle,.popup-agency-login .input_wrapper .input .password_toggle,.popup-agency-profile .input_wrapper .input .password_toggle,.popup-agency-reservations .input_wrapper .input .password_toggle,.popup-agency-recovery .input_wrapper .input .password_toggle,.popup-agency-reset .input_wrapper .input .password_toggle{position:absolute;bottom:1px;left:0;display:inline-block;width:25px;height:25px;cursor:pointer}.popup-agency-signup .input_wrapper .input .password_toggle.active:before,.popup-agency-login .input_wrapper .input .password_toggle.active:before,.popup-agency-profile .input_wrapper .input .password_toggle.active:before,.popup-agency-reservations .input_wrapper .input .password_toggle.active:before,.popup-agency-recovery .input_wrapper .input .password_toggle.active:before,.popup-agency-reset .input_wrapper .input .password_toggle.active:before{content:'\f06e'}.popup-agency-signup .input_wrapper .input .password_toggle:before,.popup-agency-login .input_wrapper .input .password_toggle:before,.popup-agency-profile .input_wrapper .input .password_toggle:before,.popup-agency-reservations .input_wrapper .input .password_toggle:before,.popup-agency-recovery .input_wrapper .input .password_toggle:before,.popup-agency-reset .input_wrapper .input .password_toggle:before{content:'\f070';font-family:"Font Awesome 5 Pro", sans-serif;font-weight:300;color:#4b4b4b;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.popup-agency-signup .input_wrapper .input .password_toggle+input,.popup-agency-login .input_wrapper .input .password_toggle+input,.popup-agency-profile .input_wrapper .input .password_toggle+input,.popup-agency-reservations .input_wrapper .input .password_toggle+input,.popup-agency-recovery .input_wrapper .input .password_toggle+input,.popup-agency-reset .input_wrapper .input .password_toggle+input{padding-left:30px}.popup-agency-signup .input_wrapper .input.select,.popup-agency-login .input_wrapper .input.select,.popup-agency-profile .input_wrapper .input.select,.popup-agency-reservations .input_wrapper .input.select,.popup-agency-recovery .input_wrapper .input.select,.popup-agency-reset .input_wrapper .input.select{position:relative}.popup-agency-signup .input_wrapper .input.select:after,.popup-agency-login .input_wrapper .input.select:after,.popup-agency-profile .input_wrapper .input.select:after,.popup-agency-reservations .input_wrapper .input.select:after,.popup-agency-recovery .input_wrapper .input.select:after,.popup-agency-reset .input_wrapper .input.select:after{content:'\f107';font-family:"Font Awesome 5 Pro", sans-serif;font-weight:900;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);right:5px;color:#3D3D3D}.popup-agency-signup .input_wrapper .input.select select,.popup-agency-login .input_wrapper .input.select select,.popup-agency-profile .input_wrapper .input.select select,.popup-agency-reservations .input_wrapper .input.select select,.popup-agency-recovery .input_wrapper .input.select select,.popup-agency-reset .input_wrapper .input.select select{position:relative;z-index:2}.popup-agency-signup .input_wrapper .input.select .select2.select2-container,.popup-agency-login .input_wrapper .input.select .select2.select2-container,.popup-agency-profile .input_wrapper .input.select .select2.select2-container,.popup-agency-reservations .input_wrapper .input.select .select2.select2-container,.popup-agency-recovery .input_wrapper .input.select .select2.select2-container,.popup-agency-reset .input_wrapper .input.select .select2.select2-container{width:100% !important}.popup-agency-signup .input_wrapper .input.select .select2.select2-container .select2-selection,.popup-agency-login .input_wrapper .input.select .select2.select2-container .select2-selection,.popup-agency-profile .input_wrapper .input.select .select2.select2-container .select2-selection,.popup-agency-reservations .input_wrapper .input.select .select2.select2-container .select2-selection,.popup-agency-recovery .input_wrapper .input.select .select2.select2-container .select2-selection,.popup-agency-reset .input_wrapper .input.select .select2.select2-container .select2-selection{border-color:#ededed}.popup-agency-signup .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,.popup-agency-login .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,.popup-agency-profile .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,.popup-agency-reservations .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,.popup-agency-recovery .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice,.popup-agency-reset .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice{border-color:#ededed;background:#fafafa;padding:3px 5px;margin:5px 5px 3px 0}.popup-agency-signup .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,.popup-agency-login .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,.popup-agency-profile .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,.popup-agency-reservations .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,.popup-agency-recovery .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,.popup-agency-reset .input_wrapper .input.select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{float:right;margin-left:5px}.popup-agency-signup .input_wrapper .input.textarea .extra_buttons,.popup-agency-login .input_wrapper .input.textarea .extra_buttons,.popup-agency-profile .input_wrapper .input.textarea .extra_buttons,.popup-agency-reservations .input_wrapper .input.textarea .extra_buttons,.popup-agency-recovery .input_wrapper .input.textarea .extra_buttons,.popup-agency-reset .input_wrapper .input.textarea .extra_buttons{top:7px;-webkit-transform:unset;-moz-transform:unset;-ms-transform:unset;-o-transform:unset;transform:unset}.popup-agency-signup .input_wrapper .input.search,.popup-agency-login .input_wrapper .input.search,.popup-agency-profile .input_wrapper .input.search,.popup-agency-reservations .input_wrapper .input.search,.popup-agency-recovery .input_wrapper .input.search,.popup-agency-reset .input_wrapper .input.search{position:relative}.popup-agency-signup .input_wrapper .input.search:after,.popup-agency-login .input_wrapper .input.search:after,.popup-agency-profile .input_wrapper .input.search:after,.popup-agency-reservations .input_wrapper .input.search:after,.popup-agency-recovery .input_wrapper .input.search:after,.popup-agency-reset .input_wrapper .input.search:after{content:'\f002';font-family:"Font Awesome 5 Pro", sans-serif;font-weight:300;font-size:20px;position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);right:5px;color:#3D3D3D}.popup-agency-signup .input_wrapper .input.search input,.popup-agency-login .input_wrapper .input.search input,.popup-agency-profile .input_wrapper .input.search input,.popup-agency-reservations .input_wrapper .input.search input,.popup-agency-recovery .input_wrapper .input.search input,.popup-agency-reset .input_wrapper .input.search input{position:relative;z-index:2}.popup-agency-signup .input_wrapper .input.switch input[type=checkbox],.popup-agency-login .input_wrapper .input.switch input[type=checkbox],.popup-agency-profile .input_wrapper .input.switch input[type=checkbox],.popup-agency-reservations .input_wrapper .input.switch input[type=checkbox],.popup-agency-recovery .input_wrapper .input.switch input[type=checkbox],.popup-agency-reset .input_wrapper .input.switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ededed;border-width:0;width:22px;height:12px;border-radius:8px;position:relative;outline:none;cursor:pointer}.popup-agency-signup .input_wrapper .input.switch input[type=checkbox]:before,.popup-agency-login .input_wrapper .input.switch input[type=checkbox]:before,.popup-agency-profile .input_wrapper .input.switch input[type=checkbox]:before,.popup-agency-reservations .input_wrapper .input.switch input[type=checkbox]:before,.popup-agency-recovery .input_wrapper .input.switch input[type=checkbox]:before,.popup-agency-reset .input_wrapper .input.switch input[type=checkbox]:before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#EA4336;position:absolute;top:2px;left:3px;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}.popup-agency-signup .input_wrapper .input.switch input[type=checkbox]:checked:before,.popup-agency-login .input_wrapper .input.switch input[type=checkbox]:checked:before,.popup-agency-profile .input_wrapper .input.switch input[type=checkbox]:checked:before,.popup-agency-reservations .input_wrapper .input.switch input[type=checkbox]:checked:before,.popup-agency-recovery .input_wrapper .input.switch input[type=checkbox]:checked:before,.popup-agency-reset .input_wrapper .input.switch input[type=checkbox]:checked:before{background:#35A853;left:auto;right:3px}.popup-agency-signup .input_wrapper .input.checkbox:not(.switch),.popup-agency-login .input_wrapper .input.checkbox:not(.switch),.popup-agency-profile .input_wrapper .input.checkbox:not(.switch),.popup-agency-reservations .input_wrapper .input.checkbox:not(.switch),.popup-agency-recovery .input_wrapper .input.checkbox:not(.switch),.popup-agency-reset .input_wrapper .input.checkbox:not(.switch){display:inline-block;vertical-align:middle;white-space:nowrap}.popup-agency-signup .input_wrapper .input.checkbox:not(.switch) input[type=checkbox],.popup-agency-login .input_wrapper .input.checkbox:not(.switch) input[type=checkbox],.popup-agency-profile .input_wrapper .input.checkbox:not(.switch) input[type=checkbox],.popup-agency-reservations .input_wrapper .input.checkbox:not(.switch) input[type=checkbox],.popup-agency-recovery .input_wrapper .input.checkbox:not(.switch) input[type=checkbox],.popup-agency-reset .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]{position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cdcdcd;border-radius:0;width:16px;height:16px;padding:0;margin:0 0 0 10px;outline:none}.popup-agency-signup .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:checked:before,.popup-agency-login .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:checked:before,.popup-agency-profile .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:checked:before,.popup-agency-reservations .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:checked:before,.popup-agency-recovery .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:checked:before,.popup-agency-reset .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:checked:before{content:'\f00c';font-family:"Font Awesome 5 Pro", sans-serif;font-weight:900;color:#4285F4;font-size:10px;line-height:15px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.popup-agency-signup .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:hover,.popup-agency-login .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:hover,.popup-agency-profile .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:hover,.popup-agency-reservations .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:hover,.popup-agency-recovery .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:hover,.popup-agency-reset .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]:hover{border-color:#4285F4}.popup-agency-signup .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]+span,.popup-agency-login .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]+span,.popup-agency-profile .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]+span,.popup-agency-reservations .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]+span,.popup-agency-recovery .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]+span,.popup-agency-reset .input_wrapper .input.checkbox:not(.switch) input[type=checkbox]+span{display:inline-block;vertical-align:middle;width:calc(100% - 45px);margin-left:10px}.popup-agency-signup .input_wrapper .input.checkbox:not(.switch) label,.popup-agency-login .input_wrapper .input.checkbox:not(.switch) label,.popup-agency-profile .input_wrapper .input.checkbox:not(.switch) label,.popup-agency-reservations .input_wrapper .input.checkbox:not(.switch) label,.popup-agency-recovery .input_wrapper .input.checkbox:not(.switch) label,.popup-agency-reset .input_wrapper .input.checkbox:not(.switch) label{display:inline-block}.popup-agency-signup .input_wrapper .input.hasDatepicker,.popup-agency-login .input_wrapper .input.hasDatepicker,.popup-agency-profile .input_wrapper .input.hasDatepicker,.popup-agency-reservations .input_wrapper .input.hasDatepicker,.popup-agency-recovery .input_wrapper .input.hasDatepicker,.popup-agency-reset .input_wrapper .input.hasDatepicker{position:relative}.popup-agency-signup .input_wrapper .input.hasDatepicker i,.popup-agency-login .input_wrapper .input.hasDatepicker i,.popup-agency-profile .input_wrapper .input.hasDatepicker i,.popup-agency-reservations .input_wrapper .input.hasDatepicker i,.popup-agency-recovery .input_wrapper .input.hasDatepicker i,.popup-agency-reset .input_wrapper .input.hasDatepicker i{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);right:5px;color:#3D3D3D}.popup-agency-signup .input_wrapper .input .extra_buttons,.popup-agency-login .input_wrapper .input .extra_buttons,.popup-agency-profile .input_wrapper .input .extra_buttons,.popup-agency-reservations .input_wrapper .input .extra_buttons,.popup-agency-recovery .input_wrapper .input .extra_buttons,.popup-agency-reset .input_wrapper .input .extra_buttons{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);right:7px}.popup-agency-signup .input_wrapper .input .extra_buttons i,.popup-agency-login .input_wrapper .input .extra_buttons i,.popup-agency-profile .input_wrapper .input .extra_buttons i,.popup-agency-reservations .input_wrapper .input .extra_buttons i,.popup-agency-recovery .input_wrapper .input .extra_buttons i,.popup-agency-reset .input_wrapper .input .extra_buttons i{color:#3D3D3D;cursor:pointer;margin:0 0 0 5px}.popup-agency-signup .input_wrapper .input input,.popup-agency-signup .input_wrapper .input select,.popup-agency-signup .input_wrapper .input textarea,.popup-agency-login .input_wrapper .input input,.popup-agency-login .input_wrapper .input select,.popup-agency-login .input_wrapper .input textarea,.popup-agency-profile .input_wrapper .input input,.popup-agency-profile .input_wrapper .input select,.popup-agency-profile .input_wrapper .input textarea,.popup-agency-reservations .input_wrapper .input input,.popup-agency-reservations .input_wrapper .input select,.popup-agency-reservations .input_wrapper .input textarea,.popup-agency-recovery .input_wrapper .input input,.popup-agency-recovery .input_wrapper .input select,.popup-agency-recovery .input_wrapper .input textarea,.popup-agency-reset .input_wrapper .input input,.popup-agency-reset .input_wrapper .input select,.popup-agency-reset .input_wrapper .input textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:14px;background:rgba(53,168,83,0.1);border-radius:3px;border-width:0;border-bottom:1px solid #ededed;padding:7px 14px;outline:none}.popup-agency-signup .input_wrapper .input input:focus,.popup-agency-signup .input_wrapper .input select:focus,.popup-agency-signup .input_wrapper .input textarea:focus,.popup-agency-login .input_wrapper .input input:focus,.popup-agency-login .input_wrapper .input select:focus,.popup-agency-login .input_wrapper .input textarea:focus,.popup-agency-profile .input_wrapper .input input:focus,.popup-agency-profile .input_wrapper .input select:focus,.popup-agency-profile .input_wrapper .input textarea:focus,.popup-agency-reservations .input_wrapper .input input:focus,.popup-agency-reservations .input_wrapper .input select:focus,.popup-agency-reservations .input_wrapper .input textarea:focus,.popup-agency-recovery .input_wrapper .input input:focus,.popup-agency-recovery .input_wrapper .input select:focus,.popup-agency-recovery .input_wrapper .input textarea:focus,.popup-agency-reset .input_wrapper .input input:focus,.popup-agency-reset .input_wrapper .input select:focus,.popup-agency-reset .input_wrapper .input textarea:focus{border-color:#3D3D3D}.popup-agency-signup .input_wrapper .input textarea,.popup-agency-login .input_wrapper .input textarea,.popup-agency-profile .input_wrapper .input textarea,.popup-agency-reservations .input_wrapper .input textarea,.popup-agency-recovery .input_wrapper .input textarea,.popup-agency-reset .input_wrapper .input textarea{width:100%;height:100px;resize:vertical}.popup-agency-signup .input_wrapper .input select,.popup-agency-login .input_wrapper .input select,.popup-agency-profile .input_wrapper .input select,.popup-agency-reservations .input_wrapper .input select,.popup-agency-recovery .input_wrapper .input select,.popup-agency-reset .input_wrapper .input select{padding-right:30px}.popup-agency-signup .input_wrapper .separator,.popup-agency-login .input_wrapper .separator,.popup-agency-profile .input_wrapper .separator,.popup-agency-reservations .input_wrapper .separator,.popup-agency-recovery .input_wrapper .separator,.popup-agency-reset .input_wrapper .separator{display:block;height:1px;width:100%;background:#ededed}.popup-agency-signup .row,.popup-agency-login .row,.popup-agency-profile .row,.popup-agency-reservations .row,.popup-agency-recovery .row,.popup-agency-reset .row{position:relative;display:table;width:100%}.popup-agency-signup .row.row_to_copy,.popup-agency-login .row.row_to_copy,.popup-agency-profile .row.row_to_copy,.popup-agency-reservations .row.row_to_copy,.popup-agency-recovery .row.row_to_copy,.popup-agency-reset .row.row_to_copy{display:none}.popup-agency-signup .row .delete_row,.popup-agency-login .row .delete_row,.popup-agency-profile .row .delete_row,.popup-agency-reservations .row .delete_row,.popup-agency-recovery .row .delete_row,.popup-agency-reset .row .delete_row{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);right:10px;color:#EA4336;cursor:pointer}.popup-agency-signup .btn_wrapper,.popup-agency-login .btn_wrapper,.popup-agency-profile .btn_wrapper,.popup-agency-reservations .btn_wrapper,.popup-agency-recovery .btn_wrapper,.popup-agency-reset .btn_wrapper{padding:10px 5px;text-align:center}.popup-agency-signup .btn_wrapper .btn,.popup-agency-login .btn_wrapper .btn,.popup-agency-profile .btn_wrapper .btn,.popup-agency-reservations .btn_wrapper .btn,.popup-agency-recovery .btn_wrapper .btn,.popup-agency-reset .btn_wrapper .btn{width:100%;margin:3px 0}.popup-agency-signup .btn,.popup-agency-login .btn,.popup-agency-profile .btn,.popup-agency-reservations .btn,.popup-agency-recovery .btn,.popup-agency-reset .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3D3D3D;border-color:#3D3D3D;color:white;padding:10px 25px;border-radius:3px;text-transform:uppercase;font-weight:bold;letter-spacing:1px;cursor:pointer;outline:none;position:relative;z-index:2}.popup-agency-signup .btn:before,.popup-agency-login .btn:before,.popup-agency-profile .btn:before,.popup-agency-reservations .btn:before,.popup-agency-recovery .btn:before,.popup-agency-reset .btn:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1;width:100%;height:0;background:transparent;-webkit-transition:height .6s;-moz-transition:height .6s;-ms-transition:height .6s;-o-transition:height .6s;transition:height .6s}.popup-agency-signup .btn:hover:before,.popup-agency-signup .btn.active:before,.popup-agency-login .btn:hover:before,.popup-agency-login .btn.active:before,.popup-agency-profile .btn:hover:before,.popup-agency-profile .btn.active:before,.popup-agency-reservations .btn:hover:before,.popup-agency-reservations .btn.active:before,.popup-agency-recovery .btn:hover:before,.popup-agency-recovery .btn.active:before,.popup-agency-reset .btn:hover:before,.popup-agency-reset .btn.active:before{height:100%;background:rgba(0,0,0,0.15)}.popup-agency-signup .btn.btn_inline,.popup-agency-login .btn.btn_inline,.popup-agency-profile .btn.btn_inline,.popup-agency-reservations .btn.btn_inline,.popup-agency-recovery .btn.btn_inline,.popup-agency-reset .btn.btn_inline{display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:10px}.popup-agency-signup .btn.btn_small,.popup-agency-login .btn.btn_small,.popup-agency-profile .btn.btn_small,.popup-agency-reservations .btn.btn_small,.popup-agency-recovery .btn.btn_small,.popup-agency-reset .btn.btn_small{padding:5px 10px}.popup-agency-signup .btn.btn_link,.popup-agency-login .btn.btn_link,.popup-agency-profile .btn.btn_link,.popup-agency-reservations .btn.btn_link,.popup-agency-recovery .btn.btn_link,.popup-agency-reset .btn.btn_link{background:transparent;color:#3D3D3D}.popup-agency-signup .btn.btn_disable,.popup-agency-login .btn.btn_disable,.popup-agency-profile .btn.btn_disable,.popup-agency-reservations .btn.btn_disable,.popup-agency-recovery .btn.btn_disable,.popup-agency-reset .btn.btn_disable{background:#cdcdcd;border-color:#ededed;cursor:not-allowed}.popup-agency-signup .btn.btn_switch,.popup-agency-login .btn.btn_switch,.popup-agency-profile .btn.btn_switch,.popup-agency-reservations .btn.btn_switch,.popup-agency-recovery .btn.btn_switch,.popup-agency-reset .btn.btn_switch{background:transparent;color:#3D3D3D}.popup-agency-signup .btn.btn_switch.active,.popup-agency-login .btn.btn_switch.active,.popup-agency-profile .btn.btn_switch.active,.popup-agency-reservations .btn.btn_switch.active,.popup-agency-recovery .btn.btn_switch.active,.popup-agency-reset .btn.btn_switch.active{background:#3D3D3D;color:white}.popup-agency-signup .btn.btn_loading,.popup-agency-login .btn.btn_loading,.popup-agency-profile .btn.btn_loading,.popup-agency-reservations .btn.btn_loading,.popup-agency-recovery .btn.btn_loading,.popup-agency-reset .btn.btn_loading{opacity:0.5;cursor:not-allowed;position:relative;color:transparent;font-size:0;overflow:hidden}.popup-agency-signup .btn.btn_loading:after,.popup-agency-login .btn.btn_loading:after,.popup-agency-profile .btn.btn_loading:after,.popup-agency-reservations .btn.btn_loading:after,.popup-agency-recovery .btn.btn_loading:after,.popup-agency-reset .btn.btn_loading:after{display:block;color:white;content:'\f1ce';font-size:18px;font-family:"Font Awesome 5 Pro", sans-serif;font-weight:900;-webkit-animation:btn-spin 2s linear infinite;animation:btn-spin 2s linear infinite}.popup-agency-signup .cols .col1,.popup-agency-signup .cols .col2,.popup-agency-signup .cols .col3,.popup-agency-signup .cols .col4,.popup-agency-signup .cols .col5,.popup-agency-login .cols .col1,.popup-agency-login .cols .col2,.popup-agency-login .cols .col3,.popup-agency-login .cols .col4,.popup-agency-login .cols .col5,.popup-agency-profile .cols .col1,.popup-agency-profile .cols .col2,.popup-agency-profile .cols .col3,.popup-agency-profile .cols .col4,.popup-agency-profile .cols .col5,.popup-agency-reservations .cols .col1,.popup-agency-reservations .cols .col2,.popup-agency-reservations .cols .col3,.popup-agency-reservations .cols .col4,.popup-agency-reservations .cols .col5,.popup-agency-recovery .cols .col1,.popup-agency-recovery .cols .col2,.popup-agency-recovery .cols .col3,.popup-agency-recovery .cols .col4,.popup-agency-recovery .cols .col5,.popup-agency-reset .cols .col1,.popup-agency-reset .cols .col2,.popup-agency-reset .cols .col3,.popup-agency-reset .cols .col4,.popup-agency-reset .cols .col5{display:inline-block;vertical-align:top}.popup-agency-signup .cols .col1,.popup-agency-login .cols .col1,.popup-agency-profile .cols .col1,.popup-agency-reservations .cols .col1,.popup-agency-recovery .cols .col1,.popup-agency-reset .cols .col1{width:100%}.popup-agency-signup .cols .col2,.popup-agency-login .cols .col2,.popup-agency-profile .cols .col2,.popup-agency-reservations .cols .col2,.popup-agency-recovery .cols .col2,.popup-agency-reset .cols .col2{width:calc(50% - 3px)}.popup-agency-signup .cols .col3,.popup-agency-login .cols .col3,.popup-agency-profile .cols .col3,.popup-agency-reservations .cols .col3,.popup-agency-recovery .cols .col3,.popup-agency-reset .cols .col3{width:calc((100% / 3) - 3px)}@media (max-width: 850px){.popup-agency-signup .cols .col2,.popup-agency-signup .cols .col3,.popup-agency-signup .cols .col4,.popup-agency-signup .cols .col5,.popup-agency-login .cols .col2,.popup-agency-login .cols .col3,.popup-agency-login .cols .col4,.popup-agency-login .cols .col5,.popup-agency-profile .cols .col2,.popup-agency-profile .cols .col3,.popup-agency-profile .cols .col4,.popup-agency-profile .cols .col5,.popup-agency-reservations .cols .col2,.popup-agency-reservations .cols .col3,.popup-agency-reservations .cols .col4,.popup-agency-reservations .cols .col5,.popup-agency-recovery .cols .col2,.popup-agency-recovery .cols .col3,.popup-agency-recovery .cols .col4,.popup-agency-recovery .cols .col5,.popup-agency-reset .cols .col2,.popup-agency-reset .cols .col3,.popup-agency-reset .cols .col4,.popup-agency-reset .cols .col5{display:block;width:95%;margin:5px auto}.popup-agency-signup .md-break,.popup-agency-login .md-break,.popup-agency-profile .md-break,.popup-agency-reservations .md-break,.popup-agency-recovery .md-break,.popup-agency-reset .md-break{display:block;margin:5px 0}}.popup-agency-signup *,.popup-agency-login *,.popup-agency-profile *,.popup-agency-reservations *,.popup-agency-recovery *,.popup-agency-reset *{font-family:"Poppins", sans-serif;box-sizing:border-box}.popup-agency-signup img,.popup-agency-login img,.popup-agency-profile img,.popup-agency-reservations img,.popup-agency-recovery img,.popup-agency-reset img{display:block;margin:auto}.popup-agency-signup .title,.popup-agency-login .title,.popup-agency-profile .title,.popup-agency-reservations .title,.popup-agency-recovery .title,.popup-agency-reset .title{text-transform:uppercase;font-weight:bold;text-align:center}.popup-agency-signup .input_wrapper .input.input_ko:after,.popup-agency-signup .input_wrapper .input.input_ko:after,.popup-agency-signup .input_wrapper .input.input_ok:after,.popup-agency-signup .input_wrapper .input.input_ok:after,.popup-agency-login .input_wrapper .input.input_ko:after,.popup-agency-login .input_wrapper .input.input_ko:after,.popup-agency-login .input_wrapper .input.input_ok:after,.popup-agency-login .input_wrapper .input.input_ok:after,.popup-agency-profile .input_wrapper .input.input_ko:after,.popup-agency-profile .input_wrapper .input.input_ko:after,.popup-agency-profile .input_wrapper .input.input_ok:after,.popup-agency-profile .input_wrapper .input.input_ok:after,.popup-agency-reservations .input_wrapper .input.input_ko:after,.popup-agency-reservations .input_wrapper .input.input_ko:after,.popup-agency-reservations .input_wrapper .input.input_ok:after,.popup-agency-reservations .input_wrapper .input.input_ok:after,.popup-agency-recovery .input_wrapper .input.input_ko:after,.popup-agency-recovery .input_wrapper .input.input_ko:after,.popup-agency-recovery .input_wrapper .input.input_ok:after,.popup-agency-recovery .input_wrapper .input.input_ok:after,.popup-agency-reset .input_wrapper .input.input_ko:after,.popup-agency-reset .input_wrapper .input.input_ko:after,.popup-agency-reset .input_wrapper .input.input_ok:after,.popup-agency-reset .input_wrapper .input.input_ok:after{font-family:"fontawesome"}.popup-agency-signup .links,.popup-agency-login .links,.popup-agency-profile .links,.popup-agency-reservations .links,.popup-agency-recovery .links,.popup-agency-reset .links{text-align:center}.popup-agency-signup .links .link,.popup-agency-login .links .link,.popup-agency-profile .links .link,.popup-agency-reservations .links .link,.popup-agency-recovery .links .link,.popup-agency-reset .links .link{display:inline-block;padding:5px;font-size:12px;color:#3D3D3D;border-bottom:1px solid #3D3D3D}.popup-agency-signup .links .link:hover,.popup-agency-login .links .link:hover,.popup-agency-profile .links .link:hover,.popup-agency-reservations .links .link:hover,.popup-agency-recovery .links .link:hover,.popup-agency-reset .links .link:hover{background:#fafafa}.popup-agency-signup .btn.loading,.popup-agency-login .btn.loading,.popup-agency-profile .btn.loading,.popup-agency-reservations .btn.loading,.popup-agency-recovery .btn.loading,.popup-agency-reset .btn.loading{color:transparent;cursor:progress}.popup-agency-signup .btn.loading:before,.popup-agency-login .btn.loading:before,.popup-agency-profile .btn.loading:before,.popup-agency-reservations .btn.loading:before,.popup-agency-recovery .btn.loading:before,.popup-agency-reset .btn.loading:before{content:'\f110';font-family:"fontawesome", sans-serif;font-weight:900;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:20px;width:20px;font-size:20px;color:white;-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}.popup-agency-profile{width:600px}.popup-agency-signup{width:600px}.popup-agency-login{width:300px}.popup-agency-reservations{width:750px}.popup-agency-profile-picture{width:170px}.profile-agency-message{align-items:center;text-align:center;top:60px;position:relative}.iframe-image{float:right !important;width:164px;margin:20px 20px 20px 0px !important}.iframe-image-left{float:left !important}.extra-iframe-license{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between}@-webkit-keyframes fa-spin{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(359deg);transform:translate(-50%, -50%) rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(359deg);transform:translate(-50%, -50%) rotate(359deg)}}table.container{font-family:"Times New Roman", Times, serif;border:1px solid #FFFFFF;width:100%;text-align:center;border-collapse:collapse}table.container td,table.container th{border:1px solid #FFFFFF;padding:3px 2px}table.container tbody td{font-size:13px}table.container tr:nth-child(even){background:#D0E4F5}table.container thead{background:#0B6FA4;border-bottom:5px solid #FFFFFF}table.container thead th{font-size:17px;font-weight:bold;color:#FFFFFF;text-align:center;border-left:2px solid #FFFFFF}table.container thead th:first-child{border-left:none}table.container tfoot{font-size:14px;font-weight:bold;color:#333333;background:#D0E4F5;border-top:3px solid #444444}table.container tfoot td{font-size:14px}
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,700;1,400&display=swap" rel="stylesheet">
<div style="display:none">
    <div class="popup-agency-login">
        <img src="https://lh3.googleusercontent.com/7InRHiZhvzxIC1Yugw89Kn8smsqMBJcAShB-lquT_tss0CnL8jGRreqtozYJXqwZ-qNk9pfivqPIrb5-IXIH5gPeAZSWIu8u3e-R=s150" alt="">
        <div class="login-agency-message message" style="display:none"></div>
        <form id="agency-login-form" name="agency-login-form">
                <div class="input_wrapper input_center">
                    <div class="title">Iniciar sesión</div>
                </div>
                <div class="input_wrapper">
                    <label for="">Usuario</label>
                    <div class="input">
                        <input type="text" name="agency_user" id="agency_user">
                    </div>
                </div>
                <div class="input_wrapper">
                    <label for="">Password</label>
                    <div class="input">
                        <input type="password" name="agency_password"  id="agency_password">
                    </div>
                </div>
            <div class="input_wrapper links">
                <a href="#" class="link" onclick="open_recovery_agency();">¿Has olvidado la contraseña?</a>
            </div>
            <div class="btn_wrapper">
                <input type="submit" value="Enviar" id="submit_login_agency" onclick="send_agency_login();return false;" class="btn">
                <input type="button" value="Regístrate" class="btn btn_link" onclick="open_agency_signup();return false;">
            </div>

        </form>
    </div>
</div>


<script>


$(function() {
    //if we have reload webpage and agency is already user, lets add the input hidden in all booking widgets
    let cookie_agency = searchCookie("logged_agency");

     if (cookie_agency) {
        //let data_decode = atob(cookie_agency.replace("igualigual", "=").replace("masmas", "+").replace("barrabarra","/"));
        let data_decode = atob(cookie_agency.replace(/igualigual/g, '=').replace(/masmas/g, '+').replace(/barrabarra/g, '/'));
        if (data_decode.indexOf("name") > -1) {
            agency_config = jQuery.parseJSON(data_decode);
            let name_agency = agency_config[0].name;

            $(".login-agency-message").html("<h3>Bienvenido " + name_agency + "</h3>").removeClass("m_ko").addClass("m_ok");
            $(".login-agency-message").show();
            $(".popup-agency-login img").attr("src","https://lh3.googleusercontent.com/bML5fUv727u0cjO88Jimk6wOUVbPFF_nH9TuRcNeJOV2sRaKdNjUYkUVjTZX4aP7O4eeaG3YElO2Tt_10cXFSU4-RHd4Oa1Z0z-rbA=s150")
            $("#agency-login-form").hide();

            $(".paraty-booking-form").each(function(){
                $(this).append('<input type="hidden" id="logged_agency" name="logged_agency" value="'+cookie_agency+'">');
            });
        }
     }
});


function open_recovery_agency(){
    $.fancybox.open($(".popup-agency-recovery"), {autoSize: false, width: "450px", height:"auto", wrapCSS: 'popup-start', 'padding': 0});
}

function open_agency_login(){
    $.fancybox.open($(".popup-agency-login"), {wrapCSS: 'popup-start', 'padding': 0});
}

$("#agency-login-form").submit(function () {
    send_agency_login();
    return false;
});

function close_session_agencies() {

    deleteCookie('logged_agency');
    location.reload();
    $("#edit_agencies").style.display="none";
    $("#show_reservations").style.display="none";

}

function send_agency_login() {

    var user_input =  $("#agency-login-form").find("input#agency_user");
    var password_input = $("#agency-login-form").find("input#agency_password")

    var agency_user = user_input.val();
    var agency_password = password_input.val();

    $("#agency-login-form .btn").addClass("loading");

    if (agency_user && agency_password) {

       user_input.parent().removeClass('input_ko');
       password_input.parent().removeClass('input_ko');

        var final_post_dict = {
            username: agency_user,
            password: agency_password,
            hotel_code: "ona-corporativa"
        };
        $.ajax({
            url: 'https://hotel-manager-2-dot-admin-hotel.appspot.com/agency_login',
            type: 'post',
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify(final_post_dict),
            success: function(data){
                let show_error = true;
                console.log("AGENCY: data received: " + data);
                data_decode = atob(data);
                if (data_decode.indexOf("OK") > -1) {
                     console.log("AGENCY: Login OK");
                    agency_config = jQuery.parseJSON(data_decode);
                    console.log("AGENCY JSON: " + agency_config[0].login);
                    if (agency_config[0].login == "OK"){
                        show_error = false;
                        let name_agency = agency_config[0].name;
                        //let info_in_cookie = data.replace("=", "igualigual").replace("+", "masmas").replace("/","barrabarra");
                        let info_in_cookie = data.replace(/\=/g, 'igualigual').replace(/\+/g, 'masmas').replace(/\//g, 'barrabarra');
                        $(".login-agency-message").html("<h3>Bienvenido " + name_agency + "</h3>").removeClass("m_ko").addClass("m_ok");
                        $(".login-agency-message").show();
                        $(".popup-agency-login img").attr("src","https://lh3.googleusercontent.com/bML5fUv727u0cjO88Jimk6wOUVbPFF_nH9TuRcNeJOV2sRaKdNjUYkUVjTZX4aP7O4eeaG3YElO2Tt_10cXFSU4-RHd4Oa1Z0z-rbA=s150")
                        $("#agency-login-form").hide();
                        $(".paraty-booking-form").each(function(){
                            $(this).append('<input type="hidden" id="logged_agency" name="logged_agency" value="'+info_in_cookie+'">');

                        });
                        createCookie('logged_agency', info_in_cookie);
                        <!-- setTimeout(function(){$.fancybox.close();}, 5000); -->
                        $("#agency-logsin-form .btn").removeClass("loading");

                    }
                }
                if (show_error){
                     $(".login-agency-message").html("Usuario o password incorrectos").removeClass("m_ok").addClass("m_ko");
                     $(".login-agency-message").show();
                     $("#agency-login-form .btn").removeClass("loading");
                }
            },
            failure: function(errMsg) {
                $(".login-agency-message").html("Usuario o password incorrectos").removeClass("m_ok").addClass("m_ko");
                console.log(errMsg);
                $(".login-agency-message").show();
                $("#agency-login-form .btn").removeClass("loading");
            },
            error: function(errMsg) {
                $(".login-agency-message").html("Usuario o password incorrectos").removeClass("m_ok").addClass("m_ko");
                console.log(errMsg);
                $(".login-agency-message").show();
                $("#agency-login-form .btn").removeClass("loading");
            }
        });
    }else{
        if (!agency_user){
            user_input.parent().addClass('input_ko');
        }
        if (!agency_password){
            password_input.parent().addClass('input_ko');
        }
    }
}
</script>
<div style="display:none">
    <div class="popup-agency-signup">
        <img src="https://lh3.googleusercontent.com/66tjpo6XpxdcndFcBxmRykol7tR7rq9ViMOkAcU6bEruDi1-hj_IXB3z-aXT08iLtxg2SqsBc8DiTLe8mRTtpCQTowplvL-vYuE2mVc=s300" alt="">
        <form id="agency-signup-form" name="agency-signup-form">
           <div class="cols">
                
                     
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>Nombre de la agencia</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="name" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                           <div class="col1">
                              <p id="label_group_certificate" style="color: red; font-size: 0.8em; display:none;">Por favor, especifique al menos un tipo de certificación</p>
                           </div>
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>IATA</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="iata" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Ciudad</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="city" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Código postal</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="postal_code" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Provincia</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="province" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>País</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="pais" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Teléfono</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="telephone" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Email</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="email" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                <label>CIF</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="cif" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                <label>Dirección completa para la facturación</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="billing_address" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>Usuario</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="username" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>Contraseña</label>
                                <div class="input password">
                                
                                    
                                        
                                        
                                            <span class="password_toggle"></span>
                                            <input type="password" id="password" name="password" >
                                        
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                
                                <div class="input checkbox">
                                
                                    
                                        
                                            <input type="checkbox"  name="send_email_customer">
                                            <label>Enviar bono por email al cliente (sin precios)</label>
                                        
                                        
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                <label>Logotipo</label>
                                <div class="input ">
                                
                                     
                                    <iframe id="iframe_images" width="100%" height="80px" src="https://hotel-manager-2-dot-admin-hotel.appspot.com/external/upload_picture?hotel_code=ona-corporativa&amp;image_name=3685_050520211442&amp;extra=01461c5fd6dfaefe247b5bc30d3657c0&amp;types=image_png,image_jpeg" frameborder="0" allowfullscreen></iframe>
                                    <span style="color:#828282; font-size:0.8em; margin-bottom:3px;top: -8px;position: relative;font-style: italic;">(Solo se admiten ficheros png, jpg y pdf)</span>
                                

                                </div>
                            </div>
                        </div>
                        
                    
                

                  
                     
                  
                     
                  
                     
                  
                     
                  
                     
                  
                     
                  
                     
                  
                     
                            <input type="hidden" name="posible_logotype"  value="https://cdn.paraty.es/ona-corporativa/images/external/3685_050520211442">
                     
                  
                     
                  
                     
                  
                     
                  
                     
                  
                     
                  
                     
                  
                     
                  
                <div class="col1">
                </div>
                
                    <div class="contInput captcha">
                        <script src='https://www.google.com/recaptcha/api.js'></script>
                        <div class="g-recaptcha" data-sitekey="6Ldsfe8UAAAAAA48P9GVMHGtS_TWjhFWaeMp7iUu"></div>
                    </div>
                
            </div>
            <div class="signup-agency-message message" style="display:none"></div>
            <div class="input_wrapper input_center">
                <button id="signup_button" class="btn" type="button">Solicitar alta</button>
            </div>
        </form>
        <div class="result-agency-message message" style="display:none"></div>

    </div>
</div>


<script>

$(".password_toggle").click(function () {
    $(this).toggleClass("active");
    let input_toggle = $("#password");
    console.log(input_toggle.attr("type"));
    if (input_toggle.attr("type") == "password") {
        input_toggle.prop("type", "text");
    } else {
        input_toggle.prop("type", "password");
    }
});

function open_agency_signup() {
    $.fancybox.open($(".popup-agency-signup"), {wrapCSS: 'popup-agencies-signup_wrapper','width':800, 'padding': 0});
}

window.onmessage = function(e) {

    if (e.data.event_id == 'modify') {

         if (e.data.data == 'upload_ok') {
            if (validate_profile_form()) {
                console.log("Submit...%cPost Message OK", 'color: #64daff;');
                $("#agency-profile-form").submit();
            } else {
                $(".profile-agency-message").html("Por favor, revise los datos introducidos. Algunos faltan o son incorrectos.");
                $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".profile-agency-message").show();

                console.log("Error");
                $("#profile-signup-form .btn").removeClass("loading");

            }

         } else if (e.data.data == 'upload_ko') {

            if ($('#profile_iframe_licence_current').length > 0) {
                if (validate_profile_form()) {
                    console.log("Submit...%cPost Message OK", 'color: #64daff;');
                    $("#agency-profile-form").submit();
                    return;
                }
            }
            $("#profile_label_iframe_licence").css("display", "block");

            $(".profile-agency-message").html("Por favor, revise los datos introducidos. Algunos faltan o son incorrectos.");
            $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
            $(".profile-agency-message").show();

            console.log("Error");
            $("#profile-signup-form .btn").removeClass("loading");

        }

    } else if (e.data.event_id == 'sign_up') {

        if (e.data.data == 'upload_ok') {
            if (validate_signup_form()) {
                console.log("Submit...%cPost Message OK", 'color: #64daff;');
                $("#agency-signup-form").submit();
            } else {
                $(".signup-agency-message").html("Por favor, revise los datos introducidos. Algunos faltan o son incorrectos.");
                $(".signup-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".signup-agency-message").show();

                console.log("Error");
                $("#agency-signup-form .btn").removeClass("loading");

            }
        } else if (e.data.data == 'upload_ko') {
            validate_signup_form();
            $("#label_iframe_licence").css("display", "block");

            $(".signup-agency-message").html("Por favor, revise los datos introducidos. Algunos faltan o son incorrectos.");
            $(".signup-agency-message").addClass("m_ko").removeClass("m_ok");
            $(".signup-agency-message").show();

            console.log("Error");
            $("#agency-signup-form .btn").removeClass("loading");

        }

    }
};

$("#signup_button").click(function(e) {

    $(".signup-agency-message").html("");
    $(".signup-agency-message").addClass("m_ko");
    $("#label_expired_date").css("display", "none");
    $("#label_group_certificate").css("display", "none");
    $("#label_iframe_licence").css("display", "none");

    $("#agency-signup-form .btn").addClass("loading");

    if ($("#label_iframe_licence").length > 0) {
        var myIframe = document.querySelector('#iframe_licence');
        myIframe.contentWindow.postMessage(
        {
            event_id: 'sign_up'
        }, '*');
    } else {
        if (validate_signup_form()) {
            console.log("Submit...%cOK", 'color: #64daff;');
            $("#agency-signup-form").submit();
        } else {
            $(".signup-agency-message").html("Por favor, revise los datos introducidos. Algunos faltan o son incorrectos.");
            $(".signup-agency-message").addClass("m_ko").removeClass("m_ok");
            $(".signup-agency-message").show();

            console.log("Error");
            $("#agency-signup-form .btn").removeClass("loading");
        }
    }

});

$("#agency-signup-form").submit(function (e) {
    e.preventDefault();

    if ($("#label_iframe_licence").length > 0) {
        $("#label_expired_date").css("display", "none");
        $("#label_group_certificate").css("display", "none");
        $("#label_iframe_licence").css("display", "none");
    }

    let final_post_dict = {
        hotel_code: "ona-corporativa",
        
            
                name: $("#agency-signup-form input[name=name]").val(),
             
        
            
                iata: $("#agency-signup-form input[name=iata]").val(),
             
        
            
                city: $("#agency-signup-form input[name=city]").val(),
             
        
            
                postal_code: $("#agency-signup-form input[name=postal_code]").val(),
             
        
            
                province: $("#agency-signup-form input[name=province]").val(),
             
        
            
                pais: $("#agency-signup-form input[name=pais]").val(),
             
        
            
                telephone: $("#agency-signup-form input[name=telephone]").val(),
             
        
            
                posible_logotype: $("#agency-signup-form input[name=posible_logotype]").val(),
             
        
            
                email: $("#agency-signup-form input[name=email]").val(),
             
        
            
                cif: $("#agency-signup-form input[name=cif]").val(),
             
        
            
                billing_address: $("#agency-signup-form input[name=billing_address]").val(),
             
        
            
                username: $("#agency-signup-form input[name=username]").val(),
             
        
            
                password: $("#agency-signup-form input[name=password]").val(),
             
        
            
                
                    send_email_customer: $("[name=send_email_customer]").is(":checked") ? "true" : "",
                
            
        
            
                
            
        
        };
    $.ajax({
        url: 'https://hotel-manager-2-dot-admin-hotel.appspot.com/new_agency',
        type: 'post',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(final_post_dict),
        success: function (data) {
            console.log("Calling to https://hotel-manager-2-dot-admin-hotel.appspot.com/new_agency...");
            if (data.indexOf('OK') > -1) {
                $(".signup-agency-message").html("Datos recibidos correctamente. En breve recibirá la confirmación de la activación de su usuario.");
                $(".signup-agency-message").addClass("m_ok").removeClass("m_ko");
                $(".signup-agency-message").show();
                $("#agency-signup-form").hide();

                setTimeout(function(){$.fancybox.close();}, 5000);
                $("#agency-signup-form .btn").removeClass("loading");
                console.log("Calling to https://hotel-manager-2-dot-admin-hotel.appspot.com/new_agency...%cOK", 'color: #64daff;');

                $(".result-agency-message").addClass("m_ok").html("Datos recibidos correctamente. En breve recibirá la confirmación de la activación de su usuario.");
                $(".result-agency-message").show();

            } else {
                 $(".signup-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos. " + data);
                 $(".signup-agency-message").addClass("m_ko").removeClass("m_ok");
                 $(".signup-agency-message").show();
                $("#agency-signup-form .btn").removeClass("loading");
                console.log("Calling to https://hotel-manager-2-dot-admin-hotel.appspot.com/new_agency...%cKO", 'color:#bada55;');
            }
        },
        failure: function(errMsg) {
                $(".signup-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                 $(".signup-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".signup-agency-message").show();
                $("#agency-signup-form .btn").removeClass("loading");
                console.log("Calling to https://hotel-manager-2-dot-admin-hotel.appspot.com/new_agency...%cFAILURE", 'color:#bada55;');
        },
        error: function(errMsg) {
                $(".signup-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                 $(".signup-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".signup-agency-message").show();
                $("#agency-signup-form .btn").removeClass("loading");
                console.log("Calling to https://hotel-manager-2-dot-admin-hotel.appspot.com/new_agency...%cERROR", 'color:#bada55;');
        }
    });

});
function validate_signup_form() {
    var is_valid = true;

    console.log("--------------------------");
    console.log("SENDING DATA...");
    console.log("VALIDATING...");

    
        
            
                
                    let name_input = $("#agency-signup-form input[name=name]"),
                        name_val = name_input.val();
                    if(typeof(name_val) && name_val != "") {
                        valid_input(name_input, "");
                    } else {
                        valid_input(name_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
    
        
    
        
    
        
    
        
    
        
            
                
                    

                    var pais = $("#agency-signup-form input[name=pais]").val();

                    

                    

                    
                        let telephone_match = '(^[0-9?\+ ]{1,}$)',
                            telephone_input = $("#agency-signup-form input[name=telephone]"),
                            telephone_val = telephone_input.val();
                        if(typeof(telephone_val) == "undefined" || telephone_val == "") {
                            valid_input(telephone_input, "Este campo es obligatorio");
                            is_valid = false;
                        } else if(!telephone_val.match(telephone_match)){
                            valid_input(telephone_input, "Introduzca un CIF válido");
                            is_valid = false;
                        } else {
                           valid_input(telephone_input, "");
                        }
                    

                
            
        
    
        
    
        
            
                
                    
                        let email_match = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
                            email_input = $("#agency-signup-form input[name=email]"),
                            email_val = email_input.val();
                        if(typeof(email_val) == "undefined" || email_val == "") {
                            valid_input(email_input, "Este campo es obligatorio");
                            is_valid = false;
                        } else if(!email_val.match(email_match)){
                            valid_input(email_input, "Introduzca un email válido");
                            is_valid = false;
                        } else {
                            valid_input(email_input, "");
                        }
                    

                    var pais = $("#agency-signup-form input[name=pais]").val();

                    

                    

                    

                
            
        
    
        
            
                
                    

                    var pais = $("#agency-signup-form input[name=pais]").val();

                    
                        
                            cif_input = $("#agency-signup-form input[name=cif]"),
                            cif_val = cif_input.val();
                            if (typeof(cif_val) == "undefined" || cif_val == "") {
                                valid_input(cif_input, "Este campo es obligatorio");
                                is_valid = false;
                            } else {
                                valid_input(cif_input, "");
                            }
                        
                    

                    

                    

                
            
        
    
        
            
                
                    let billing_address_input = $("#agency-signup-form input[name=billing_address]"),
                        billing_address_val = billing_address_input.val();
                    if(typeof(billing_address_val) && billing_address_val != "") {
                        valid_input(billing_address_input, "");
                    } else {
                        valid_input(billing_address_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
            
                
                    let username_input = $("#agency-signup-form input[name=username]"),
                        username_val = username_input.val();
                    if(typeof(username_val) && username_val != "") {
                        valid_input(username_input, "");
                    } else {
                        valid_input(username_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
            
                
                    let password_input = $("#agency-signup-form input[name=password]"),
                        password_val = password_input.val();
                    if(typeof(password_val) && password_val != "") {
                        valid_input(password_input, "");
                    } else {
                        valid_input(password_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
    
        
    

    let is_group_valid = false;
    let activate_group = false;
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
    if (is_group_valid) {
        console.log("Certificate...OK");
    } else {
        console.log("Certificate...%cFAILED", 'color: #bada55;');
    }

    if ($("#label_group_certificate").length > 0) {
        if (activate_group && !is_group_valid) {
            is_valid = is_group_valid;
            $("#label_group_certificate").css("display", "block");
        }
    }

    if ($("#label_expired_date").length > 0) {
        expire_date_input = $("#agency-signup-form input[name=expire_date]");
        if (expire_date_input.length > 0) {
            value = expire_date_input.val();
            is_valid_expire_date = check_expire_date(value);
            if (!is_valid_expire_date) {
                is_valid = false;
                $("#label_expired_date").css("display", "block");
            }
        }
        if (is_valid_expire_date) {
            console.log("Expire Date...OK");
        } else {
            console.log("Expire Date...%cFAILED", 'color: #bada55;');
        }
    }

    
        if (!$("#g-recaptcha-response").val()) {
            is_valid = false;
        }
    

    return is_valid;
}

function check_expire_date(value) {

    var result = /[0-9]{4}\/[0-9]{1,2}/.test(value);
    if (result) {

        month = parseInt(value.split("/")[1]);
        year = parseInt(value.split("/")[0]);
        var today = new Date();
        var month_today = today.getMonth() + 1;
        var year_today = today.getFullYear();

        if ((year < year_today) || ((year == year_today) && (month < month_today))) {
            return false;
        }

        return true;

    }

    return false;

}

function valid_input(element_selector, message) {
    console.log(element_selector.attr('name') + "..." + element_selector.val());
    if (message != "") {
        element_selector.parent().removeClass("input_ok");
        element_selector.parent().addClass("input_ko");
        element_selector.parent().find(".tooltip").detach();
        element_selector.parent().append("<div class='tooltip'>"+ message +"</div>");
        console.log(element_selector.attr('name') + "...%cFAILED", "color:#bada55;");
    } else {
        element_selector.parent().addClass("input_ok");
        element_selector.parent().removeClass("input_ko");
        element_selector.parent().find(".tooltip").detach();
        console.log(element_selector.attr('name') + "...OK");
    }

}
</script>


<div style="display:none">
    <div class="popup-agency-profile">
        <img class="popup-agency-profile-picture" src="/static_1/images/agencies/profile-blank.png" alt="">
        <form id="agency-profile-form" name="agency-profile-form">
           <div class="cols">
                
                     
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>Nombre de la agencia</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_name" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                           <div class="col1">
                              <p id="profile_label_group_certificate" style="color: red; font-size: 0.8em; display:none;">Por favor, especifique al menos un tipo de certificación</p>
                           </div>
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>IATA</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_iata" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Ciudad</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_city" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Código postal</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_postal_code" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Provincia</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_province" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>País</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_pais" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Teléfono</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_telephone" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                
                     
                
                     
                
                     
                        
                        <div class="col3">
                            <div class="input_wrapper">
                                <label>Email</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_email" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                <label>CIF</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_cif" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                <label>Dirección completa para la facturación</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_billing_address" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>Usuario</label>
                                <div class="input text">
                                
                                    
                                        
                                            <input type="text" name="profile_username" >
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col2">
                            <div class="input_wrapper">
                                <label>Contraseña</label>
                                <div class="input password">
                                
                                    
                                        
                                        
                                            <span class="password_toggle"></span>
                                            <input type="password" id="password" name="profile_password" >
                                        
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                
                                <div class="input checkbox">
                                
                                    
                                        
                                            <input type="checkbox"  name="profile_send_email_customer">
                                            <label>Enviar bono por email al cliente (sin precios)</label>
                                        
                                        
                                        
                                    
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                        
                        <div class="col1">
                            <div class="input_wrapper">
                                <label>Logotipo</label>
                                <div class="input ">
                                
                                     
                                    
                                    <img id="profile_iframe_logotype_current" class="iframe-image"/>
                                    
                                    <iframe id="profile_iframe_images" width="100%" height="80px" src="https://hotel-manager-2-dot-admin-hotel.appspot.com/external/upload_picture?hotel_code=ona-corporativa&amp;image_name=6060_050520211442&amp;extra=70e0edbde51544e0d5d8cdac49a2249f&amp;types=image_png,image_jpeg" frameborder="0" allowfullscreen></iframe>
                                    <span style="color:#828282; font-size:0.8em; margin-bottom:3px;top: -8px;position: relative;font-style: italic;">(Solo se admiten ficheros png, jpg y pdf)</span>
                                

                                </div>
                            </div>
                        </div>
                        
                    
                
                     
                
                <div class="col1">
                    <div class="profile-agency-message message" style="display:none;top: 0px;"></div>
                </div>
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        <input type="hidden" name="profile_posible_logotype"  value="https://cdn.paraty.es/ona-corporativa/images/external/6060_050520211442">
                    
                
                    
                        <input type="hidden" name="profile_old_posible_image_licence" >
                    
                
                    
                        <input type="hidden" name="profile_old_posible_logotype" >
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                
                    
                        <input type="hidden" name="profile_id" >
                    
                
                <div class="col1">
                </div>
            </div>

            <div class="input_wrapper input_center">
                <button class="btn" type="button" id="modify_button">Guardar</button>
            </div>
        </form>
        <div class="profile_result_agency_message message" style="display:none"></div>
    </div>
</div>

<script>

$(".password_toggle").click(function () {
    $(this).toggleClass("active");
    let input_toggle = $("#password");
    console.log(input_toggle.attr("type"));
    if (input_toggle.attr("type") == "password") {
        input_toggle.prop("type", "text");
    } else {
        input_toggle.prop("type", "password");
    }
});

function init_data(data) {

    Object.keys(data).forEach(function(key) {
        console.log(key, data[key]);
        if (key!="posible_image_licence" && key!="logotype") {

            if ($('input[name=profile_'+key+']').is(':checkbox')) {
                $('[name=profile_'+key+']').attr("checked", data[key])
            } else {
                $('input[name=profile_'+key+']').val(data[key]);
            }

        }
    });

    $('input[name=profile_password]').val("");

    if (data["posible_image_licence"] != "") {
        $("#profile_iframe_licence_current").attr("src", data["posible_image_licence"]);
        $("[name=profile_old_posible_image_licence]").val(data["posible_image_licence"]);
    }
    if (data["logotype"] != "") {
        $("#profile_iframe_logotype_current").attr("src", data["logotype"]);
        $("[name=profile_old_posible_logotype]").val(data["logotype"]);
    }

}

function open_agency_profile() {

    let cookie_agency = searchCookie("logged_agency");

     if (cookie_agency) {
        //let data_decode = atob(cookie_agency.replace("igualigual", "=").replace("masmas", "+").replace("barrabarra","/"));
        let data_decode = atob(cookie_agency.replace(/igualigual/g, '=').replace(/masmas/g, '+').replace(/barrabarra/g, '/'));
        if (data_decode.indexOf("name") > -1) {

            if ($("#profile_label_iframe_licence").length > 0) {
                $("#profile_label_iframe_licence")[0].style.display = "none";
                $("#profile_label_expired_date")[0].style.display = "none";
            }
            if ($("#profile_label_group_certificate").length > 0) {
                $("#profile_label_group_certificate")[0].style.display = "none";
            }
            if ($(".popup-agency-profile-picture").length > 0) {
                $(".popup-agency-profile-picture").removeClass("iframe-image-left");
            }

            let cookie_agency = searchCookie("logged_agency");
            if (cookie_agency) {
                let data_decode = atob(cookie_agency.replace(/igualigual/g, '=').replace(/masmas/g, '+').replace(/barrabarra/g, '/'));
                if (data_decode.indexOf("name") > -1) {
                    agency_config = jQuery.parseJSON(data_decode);
                    console.log(agency_config);

                    init_data(agency_config[0]);

                }

            }
            $("#agency-profile-form").show();
            $(".profile-agency-message").hide();
            $.fancybox.open($(".popup-agency-profile"), {wrapCSS: 'popup-agencies-profile_wrapper','width':800, 'padding': 0});

        }

     }

}


$("#modify_button").click(function(e) {

    $(".profile-agency-message").html("");
    $(".profile-agency-message").addClass("m_ko");
    $("#profile_label_expired_date")[0].style.display = "None";
    $("#profile_label_group_certificate")[0].style.display = "None";
    $("#profile_label_iframe_licence")[0].style.display = "None";
    $(".profile_result_agency_message").html("");

    $("#agency-signup-form .btn").addClass("loading");

    if ($("#label_iframe_licence").length > 0) {
        var myIframe = document.querySelector('#profile_iframe_licence');
        myIframe.contentWindow.postMessage(
        {
            event_id: 'modify'
        }, '*');
    } else {
        if (validate_profile_form()) {
            console.log("Submit...%cOK", 'color: #64daff;');
            $("#agency-profile-form").submit();
        } else {
            $(".profile-agency-message").html("Por favor, revise los datos introducidos. Algunos faltan o son incorrectos.");
            $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
            $(".profile-agency-message").show();

            $(".profile_result_agency_message").html("Por favor, revise los datos introducidos. Algunos faltan o son incorrectos.");

            console.log("Error");
            $("#agency-profile-form .btn").removeClass("loading");
        }
    }

});

$("#agency-profile-form").submit(function (e) {

    e.preventDefault();

    $("#agency-profile-form .btn").addClass("loading");
    if ($("#profile_label_iframe_licence").length > 0) {
        $("#profile_label_iframe_licence")[0].style.display = "none";
        $("#profile_label_expired_date")[0].style.display = "none";
    }
    if ($("#profile_label_group_certificate").length > 0) {
        $("#profile_label_group_certificate")[0].style.display = "none";
    }

    let final_post_dict = {
        hotel_code: "ona-corporativa",
        
            
                name: $("#agency-profile-form input[name=profile_name]").val(),
             
        
            
                iata: $("#agency-profile-form input[name=profile_iata]").val(),
             
        
            
                city: $("#agency-profile-form input[name=profile_city]").val(),
             
        
            
                postal_code: $("#agency-profile-form input[name=profile_postal_code]").val(),
             
        
            
                province: $("#agency-profile-form input[name=profile_province]").val(),
             
        
            
                pais: $("#agency-profile-form input[name=profile_pais]").val(),
             
        
            
                telephone: $("#agency-profile-form input[name=profile_telephone]").val(),
             
        
            
                posible_logotype: $("#agency-profile-form input[name=profile_posible_logotype]").val(),
             
        
            
                old_posible_image_licence: $("#agency-profile-form input[name=profile_old_posible_image_licence]").val(),
             
        
            
                old_posible_logotype: $("#agency-profile-form input[name=profile_old_posible_logotype]").val(),
             
        
            
                email: $("#agency-profile-form input[name=profile_email]").val(),
             
        
            
                cif: $("#agency-profile-form input[name=profile_cif]").val(),
             
        
            
                billing_address: $("#agency-profile-form input[name=profile_billing_address]").val(),
             
        
            
                username: $("#agency-profile-form input[name=profile_username]").val(),
             
        
            
                password: $("#agency-profile-form input[name=profile_password]").val(),
             
        
            
                
                    send_email_customer: $("[name=profile_send_email_customer]").is(":checked") ? "true" : "",
                
            
        
            
                
            
        
            
                id: $("#agency-profile-form input[name=profile_id]").val(),
             
        
        };

    $.ajax({
        url: 'https://hotel-manager-2-dot-admin-hotel.appspot.com/save_agency',
        type: 'post',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(final_post_dict),
        success: function (data) {

            console.log("Calling to ...");
            if (data.indexOf('ERROR') > -1) {

                $(".profile-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos. " + data);
                $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".profile-agency-message").show();
                $(".popup-agency-profile-picture").addClass("iframe-image-left");
                $("#agency-profile-form").hide();
                $("#agency-profile-form .btn").removeClass("loading");
                console.log("Calling to ...%cKO", 'color:#bada55;');

                $(".profile_result_agency_message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                $(".profile_result_agency_message").show();
                return;

            }

            try {
                data_decode = atob(data);
            } catch(err) {
                $(".profile-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos. " + data);
                $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".profile-agency-message").show();
                $(".popup-agency-profile-picture").addClass("iframe-image-left");
                $("#agency-profile-form").hide();
                $("#agency-profile-form .btn").removeClass("loading");

                $(".profile_result_agency_message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                $(".profile_result_agency_message").show();

                return;
            }

            if (data_decode.indexOf('OK') > -1) {
                $(".profile-agency-message").html("Datos actualizados correctamente.");
                $(".profile-agency-message").addClass("m_ok").removeClass("m_ko");
                $(".profile-agency-message").show();
                $(".popup-agency-profile-picture").addClass("iframe-image-left");
                $("#agency-profile-form").hide();

                let info_in_cookie = data.replace(/\=/g, 'igualigual').replace(/\+/g, 'masmas').replace(/\//g, 'barrabarra');
                createCookie('logged_agency', info_in_cookie);

                console.log("Calling to ...%cOK", 'color: #64daff;');

                setTimeout(function(){$.fancybox.close();}, 5000);
                $("#agency-profile-form .btn").removeClass("loading");

                $(".profile_result_agency_message").html("Datos actualizados correctamente.");
                $(".profile_result_agency_message").show();

            } else {
                $(".profile-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos. " + data);
                $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".profile-agency-message").show();
                $(".popup-agency-profile-picture").addClass("iframe-image-left");
                $("#agency-profile-form").hide();
                $("#agency-profile-form .btn").removeClass("loading");

                $(".profile_result_agency_message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                $(".profile_result_agency_message").show();

                console.log("Calling to ...%cKO", 'color:#bada55;');

                return;
            }
        },
        failure: function(errMsg) {
                $(".profile-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                 $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".profile-agency-message").show();
                $("#agency-profile-form").hide();
                $("#agency-profile-form .btn").removeClass("loading");

                $(".profile_result_agency_message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                $(".profile_result_agency_message").show();

                console.log("Calling to ...%cKO", 'color:#bada55;');
        },
        error: function(errMsg) {
                $(".profile-agency-message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                $(".profile-agency-message").addClass("m_ko").removeClass("m_ok");
                $(".profile-agency-message").show();
                $("#agency-profile-form").hide();
                $("#agency-profile-form .btn").removeClass("loading");

                $(".profile_result_agency_message").html("Por problemas técnicos no ha sido posible realizar la operación solicitada. Inténtelo otra vez en unos minutos.");
                $(".profile_result_agency_message").show();

                console.log("Calling to ...%cKO", 'color:#bada55;');
        }
    });

});

function validate_profile_form() {

    console.log("--------------------------");
    console.log("SENDING DATA...");
    console.log("VALIDATING...");

    var is_valid = true;
    
        
            
                
                    let name_input = $("#agency-profile-form input[name=profile_name]"),
                        name_val = name_input.val();
                    if (typeof(name_val) && name_val != "") {
                        valid_input(name_input, "");
                    } else {
                        valid_input(name_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
    
        
    
        
    
        
    
        
    
        
            
                
                    
                    
                    
                    
                        let telephone_match = '(^[0-9?\+ ]{1,}$)',
                            telephone_input = $("#agency-profile-form input[name=profile_telephone]"),
                            telephone_val = telephone_input.val();
                        if(typeof(telephone_val) == "undefined" || telephone_val == "") {
                            valid_input(telephone_input, "Este campo es obligatorio");
                            is_valid = false;
                        } else if(!telephone_val.match(telephone_match)){
                            valid_input(telephone_input, "Introduzca un CIF válido");
                            is_valid = false;
                        } else {
                           valid_input(telephone_input, "");
                        }
                    
                
            
        
    
        
    
        
    
        
    
        
            
                
                    
                        let email_match = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
                            email_input = $("#agency-profile-form input[name=profile_email]"),
                            email_val = email_input.val();
                        if(typeof(email_val) == "undefined" || email_val == "") {
                            valid_input(email_input, "Este campo es obligatorio");
                            is_valid = false;
                        } else if(!email_val.match(email_match)){
                            valid_input(email_input, "Introduzca un email válido");
                            is_valid = false;
                        } else {
                            valid_input(email_input, "");
                        }
                    
                    
                    
                    
                
            
        
    
        
            
                
                    
                    
                        
                            let cif_input = $("#agency-profile-form input[name=profile_cif]"),
                                cif_val = cif_input.val();
                            if(typeof(cif_val) == "undefined" || cif_val == "") {
                                valid_input(cif_input, "Este campo es obligatorio");
                                is_valid = false;
                            } else {
                               valid_input(cif_input, "");
                            }
                        
                    
                    
                    
                
            
        
    
        
            
                
                    let billing_address_input = $("#agency-profile-form input[name=profile_billing_address]"),
                        billing_address_val = billing_address_input.val();
                    if (typeof(billing_address_val) && billing_address_val != "") {
                        valid_input(billing_address_input, "");
                    } else {
                        valid_input(billing_address_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
            
                
                    let username_input = $("#agency-profile-form input[name=profile_username]"),
                        username_val = username_input.val();
                    if (typeof(username_val) && username_val != "") {
                        valid_input(username_input, "");
                    } else {
                        valid_input(username_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
            
                
                    let password_input = $("#agency-profile-form input[name=profile_password]"),
                        password_val = password_input.val();
                    if (typeof(password_val) && password_val != "") {
                        valid_input(password_input, "");
                    } else {
                        valid_input(password_input, "Este campo es obligatorio");
                        is_valid = false;
                    }
                
            
        
    
        
    
        
    
        
    

    let is_group_valid = false;
    let activate_group = false;
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
        
    
    if (is_group_valid) {
        console.log("Certificate...OK");
    } else {
        console.log("Certificate...%cFAILED", 'color: #bada55;');
    }
    if (activate_group && !is_group_valid) {
        is_valid = is_group_valid;
        $("#profile_label_group_certificate")[0].style.display = "block";
    }

    expire_date_input = $("#agency-profile-form input[name=profile_expire_date]");
    if (expire_date_input.length > 0) {
        value = expire_date_input.val();
        is_valid_expire_date = check_expire_date(value);
        if (!is_valid_expire_date) {
            is_valid = false;
            $("#profile_label_expired_date")[0].style.display = "block";
        }
        if (is_valid_expire_date) {
            console.log("Expire Date...OK");
        } else {
            console.log("Expire Date...%cFAILED", 'color: #bada55;');
        }
    }

    return is_valid;
}

function valid_input(element_selector, message) {
    console.log(element_selector.attr('name') + "..." + element_selector.val());
    if (message != "") {
        element_selector.parent().removeClass("input_ok");
        element_selector.parent().addClass("input_ko");
        element_selector.parent().find(".tooltip").detach();
        element_selector.parent().append("<div class='tooltip'>"+ message +"</div>");
        console.log(element_selector.attr('name') + "...%cFAILED", 'color: #bada55');
    } else {
        element_selector.parent().addClass("input_ok");
        element_selector.parent().removeClass("input_ko");
        element_selector.parent().find(".tooltip").detach();
        console.log(element_selector.attr('name') + "...OK");
    }
}

</script>


<style></style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,700;1,400&display=swap" rel="stylesheet">
<div style="display:none">
    <div class="popup-agency-recovery">
        <img src="https://lh3.googleusercontent.com/7InRHiZhvzxIC1Yugw89Kn8smsqMBJcAShB-lquT_tss0CnL8jGRreqtozYJXqwZ-qNk9pfivqPIrb5-IXIH5gPeAZSWIu8u3e-R=s150" alt="">
        <div class="recovery-agency-message message" style="display:none;">
            <div class="message-agency">

            </div>
            <div class="btn_wrapper input_center">
                <input type="submit" value="Volver" id="submit_recovery_agency_back" class="btn">
            </div>
        </div>
        <form id="agency-recovery-form" name="agency-recovery-form">
            <div class="input_wrapper input_center">
                <div class="title">Recuperar mi contraseña</div>
            </div>
            <p> Introduzca el usuario o correo de dirección registrado en la zona privada de agencias para recuperar el acceso: </p>
            <div class="input_wrapper input_center">
                <div class="input">
                    <input type="text" name="agency_user" id="agency_user">
                </div>
            </div>

            <div class="btn_wrapper">
                <input type="button" value="Enviar" id="submit_recovery_agency" class="btn" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i>">
            </div>
             <div class="spinner_wrapper_faldon" style="display:none;"><img src='/static_1/images/spinner.gif'
                                                                               width="30" height="30" alt="spinner"
                                                                               title="spinner"></div>
        </form>
    </div>
</div>

<script>

$("#submit_recovery_agency_back").on("click", function () {

    $(".spinner_wrapper_faldon").css("display", "none");
    $('.recovery-agency-message').hide();
    $('#agency-recovery-form').show();
    $('#message-agency').html('');
    open_agency_login();
    $('#submit_recovery_agency').prop( "disabled", false );

});

$("#submit_recovery_agency").on("click", function () {

    debugger;
    $(".spinner_wrapper_faldon").css("display", "block");
    $('#submit_recovery_agency').prop( "disabled", true );

    var user_input =  $("#agency-recovery-form").find("input#agency_user");
    var username = user_input.val();
    $.ajax({
        url: 'https://hotel-manager-2-dot-admin-hotel.appspot.com/agency_recovery?key=4e0bed7b74957b18b1efb9e91359c7eb&username='+username+'&language=SPANISH',
        type: 'get',
        contentType: 'application/json; charset=utf-8',
        success: function(data) {
            $('#agency-recovery-form').hide();

            var content = $($.parseHTML(data, document, true));
            $('.message-agency').html(content);
            $('.recovery-agency-message').show();
            $.fancybox.open($(".popup-agency-recovery"), {autoSize: false,
                                                          width: "400px",
                                                          height:"auto",
                                                          wrapCSS: 'popup-start',
                                                          'padding': 0});
            $(".spinner_wrapper_faldon").css("display", "none");
        },
        failure: function(errMsg) {
            $(".recovery-agency-message").html("Usuario o password incorrectos").removeClass("m_ok").addClass("m_ko");
            console.log(errMsg);
            $(".recovery-agency-message").show();
            $('#agency-recovery-form').hide();
            $(".spinner_wrapper_faldon").css("display", "none");
        },
        error: function(errMsg) {
            $(".login-agency-message").html("Usuario o password incorrectos").removeClass("m_ok").addClass("m_ko");
            console.log(errMsg);
            $(".recovery-agency-message").show();
            $('#agency-recovery-form').hide();
            $(".spinner_wrapper_faldon").css("display", "none");
        }
    });

});

</script><div style="display:none">
    <div class="popup-agency-reservations">
        <img class="popup-agency-reservations-picture" src="" alt="">

        <div>
            <table id="table-reservations" class="container">
            <thead>
            <tr>
            
                <th>Localizador</th>
            
                <th>Fecha</th>
            
                <th>Estado</th>
            
                <th>Nombre</th>
            
                <th>Entada - Salida</th>
            
                <th>Precio Neto</th>
            
                <th>Comisión (%)</th>
            
                <th>Precio</th>
            
            </tr>
            </thead>
            <tbody>

            </tbody>
            </table>
            <div id="result-message"></div>
        </div>

        <div class="reservations-agency-message" style="display:none"></div>
    </div>
</div>

<script>

$(".password_toggle").click(function () {
    $(this).toggleClass("active");
    let input_toggle = $("#password");
    console.log(input_toggle.attr("type"));
    if (input_toggle.attr("type") == "password") {
        input_toggle.prop("type", "text");
    } else {
        input_toggle.prop("type", "password");
    }
});


function open_agency_reservations() {

    if ($("#profile_label_iframe_licence").length > 0) {
        $("#profile_label_iframe_licence")[0].style.display = "none";
        $("#profile_label_expired_date")[0].style.display = "none";
    }
    if ($("#profile_label_group_certificate").length > 0) {
        $("#profile_label_group_certificate")[0].style.display = "none";
    }
    if ($(".popup-agency-profile-picture").length > 0) {
        $(".popup-agency-profile-picture").removeClass("iframe-image-left");
    }

    $("#table-reservations").find("tbody").html("");
    $("#result-message").html('<span style="font-weight: bold;">Sin resultados</span>');

    let cookie_agency = searchCookie("logged_agency");
    if (cookie_agency) {
        let data_decode = atob(cookie_agency.replace(/igualigual/g, '=').replace(/masmas/g, '+').replace(/barrabarra/g, '/'));
        if (data_decode.indexOf("name") > -1) {
            agency_config = jQuery.parseJSON(data_decode);
            console.log(agency_config);

            $("[name=profile_id]").val(agency_config[0]["id"]);

            get_reservations();

            $(".profile-agency-message").hide();
            $.fancybox.open($(".popup-agency-reservations"), {wrapCSS: 'popup-agencies-reservations_wrapper','width':800, 'padding': 0});

        }

    }

}

function show_reservations(data) {

    var row_total = $('<tr>');

    var total_price = parseFloat(0);
    var total_net_price = parseFloat(0);
    $.each(data, function( index, reservation ) {

        var row = $("#table-reservations").find('tbody').append($('<tr>'));
        total_price += parseFloat(reservation["price"]);
        total_net_price += parseFloat(reservation["price_neto"]);

        Object.keys(reservation).forEach(function(key) {

            row.append($('<td>')
                .append($('<span>')
                    .text(reservation[key])
                )
            )

        });

    });

    var row_total = $("#table-reservations").find('tbody').append($('<tr>'));
    Object.keys(data[0]).forEach(function(key) {

        value = "";
        if (key == "price") {

            value = total_price;

        } else if (key == "price_neto") {

            value = total_net_price;

        }

        row_total.append($('<td>')
            .append($('<span style="font-weight: bold;">')
                .text(value)
            )
        )

    });

}

function get_reservations() {

    id = $("[name=profile_id]").val();
    var final_post_dict = {
        id_agency: id,
        hotel_code: "ona-corporativa"
    };

    $.ajax({
        url: 'https://hotel-manager-2-dot-admin-hotel.appspot.com/reservations_agency_hotel',
        type: 'post',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(final_post_dict),
        async: false,
        success: function (data) {
            debugger;
            data = JSON.parse(data);
            console.log("AGENCY: data received: " + data);

            if (data['reservations'].length > 0) {
                $("#result-message").html("");
                show_reservations(data['reservations']);
            }
        },
        failure: function(errMsg) {
            console.log("Error: " + errMsg);
        },
        error: function(errMsg) {
            console.log("Error: " + errMsg);
        }
    });

}

</script>





</body>
</html>
