{# PASSENGERS #}
<div class="col-6 sm-12 relative icon__input--inline icon_arrow_down js-slidePicker slidePicker" data-slidetoggle="js-travelers" role="button" tabindex="0">
<div class="text-input input--white no-focus js-passangerTotal passangerTotalHotel">
<span class="col-6 lap-12">
<span class="material-icons-round">person</span>
<span id="quantityPassangerADT" class="quantityPassangerADT">{% if cookie %}{{ cookieLastSearch.adults }}{% else %}1{% endif %}</span>
</span>
<span class="col-6 hide-lap">
<span class="material-icons-round">supervisor_account</span>
<span id="quantityPassangerCHD" class="quantityPassangerCHD">{% if cookie %}{{ cookieLastSearch.children }}{% else %}0{% endif %}</span>
</span>
<i class="icon icon__input material-symbols-outlined"></i>
</div>
</div>
<div class="p-3 search__hotel-passengers-block picker js-travelers" style="display:none">
<div class="search-hotel__row-room">
<div class="js-slideContent">
<div class="wrapper-susy">
<div class="hide-lap hide-desk js-palmPrevModal palmPrevModal"><i class="icon icon_chevron_left" style="cursor: pointer"></i>Volver</div>
<div class="col-12 search-hotel__col-passenger">
<p class="search__option__label js-rooms">Pasajeros adultos</p>
<label id="js-passengerError" class="label--error js-searchErrorMax col-12" style="display: none;">Seleccione máximo 4 pasajeros</label>
</div>
<div class="search-hotel__row-passengers">
<div class="js-slideContent">
<div class="wrapper-susy">
<div class="col-12 search-cruise__col-passenger">
<div class="form-group">
<div class="input-group">
<select name="parameters[adults]" id="adults" class="text-input input--white select--arrow select--arrow--hide-palm js-searchErrorInput js-changeOption">
{% for i in 1..4 %}
<option value="{{i}}" {% if i == 1 %}selected="selected"{% endif %}>{{i}} Adulto{% if i >= 2 %}s{% endif %}</option>
{% endfor %}
</select>
<div class="search__btn-increment input-group-add">
<button class="btn btn--secondary js-prevOption"><span>-</span></button>
<button class="btn btn--secondary js-nextOption"><span>+</span></button>
</div>
</div>
</div>
</div>
{# Desktop #}
<div id="js-adult-1" class="col-3 search-cruise__col-child tooltips">
<span class="tooltips-content">Edad cumplida para la fecha de viaje.</span>
<div class="js-slideContent form-group">
<label for="js-adult-1-select" class="label-top overflow-ellipsis">Edad Adulto 1</label>
<select id="js-adult-1-select" name="parameters[ageAdult1]" id="ageAdult1" class="text-input input--white select--arrow js-searchErrorInput js-changeOption adultActive">
{% for i in 21..99 %}
<option value="{{i}}" {% if i == 12 %}selected="selected"{% endif %}>{{i}}</option>
{% endfor %}
</select>
</div>
</div>
<div id="js-adult-2" class="col-3 search-cruise__col-child tooltips">
<span class="tooltips-content">Edad cumplida para la fecha de viaje.</span>
<div class="js-slideContent form-group">
<label for="js-adult-2-select" class="label-top overflow-ellipsis">Edad Adulto 2</label>
<select id="js-adult-2-select" name="parameters[ageAdult2]" id="ageAdult2" class="text-input input--white select--arrow js-searchErrorInput js-changeOption adultActive">
{% for i in 13..99 %}
<option value="{{i}}" {% if i == 12 %}selected="selected"{% endif %}>{{i}}</option>
{% endfor %}
</select>
</div>
</div>
<div id="js-adult-3" class="col-3 search-cruise__col-child tooltips" style="display:none">
<span class="tooltips-content">Edad cumplida para la fecha de viaje.</span>
<div class="js-slideContent form-group">
<label for="js-adult-3-select" class="label-top overflow-ellipsis">Edad Adulto 3</label>
<select id="js-adult-3-select" name="parameters[ageAdult3]" id="ageAdult3" class="text-input input--white select--arrow js-searchErrorInput js-changeOption adultActive">
{% for i in 13..99 %}
<option value="{{i}}" {% if i == 12 %}selected="selected"{% endif %}>{{i}}</option>
{% endfor %}
</select>
</div>
</div>
<div id="js-adult-4" class="col-3 search-cruise__col-child tooltips" style="display:none">
<span class="tooltips-content">Edad cumplida para la fecha de viaje.</span>
<div class="js-slideContent form-group">
<label for="js-adult-4-select" class="label-top overflow-ellipsis">Edad Adulto 4</label>
<select id="js-adult-4-select" name="parameters[ageAdult4]" id="ageAdult4" class="text-input input--white select--arrow js-searchErrorInput js-changeOption adultActive">
{% for i in 13..99 %}
<option value="{{i}}" {% if i == 12 %}selected="selected"{% endif %}>{{i}}</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
<div class="js-slideContent">
<div class="wrapper-susy">
<div class="col-12 search-cruise__col-passenger">
<p class="search__option__label">Pasajeros niños</p>
</div>
{# Desktop #}
<div class="col-12 search-cruise__col-passenger">
<div class="form-group">
<div class="input-group">
<select name="parameters[children]" id="children" data-parent1="-n1-" class="text-input input--white select--arrow select--arrow--hide-palm js-searchErrorInput js-instanceOption js-changeOption">
<option value="0" selected="selected">Sin Niño</option>
<option value="1">1 Niño</option>
<option value="2">2 Niños</option>
<option value="3">3 Niños</option>
</select>
<div class="search__btn-increment input-group-add">
<button class="btn btn--secondary js-prevOption"><span>-</span></button>
<button class="btn btn--secondary js-nextOption"><span>+</span></button>
</div>
</div>
</div>
</div>
<div id="js-child-1" class="col-4 search-cruise__col-child tooltips" style="display:none">
<span class="tooltips-content">Edad cumplida para la fecha de viaje.</span>
<div class="js-slideContent form-group">
<label for="js-child-1-select" class="label-top overflow-ellipsis">Edad Niño 1</label>
<select id="js-child-1-select" name="parameters[ageChild1]" id="ageChild1" class="text-input input--white select--arrow js-searchErrorInput js-changeOption childActive">
{% for i in 0..12 %}
<option value="{{i}}" {% if i == 6 %}selected="selected"{% endif %}>{{i}}</option>
{% endfor %}
</select>
</div>
</div>
<div id="js-child-2" class="col-4 search-cruise__col-child tooltips" style="display:none">
<span class="tooltips-content">Edad cumplida para la fecha de viaje.</span>
<div class="js-slideContent form-group">
<label for="js-child-2-select" class="label-top overflow-ellipsis">Edad Niño 2</label>
<select id="js-child-2-select" name="parameters[ageChild2]" id="ageChild2" class="text-input input--white select--arrow js-searchErrorInput js-changeOption childActive">
{% for i in 0..12 %}
<option value="{{i}}" {% if i == 6 %}selected="selected"{% endif %}>{{i}}</option>
{% endfor %}
</select>
</div>
</div>
<div id="js-child-3" class="col-4 search-cruise__col-child tooltips" style="display:none">
<span class="tooltips-content">Edad cumplida para la fecha de viaje.</span>
<div class="js-slideContent form-group">
<label for="js-child-3-select" class="label-top overflow-ellipsis">Edad Niño 3</label>
<select id="js-child-3-select" name="parameters[ageChild3]" id="ageChild3" class="text-input input--white select--arrow js-searchErrorInput js-changeOption childActive">
{% for i in 0..12 %}
<option value="{{i}}" {% if i == 6 %}selected="selected"{% endif %}>{{i}}</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{# END ROOMS #}
{#
<div class="col-6 sm-12">
<div class="search-hotel__btn-search">
<input style="letter-spacing:1px;text-transform:unset;font-size: 14px;" type="button" value="Buscar{% if 'aviatur_search_hotels' in app.request.get('_route') or 'aviatur_hotel_filtered' in app.request.get('_route') or 'aviatur_hotel_view' in app.request.get('_route')%}{% endif %}" data-type="online" class="js-changeType search__footer__submit btn btn--full btn--submit {% block package_submit_btn %}js-searchButton{% endblock %}">
{% block package_flight_options %}{% endblock %}
</div>
</div>
#}