<!doctype html>
<html class="no-js" lang="en">
<head>
        <meta charset="utf-8">
        <link rel="shortcut icon" type="image/png" href="/assets/images/viajerosbaratos.png">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
         <title translate="no">Viajerosbaratos</title>
        <!--<meta name="description" content="" > -->
        <!--<meta name="keywords" content="" >-->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="./style.css">
        <link rel="stylesheet" href="./custom.css">
        <link rel="shortcut icon" type="image/x-icon" href="assets/images/skyloo.png">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.1/css/all.css">
        <link rel="stylesheet" href="https://static.fontawesome.com/css/fontawesome-app.css" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link rel="stylesheet" href="assets/css/flaticon.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/default.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
        <link rel="stylesheet" href="assets/css/jquery-ui.css">
        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
        <script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
        <style>
          .input_select {
             background-color: #F8F8F8 !important;
             color: #383838;
             border: none !important;
             height: 50px !important;
             padding: 0 15px;
             width: 100%;
             -webkit-box-shadow: none;
             -moz-box-shadow: none;
             -ms-box-shadow: none;
             -o-box-shadow: none;
             box-shadow: none !important;
             line-height: 1.6;
             border-radius: 0 !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__arrow {
             height: 48px !important;
          }
          .input_select, .select2-container--default .select2-selection--single .select2-selection__rendered {
             line-height: 50px !important;
          }
          .nav-tabs .nav-item {
            text-align: center;
            width: 50%; /* Adjust to your preference */
          }

          .nav-tabs .nav-link {
            border: none;
            padding: 10px 15px; /* Adjust padding */
            font-weight: bold;
            color: #333; /* Regular tab color */
            background-color: transparent; /* Remove any background */
          }

          .nav-tabs .nav-link.active {
            color: #fff; /* Active tab text color */
            background-color: #F56960; /* Active tab background color */
            border-radius: 0; /* Remove border radius */
          }

          .passenger-selector {
              display: none;
              position: absolute;
              background-color: #fff;
              border: 1px solid #ccc;
              padding: 10px;
              width: 300px;
              z-index: 1000;
          }
          .passenger-selector-counter {
              display: flex;
              align-items: center;
              justify-content: space-between;
              width: 120px;
          }
          .passenger-selector-counter button {
              background-color: #007bff;
              color: #fff;
              border: none;
              width: 30px;
              height: 30px;
              text-align: center;
              font-size: 18px;
              border-radius: 50%;
      }
      .passenger-selector-counter span {
          font-size: 18px;
          width: 30px;
          text-align: center;
      }
    </style>
    </head>
    <body>

        <!-- Scroll-top -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <i class="fas fa-angle-up"></i>
        </button>
        <!-- Scroll-top-end-->

<div class="hd-cl">
    <a href="tel:+1-(855) 557-0035"><p><img src="assets/images/cal.gif" alt="cal"> <span>Call Now:</span> +1-(855) 557-0035</p></a>
    </div>

        <!-- header-area -->
        <header>
            <div class="header-top">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-xl-4">
                            <div class="header-top-left">
                                                            </div>
                        </div>
                        <div class="col-xl-8">
                            <div class="header-top-right">
                                <ul>
                                                                         <li><a href="tel:+1-(855) 557-0035"><i class="fas fa-mobile-alt"></i>+1-(855) 557-0035</a></li>
                                                                                                            <li><a href="mailto:info@<span translate="no"><span translate="no"> viajerosbaratos.com </span> </span>"><i class="fas fa-envelope"></i>info@<span translate="no"><span translate="no"> viajerosbaratos.com </span> </span></a></li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="sticky-header" class="menu-area transparent-header">
                <div class="container custom-container">
                    <div class="row">
                        <div class="col-12 mobile">
                            <div class="mobile-nav-toggler"><span class="sign"><i class="fa-regular"></i></span> <i class="fas fa-bars"></i></div>
                            <div class="menu-wrap">
                                <nav class="menu-nav">
                                    <div class="logo"><a class="head" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a>
                                      <a class="scrol" href="/"><img src="assets/images/viajerosbaratos.png" alt="logo" width="200" height="36"></a></div>
                                    <div class="navbar-wrap main-menu d-none d-lg-flex">
                                        <ul class="navigation">
                                            <li><a href="/">Hogar</a></li>
                                            <li><a href="about-us.php">Sobre nosotras</a></li>
                                            <li><a href="privacy-policy">Política de privacidad</a></li>
                                            <li><a href="contact.php">Contacta</a></li>

                                        </ul>
                                    </div>
                                    <div class="header-action d-none d-md-block">
                                                                                 <ul>
                                            <li class="header-btn"><a href="tel:+1-(855) 557-0035" class="btn"><i class="fa-solid fa-phone-volume blink"></i>+1-(855) 557-0035</a></li>
                                        </ul>
                                                                             </div>
                                </nav>
                            </div>
                            <!-- Mobile Menu  -->
                            <div class="mobile-menu">
                                <nav class="menu-box">
                                    <div class="close-btn"><i class="fa-solid fa-xmark"></i></div>
                                    <div class="nav-logo"><a href="/"><img src="assets/images/viajerosbaratos.png" alt="logo"></a>
                                    </div>
                                    <div class="menu-outer">
                                        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
                                    </div>
                                    <!-- <div class="social-links">
                                        <ul class="clearfix">
                                            <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                            <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                            <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                                            <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                                            <li><a href="#"><span class="fab fa-youtube"></span></a></li>
                                        </ul>
                                    </div> -->
                                </nav>
                            </div>
                            <div class="menu-backdrop"></div>
                            <!-- End Mobile Menu -->
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-area-end -->
<!-- main-area -->
<main>
<!-- breadcrumb-area -->
<section class="breadcrumb-area quick-link">
   <img src="assets/images/desti.jpg" alt="privacypolicy">
   <div class="container">
      <div class="breadcrumb-content text-center">
         <h1 class="title">Nueva York</h1>
         <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
               <li class="breadcrumb-item"><a href="/">Hogar</a></li>
               <li class="breadcrumb-item active" aria-current="page">Nueva York</li>
            </ol>
         </nav>
      </div>
   </div>
</section>
<!-- breadcrumb-area-end -->
<section class="about-area about-us">
   <div class="container">
      <div class="about-content list">
         <div class="section-title">
            <span class="sub-title">EXPERIMENTAR LA CIUDAD DE NUEVA YORK</span>
   <p>La ciudad de Nueva York, a menudo denominada "La ciudad que nunca duerme", es un epicentro mundial de cultura, arte, moda y finanzas. Con su horizonte icónico, monumentos mundialmente famosos y vecindarios vibrantes, Nueva York ofrece una experiencia verdaderamente única a cada viajero. Ya sea que visites la ciudad por primera vez o seas un viajero frecuente, la energía y diversidad de la ciudad de Nueva York te cautivarán. Desde espectáculos de Broadway hasta monumentos históricos, la ciudad ofrece innumerables oportunidades de aventuras, descubrimientos y recuerdos inolvidables. Cada calle, edificio y esquina cuenta una historia, una historia de la que estás invitado a formar parte.</p>
</div>

<div class="list">
   <h2 class="title">LAS MEJORES COSAS QUE HACER <span>EN LA CIUDAD DE NUEVA YORK</span></h2>
   <ul>
      <li>Visite Times Square: Conocida como "La encrucijada del mundo", Times Square es uno de los lugares más emblemáticos de Nueva York. Es un espectáculo vibrante, iluminado con luces de neón, con entretenimiento, tiendas y teatros de Broadway por todas partes.</li>
      <li>Da un paseo por Central Park:este oasis urbano ofrece un descanso del ritmo acelerado de la ciudad. Desde pasear en bote por el lago hasta visitar el Zoológico de Central Park o simplemente pasear por la exuberante vegetación, es una visita obligada.</li>
      <li>Explora el Museo Metropolitano de Arte: Uno de los museos de arte más grandes y prestigiosos del mundo, el Met alberga más de dos millones de obras de arte, que abarcan 5000 años de historia.</li>
      <li>Tome el ferry de Staten Island: Ofreciendo impresionantes vistas de la Estatua de la Libertad y el horizonte de Manhattan, el ferry de Staten Island es una visita obligada para los visitantes y, lo mejor de todo, ¡es gratis!< /li>
      <li>Cruzar el puente de Brooklyn: Uno de los puentes colgantes más antiguos de los EE. UU., cruzar el puente de Brooklyn ofrece fantásticas vistas del horizonte, especialmente al atardecer.</li>
   </ul>
</div>

<div class="list">
   <h3 class="title">MEJORES LUGARES PARA VER <span>EN LA CIUDAD DE NUEVA YORK</span></h3>
   <div clase="fila">
      <div clase="col-md-4">
         <ul>
            <li>La Estatua de la Libertad</li>
            <li>Edificio Empire State</li>
            <li>Centro Rockefeller</li>
            <li>Broadway y Times Square</li>
         </ul>
      </div>
      <div class="col-md-4">
         <ul>
            <li>El Museo Metropolitano de Arte</li>
            <li>Museo y Memorial del 11 de Septiembre</li>
            <li>La línea alta</li>
            <li>Parque Central</li>
         </ul>
      </div>
      <div class="col-md-4">
         <ul>
            <li>Uno World Trade Center</li>
            <li>Barrio Chino y Pequeña Italia</li>
            <li>SoHo y Greenwich Village</li>
            <li>Isla Ellis</li>
         </ul>
      </div>
   </div>
</div>

<div class="list">
   <h4 class="title">MEJOR ÉPOCA PARA <span>VISITAR LA CIUDAD DE NUEVA YORK</span></h4>
   <p>La ciudad de Nueva York es un destino para todo el año, pero la mejor época para visitarla depende del tipo de experiencia que desees. Para disfrutar del clima ideal y menos multitudes, la primavera (de abril a junio) y el otoño (de septiembre a noviembre) son las épocas perfectas para explorar la ciudad. Durante estas estaciones, las temperaturas son suaves y los parques son particularmente bellos. El verano (de junio a agosto) es ideal para eventos al aire libre, pero prepárese para el calor y las grandes multitudes, especialmente alrededor de las principales atracciones. El invierno en Nueva York tiene su encanto, especialmente durante la temporada navideña, cuando la ciudad se adorna con luces festivas y mercados navideños, pero las temperaturas pueden ser bastante frías.</p>
</div>

<div class="list">
   <h5 class="title">POR QUÉ ELEGIR <span><span translate="no"> viajerosbaratos.com </span>PARA TU VIAJE A LA CIUDAD DE NUEVA YORK</span></h5>
   <p><strong>Opciones de alojamiento inigualables: </strong>Desde lujosos hoteles de 5 estrellas en Midtown Manhattan hasta encantadores hoteles boutique en SoHo, <span translate="no"> viajerosbaratos.com </span>ofrece una amplia gama de opciones de alojamiento para todos los gustos y presupuestos.</p>
   <p><strong>Experiencias seleccionadas: </strong>La ciudad de Nueva York está llena de experiencias únicas, desde bares en azoteas con vistas panorámicas hasta bares clandestinos secretos. Ofrecemos itinerarios seleccionados para ayudarle a descubrir las joyas ocultas de la ciudad junto con las atracciones icónicas.</p>
   <p><strong>Descuentos exclusivos: </strong>Nos asociamos con empresas locales para ofrecer a nuestros viajeros descuentos exclusivos en atracciones, tours y experiencias gastronómicas, haciendo que su viaje no solo sea memorable sino también más asequible.</p>
   <p><strong>Servicio personalizado: </strong>En <span translate="no"> viajerosbaratos,</span> nos enorgullecemos de brindar un servicio al cliente excepcional. Ya sea que necesite ayuda para reservar un espectáculo de Broadway o encontrar una reserva de último momento en un restaurante de primer nivel, estamos aquí para que su experiencia en Nueva York sea perfecta.</p>
</div>

<div class="list">
   <h6 class="title">¿QUÉ HACE QUE LA CIUDAD DE NUEVA YORK <span>ÚNICA?</span></h6>
   <p>La ciudad de Nueva York se destaca no solo por sus lugares emblemáticos sino también por su diversidad y energía. Desde la comida hasta el arte, la moda y la música, Nueva York es un crisol de culturas. Puede visitar Chinatown para disfrutar del auténtico dim sum, pasear por Harlem para experimentar la rica historia del jazz o explorar las galerías de arte de vanguardia en Chelsea. Cada barrio tiene su propia vibra, lo que hace que puedas sentirte como si estuvieras visitando varias ciudades dentro de una. La combinación de rascacielos y parques verdes, comida callejera y restaurantes con estrellas Michelin, sitios históricos e innovación moderna contribuyen a la magia de la ciudad de Nueva York.</p>
    </div>
   </div>
   </div>
</section>
<!-- about-area-end -->
<!-- footer-area -->
<footer>
    <div class="footer-area footer-bg">
        <!-- New Airlines Section -->
<div class="footer-airlines">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="footer-widget privacy">
                    <div class="fw-title text-center">
                        <h3>Aerolíneas Populares</h3>
                    </div>
                    <div class="fw-link">
                        <div class="airlines-grid">
                            <div class="airlines-row">
                                <a href="american.php">Aerolínea Estadounidense</a>
                                <a href="frontier-airlines.php">Aerolíneas Frontier</a>
                                <a href="iberia-airline.php">Aerolíneas Iberia</a>
                            </div>
                            <div class="airlines-row">
                                <a href="jetblue-airline.php">Jetblue Airline</a>
                                <a href="spirit-airlines.php">Aerolíneas Spirit</a>
                                <a href="united-airline.php">Aerolíneas United</a>
                            </div>
                            <div class="airlines-row">
                                <a href="viva-airline.php">Aerolíneas Viva</a>
                                <a href="volaris-airlines.php">Aerolíneas Volaris</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Airlines Section -->
        
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="footer-widget">
                            <div class="footer-logo">
                                <a href="/"><img src="assets/images/viajerosbaratos.png" alt="footerlogo" width="278" height="49"></a>
                            </div>
                            <div class="footer-content">
                                <p><span translate="no"> viajerosbaratos.com </span>es una compañía de viajes global que ofrece reservas de vuelos independiente asequibles, experiencias de viaje personalizadas y soporte las 24 horas, los 7 días de la semana, lo que garantiza viajes fluidos y memorables en todo el mundo.</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Enlaces Rápidos</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="last-minute-trip">Viaje de último minuto</a></li>
                                  <li><a href="student-trips">Viajes para estudiantiles</a></li>
                                  <li><a href="travel-for-seniors">Viajes para mayores</a></li>
                                  <li><a href="military-trips">Viajes militares</a></li>
                                  <li><a href="domestic-flights">Vuelos domésticos</a></li>
                                  <li><a href="one-way-flights">Vuelos de ida</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Destinos populares</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="orlando">Orlando</a></li>
                                  <li><a href="fort-lauderdale">Fort Lauderdale</a></li>
                                  <li><a href="atlanta">Atlanta</a></li>
                                  <li><a href="los-angeles">Los Angeles</a></li>
                                  <li><a href="saint-john">San Juan</a></li>
                                  <li><a href="miami">Miami</a></li>
                                  <li><a href="houston">Houston</a></li>
                                  <li><a href="newark">Newark</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-sm-4 ftr-hed">
                        <div class="footer-widget privacy">
                            <div class="fw-title">
                                <h4 class="title">Enlaces útiles</h4>
                            </div>
                            <div class="fw-link">
                                <ul>
                                  <li><a href="about-us.php">Sobre nosotras</a></li>
                                  <li><a href="contact.php">Contacta con nosotras</a></li>
                                  <li><a href="cancelation">Cancelación</a></li>
                                  <li><a href="privacy-policy">Política de privacidad</a></li>
                                  <li><a href="sitemap">Mapa del sitio</a></li>
                                  <li><a href="terms-conditions">Términos y condiciones</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-sm-8 ftr-hed">
                        <div class="footer-widget cnt-ftr">
                            <div class="fw-title">
                                <h4 class="title">Contacta con nosotras</h4>
                            </div>
                            <div class="footer-contact">
                              <ul>
                                <li><p><b>DIRECCIÓN</b><br> </p></li>
                                <li><a href="tel:+1-(855) 557-0035"><i class="fa fa-phone-alt"></i> +1-(855) 557-0035</a></li>
                                <li>
                                    <a href="mailto:info@viajerosbaratos.com">
                                        <i class="fa fa-envelope"></i> info@viajerosbaratos.com
                                    </a>
                                </li>
                                <li><a href=""><i class="fa fa-map-marker-alt"></i> Address :309 Coffeen Avenue STE 1200 Sheridan, Wyoming 82801</a></li>
                              </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="disclaimer"><strong>Descargo de responsabilidad:</strong> Estimados invitados, Bienvenidos a Viajerosbaratos. La información contenida en esta página está destinada únicamente a ser ejemplo. El sitio tiene información actualizada, precisa, completa y confiable que hemos trabajado arduamente para mantenerla actualizada. <span translate="no"> viajerosbaratos.com </span>generalmente analiza muchas cosas, como qué tan precisa es la información, cómo se conecta a otros sitios, qué tan disponible está el servicio y el contenido generado por el usuario. Garantizamos claridad y establecemos expectativas claras para todos los involucrados, minimizando sorpresas inesperadas. Si tiene alguna pregunta.</p>
              <div class="trust" bis_skin_checked="1">
                        <ul class="ftr-trustpilot">
                        <li><img src="assets/images/asta-logo.png" alt="asta" width="81" height="24"></li>
                        <li><img src="assets/images/cloudfare.png" alt="cloudfare" width="94" height="33"></li>
                        <li><img src="assets/images/godaddy-ssl.png" alt="godaddy" width="95" height="24"></li>
                        <li><img src="assets/images/mac2.png" alt="mac2" width="59" height="24"></li>
                        <li><img src="assets/images/newlogo.png" alt="newlogo" width="180" height="31"></li>
                        <li><img src="assets/images/arc.png" alt="trust" width="40" height="20"></li>
                        <li><img src="assets/images/trustpilot-logo.png" alt="trustpilot" width="115" height="28"></li>
                        </ul>
                        </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                    <div class="col-lg-12">
                        <div class="copyright-text text-center">
                            <p>Derechos de autor © 2024 <span translate="no">viajerosbaratos.com</span> | Reservados todos los derechos | Empresa matriz: <span translate="no"> Airfare Service Hub LLC</span></p>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</footer>



<style>
    /* Airlines Section Styles */
    .footer-airlines {
        background: #000000;
        padding: 30px 0;
        border-bottom: 1px solid #000000;
    }
    
    .fw-title h3 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    
    .airlines-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        max-width: 800px;
        margin: 0 auto;
    }
    
    .airlines-row {
        display: flex;
        justify-content: center;
        gap: 30px;
        width: 100%;
    }
    
    .airlines-row a {
        color: #ffffff;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        padding: 8px 15px;
        border: 1px solid #333;
        border-radius: 4px;
        transition: all 0.3s ease;
        min-width: 180px;
        text-align: center;
    }
    
    .airlines-row a:hover {
        background: #333;
        color: #fff;
        transform: translateY(-2px);
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .airlines-row {
            flex-direction: column;
            gap: 10px;
            align-items: center;
        }
        
        .airlines-row a {
            width: 80%;
        }
    }
