<!--
<div>
<b class="card-title">Reserva de alojamientos: </b><span class="card-text m-r-10">Ver precios <b class="card-title">NET+IVA</b> y <b class="card-title">PAX+IVA</b></span>
<a href="#" class="card-title"><u><b>Cambiar</b></u></a>
</div>
-->
<div>
<b class="card-text">Pais de nacionalidad de los pasajeros: </b>
<b id="nationality-pax" class="card-title m-r-10">
{{ app.session.get('accomodation_nationality_name') != null ? app.session.get('accomodation_nationality_name') : 'Argentina' }}
</b>
<a href="#" class="card-title btn-change-nationality"><u><b>Cambiar</b></u></a>
</div>
<form action="{{ path('accomodation_search') }}" class="form-accomodation-search form-inline floating-labels m-t-20" method="POST">
<div class="form-group col-xs-12 col-sm-12 col-md-2 box-nationality" hidden>
<label class="y text-white" for="nationality">Nacionalidad</label>
<div class="input-group mb-2 mr-sm-1 w-100">
<select class="form-control form-control-sm nationality" id="nationality" name="nationality" required>
{% for country in countries %}
<option value="{{ country.code }}" {% if app.session.get('accomodation_nationality') != null and app.session.get('accomodation_nationality') == country.code %}selected{% else %}{% if app.session.get('accomodation_nationality') == null and country.code == 'AR' %}selected{% endif %}{% endif %}>{{ country.esName }}</option>
{% endfor %}
</select>
</div>
</div>
{% set notShowing = '' %} {% if app.session.get('accomodation_nationality') == null or app.session.get('accomodation_nationality') == 'AR' %} {% set notShowing = 'not-showing' %} {% endif %}
<div class="form-group col-xs-12 col-sm-12 col-md-1 factura-t {{ notShowing }} box-bill-t">
<label class="" for="bill_T">Factura T</label>
<div class="mb-2 mr-sm-1">
<select class="form-control form-control-sm w-100" id="bill_T" name="bill_T" required>
<option value="1" {% if app.session.get('accomodation_bill_T') != null and app.session.get('accomodation_bill_T') == '1' %}selected{% endif %}>SI</option>
<option value="0" {% if app.session.get('accomodation_bill_T') == null or app.session.get('accomodation_bill_T') == '0' %}selected{% endif %}>NO</option>
</select>
</div>
</div>
<div class="form-group col-xs-12 col-sm-12 col-md-5">
<label class="y text-white" for="destination">Destino</label>
<div class="input-group mb-2 mr-sm-1 w-100">
<div class="input-group-prepend">
<div class="input-group-text bg-white"><i class="fas fa-solid fa-route tb-color"></i></div>
</div>
<input type="text" class="form-control form-control-sm fs-7em" id="destination" name="destination" placeholder="Hotel o destino (Búzios, Cabo Frío, Arraial Do Cabo, Rio de Janeiro)" value="{{ app.session.get('accomodation_destination') ? app.session.get('accomodation_destination') : '' }}" style="padding: 7px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;" required />
{# HIDDEN FIELD #}<input type="hidden" id="zone_id" name="zone_id" value="{{ app.session.get('accomodation_zone_id') ? app.session.get('accomodation_zone_id') : '' }}" />
</div>
</div>
<div class="form-group col-xs-12 col-sm-12 col-md-3">
<label class="y text-white" for="dates">Fecha in / Fecha out</label>
<div class="input-group mb-2 mr-sm-1 w-100">
<div class="input-group-prepend">
<div class="input-group-text bg-white"><i class="far fa-calendar-alt tb-color"></i></div>
</div>
<input type="text" class="form-control form-control-sm daterangepicker fs-7em" id="dates" name="dates" placeholder="Fecha in / Fecha out" style="top: 0px !important; left: 0px !important; padding: 8px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;" required />
{# HIDDEN FIELD #}<input type="hidden" id="date_from" name="date_from" value="{{ app.session.get('accomodation_date_from') ? app.session.get('accomodation_date_from') : ("now"|date_modify("+15 day")|date('Y-m-d')) }}" />
{# HIDDEN FIELD #}<input type="hidden" id="date_to" name="date_to" value="{{ app.session.get('accomodation_date_to') ? app.session.get('accomodation_date_to') : ("now"|date_modify("+18 day")|date('Y-m-d')) }}" />
</div>
</div>
<div class="form-group col-xs-12 col-sm-12 col-md-2 form-control form-control-sm input-ocupation rounded">
{# HIDDEN FIELD #}<input type="text" id="accomodation_occupation" name="accomodation_occupation" class="accomodation_occupation oculto" value="{{ app.session.get('accomodation_occupation') ? app.session.get('accomodation_occupation') : '0200' }}" >
<div id="spinner-ocupation-hotel" class="input-group">
<span id="input-spinner" class="input-group-addon back-color-white"><img src="{{ asset('img/input-spinner.gif') }}" /></span>
</div>
<div class="input-group select-rooms oculto" role="button" data-toggle="popover" data-placement="bottom" data-popover-content="#a1">
<span id="icon-bed" class="input-group-addon back-color-white"><i class="fas fa-solid fa-bed c-blue"></i> <span id="iconCantRooms" name="cant_rooms">{{ app.session.get('accomodation_c_rooms') ? app.session.get('accomodation_c_rooms') : 1 }}</span></span>
<span id="icon-pax" class="input-group-addon back-color-white"><i class="fas fa-user c-blue"></i> <span id="iconCantPax" name="cant_pax">{{ app.session.get('accomodation_c_pax') ? app.session.get('accomodation_c_pax') : 2 }}</span></span>
</div>
{# HIDDEN FIELD #}<input type="hidden" name="c_rooms" class="c_rooms" value="{{ app.session.get('accomodation_c_rooms') ? app.session.get('accomodation_c_rooms') : 1 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="c_pax" class="c_pax" value="{{ app.session.get('accomodation_c_pax') ? app.session.get('accomodation_c_pax') : 2 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_1_adults" class="room_1_adults" value="{{ app.session.get('roomDistributionArray')['room_1_adults'] is defined ? app.session.get('roomDistributionArray')['room_1_adults'] : 2 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_1_childs" class="room_1_childs" value="{{ app.session.get('roomDistributionArray')['room_1_childs'] is defined ? app.session.get('roomDistributionArray')['room_1_childs'] : 0 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_2_adults" class="room_2_adults" value="{{ app.session.get('roomDistributionArray')['room_2_adults'] is defined ? app.session.get('roomDistributionArray')['room_2_adults'] : 0 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_2_childs" class="room_2_childs" value="{{ app.session.get('roomDistributionArray')['room_2_childs'] is defined ? app.session.get('roomDistributionArray')['room_2_childs'] : 0 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_3_adults" class="room_3_adults" value="{{ app.session.get('roomDistributionArray')['room_3_adults'] is defined ? app.session.get('roomDistributionArray')['room_3_adults'] : 0 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_3_childs" class="room_3_childs" value="{{ app.session.get('roomDistributionArray')['room_3_childs'] is defined ? app.session.get('roomDistributionArray')['room_3_childs'] : 0 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_4_adults" class="room_4_adults" value="{{ app.session.get('roomDistributionArray')['room_4_adults'] is defined ? app.session.get('roomDistributionArray')['room_4_adults'] : 0 }}" />
{# HIDDEN FIELD #}<input type="hidden" name="room_4_childs" class="room_4_childs" value="{{ app.session.get('roomDistributionArray')['room_4_childs'] is defined ? app.session.get('roomDistributionArray')['room_4_childs'] : 0 }}" />
</div>
<div class="oculto" id="a1">
<div id="room-body" class="popover-body">
</div>
</div>
<div class="form-group col-xs-12 col-sm-12 col-md-2">
<button class="btn-accomodation-search loading btn btn-primary mb-2 btn-rounded">Buscar</button>
</div>
</form>