{% verbatim %}

	<script data-b2c-component-checkout-nomes type="text/x-handlebars-template">
        <div class="card-nomes" data-b2c-form-dados-pessoais>
               {{#isNotEmpty reserva.reservaHotelList }}
                     {{#isNotEmpty reserva.reservaHotelList.0.hotel.endereco }}
                         {{#isNotEmpty reserva.reservaHotelList.0.hotel.endereco.municipio }}
                                <div class="location">
                                    {{ reserva.reservaHotelList.0.hotel.endereco.municipio.nmMunicipio }}
                                </div>
                          {{/isNotEmpty}}
                    {{/isNotEmpty}}
                        <div class="destino">
                            {{ reserva.reservaHotelList.0.hotel.nome }}
                        </div>
                {{/isNotEmpty}}
                <hr>
            {{#isNotEmpty reservaNomeList}}
                <div action="">
                    <h5 style="    color: #626262;">Dados do(s) Hóspede(s)</h5>
                    <hr>
                    {{#each reservaNomeList }}
                      {{#each quartos}}
                        <div data-b2c-quarto data-b2c-parametro="{{ keyUhParametro }}">
                             {{#each reservaNome}}
                                    <div class="passageiros" >
                                        <div class="form-row"  data-b2c-passageiro="{{ @index }}">
                                            <div class="form-group col-md-6">
                                                <label for="input-nome">Nome ({{montaPaxTipoReservaNome this}})
                                                    *</label>
                                                <input type="text" class="form-control" data-b2c-input="nome" placeholder="Nome">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label for="input-sobrenome{{ @index }}">Sobrenome *</label>
                                                <input type="text" class="form-control" id="input-sobrenome{{ @index }}"
                                                       data-b2c-input="sobrenome" placeholder="Sobrenome">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label for="input-sexo">Sexo</label>
                                                <select id="input-sexo" data-b2c-input="sexo-passageiro" class="form-control">
                                                    <option selected value="MASCULINO">Masculino</option>
                                                    <option value="FEMININO">Feminino</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label for="input-dt-nascimento{{ @index }}">Data Nascimento *</label>
                                                <input name="dtNascimento" type="text" class="form-control"  data-b2c-input="dtNascimento"
                                                       id="input-dt-nascimento{{ @index }}"
                                                       placeholder="__ /__ /____">
                                                <input type="hidden" data-b2c-input="paxTipo" value="{{ paxTipo }}"/>
                                                <input type="hidden" data-b2c-input="qtIdade" value="{{ qtIdade }}"/>
                                            </div>

                                        </div>
                                    </div>
                              {{/each}}
                          </div>
                       {{/each}}
                    {{/each}}
                </form>
            {{/isNotEmpty}}
        </div>
    </script>
{% endverbatim %}