</style>
<!-- footer-area-end -->
<!-- JS here -->
<script src="assets/js/flight-custom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" ></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/parsley.min.js"></script>
<script src="assets/js/search-result.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/newsletter.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
          $( ".input-date-picker" ).datepicker();
         let typingTimer;
         let doneTypingInterval = 5000;
         let destinationElement = $("#destination")
         var adults = 1;
         var children = 0;
         var infants = 0;
         var flightClass = "Economy";

         // Set the default value in the input field when the page loads
         $('.togglePassenger').val(adults + ' Adult, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
         function updateCount(id, increment, parent) {
            console.log(id)
             var countElement = $(parent).parent().find('.passenger-selector-' + id + '-count');
             var count = parseInt(countElement.text());
             count = increment ? count + 1 : count - 1;
             count = Math.max(0, count); // Ensure the count doesn't go below 0
             if(id === 'adults' && count < 1) count = 1; // Ensure at least 1 adult
             countElement.text(count);

             // Update the stored value
             if (id === 'adults') {
                 adults = count;
                 $("#adults").val(count)
             } else if (id === 'children') {
                 children = count;
                 $("#children").val(count)
             } else if (id === 'infants') {
                 infants = count;
                 $("#infants").val(count)
             }
         }

         $('.passenger-selector-adults-plus').on('click', function () {
             updateCount('adults', true, $(this));
         });
         $('.passenger-selector-adults-minus').on('click', function () {
             updateCount('adults', false, $(this));
         });
         $('.passenger-selector-children-plus').on('click', function () {
             updateCount('children', true, $(this));
         });
         $('.passenger-selector-children-minus').on('click', function () {
             updateCount('children', false, $(this));
         });
         $('.passenger-selector-infants-plus').on('click', function () {
             updateCount('infants', true, $(this));
         });
         $('.passenger-selector-infants-minus').on('click', function () {
             updateCount('infants', false, $(this));
         });

         $('.passenger-selector-class').on('change', function () {
             // Update the stored class value when the dropdown changes
             flightClass = $(this).val();
             console.log(flightClass)
             $("#flightClass").val(flightClass)
         });

         $('.togglePassenger').on('click', function (e) {
             $(this).parent().find('.passenger-selector').toggle();
             e.stopPropagation(); // Prevent click event from bubbling up
         });

         $('.passenger-selector-done-button').on('click', function () {
             // Update the input field with the stored values
             $('.togglePassenger').val(adults + ' Adults, ' + children + ' Children, ' + infants + ' Infants, ' + flightClass);
             $('.passenger-selector').hide();
         });

         $(document).on('click', function (e) {
             if (!$(e.target).closest('.passenger-selector').length && !$(e.target).is('.togglePassenger')) {
               $('.passenger-selector').hide();
             }
         });
         $("#roundtrip-tab").click(function() {
           $("input[name='tripType']").val("ROUND_TRIP")
         })
         $("#oneway-tab").click(function() {
           $("input[name='tripType']").val("ONE_WAY")
         })
         $(".destination,.source").select2({
            selectionCssClass : "input_select",
            minimumInputLength: 3,
            width: "100%",
            ajax: {
               url: 'api.php',
               method: "POST",
               delay: 500,
               data: function(params) {
                  var query = {
                     search_airport: 1,
                     query: params.term
                  }
                  return query
               },
               processResults: function(data) {
                  let response = []
                  for(let d of data.airports) {
                     response.push({ 'text': d.relevantHotelParams.localizedName, 'id': d.relevantFlightParams.skyId, 'place': d.relevantHotelParams.localizedName, 'entity': d.relevantFlightParams.entityId })
                  }
                  return { results: response }
               }
            }
         })

         $(".source").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextSourceName = $("#sourceName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextSourceName).val(place)
                }
            }
            let nextSourceEntity = $("#sourceEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextSourceEntity).val(entity)
                }
            }
        })

        $(".destination").on("change.select2", function(e) {
            let selectedData = $(this).select2('data');
            let nextDestinationName = $("#destinationName")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let place = originalOption.place
                if(place) {
                  $(nextDestinationName).val(place)
                }
            }
            let nextDestinationEntity = $("#destinationEntity")
            if (selectedData.length > 0) {
                let originalOption = selectedData[0];
                let entity = originalOption.entity
                if(entity) {
                  $(nextDestinationEntity).val(entity)
                }
            }
        })
      })
    </script>
</body>
</html>
