{% verbatim %}

    <script data-b2c-component-quarto-detalhe type="text/x-handlebars-template">
        <div class="quartos row">
            <div class="header-quarto" style="margin-bottom: 2rem">
                <div class="float-left">
                    <span class="apt-disp">Apartamentos disponíveis</span>
                    <div class="verifique-viagem">Selecione sua acomodação</div>
                </div>
                <div class="float-right">
                </div>
                <div class="popover-item float-right orange">
                    <div class="sad">
                        <svg id="Grupo_372" data-name="Grupo 372" xmlns="http://www.w3.org/2000/svg" width="28.457"
                             height="28.562" viewBox="0 0 28.457 28.562">
                            <path id="Caminho_917" data-name="Caminho 917"
                                  d="M-153.963-393.151a14.277,14.277,0,0,1-14.23-14.312,14.249,14.249,0,0,1,14.24-14.249,14.264,14.264,0,0,1,14.217,14.279A14.293,14.293,0,0,1-153.963-393.151Zm0-26.516a12.24,12.24,0,0,0-12.194,12.233,12.23,12.23,0,0,0,12.205,12.218,12.227,12.227,0,0,0,12.172-12.249A12.234,12.234,0,0,0-153.964-419.667Z"
                                  transform="translate(168.193 421.712)" fill="#fff"/>
                            <path id="Caminho_918" data-name="Caminho 918"
                                  d="M5.6,0a6,6,0,0,1,5.429,3.527A1.033,1.033,0,0,1,10.6,5a1.02,1.02,0,0,1-1.411-.577A3.806,3.806,0,0,0,5.576,2.093a3.8,3.8,0,0,0-3.6,2.346A1.026,1.026,0,1,1,.136,3.547,6,6,0,0,1,5.6,0Z"
                                  transform="translate(19.813 22.81) rotate(180)" fill="#fff"/>
                            <path id="Caminho_919" data-name="Caminho 919"
                                  d="M-75.919-316.406a2.557,2.557,0,0,1-2.568,2.6,2.558,2.558,0,0,1-2.567-2.56,2.559,2.559,0,0,1,2.568-2.6A2.56,2.56,0,0,1-75.919-316.406Z"
                                  transform="translate(88.026 327.187)" fill="#fff"/>
                            <path id="Caminho_920" data-name="Caminho 920"
                                  d="M41.139-316.4a2.559,2.559,0,0,1-2.605,2.564,2.571,2.571,0,0,1-2.537-2.6,2.572,2.572,0,0,1,2.57-2.565A2.562,2.562,0,0,1,41.139-316.4Z"
                                  transform="translate(-19.66 327.212)" fill="#fff"/>
                        </svg>

                    </div>
                    <div class="texto">
                        <span class="messages">Você ganhou um cupom de desconto!  <em>Escolha a categoria e resgate o seu cupom!</em></span>
                    </div>
                    <div class="arrow"></div>
                    <span class="close-popover"><i class="fas fa-times"></i> Fechar</span>
                </div>
            </div>

            <div class="quarto-list ">
                {{#each quarto }}
                     <div class=" row quarto">
                        <div class="col-md-9">
                            <div class="quarto-info d-flex">
                                <div class="col-md-7 col-12" style="    border-right: 1px solid #DEDEDE;">
                                    <div class="uh-nome">
                                        <b> {{#ifMaior quartoTarifaList.0.uhList.length 1 }}
                                             {{ quartoTarifaList.0.uhList.length }}x -
                                            {{/ifMaior }}   {{ nmUh }}
                                        </b>
                                        - {{ quarto.quartoTarifaList.0.uhList.0.regime.dsRegime  }}
                                    </div>
                                    <div class="uh-desc">
                                        {{{ dsUh }}}
                                    </div>
                                    {{#ifCond @index 0 }}
                                        <div class="uh-info">
                                            Últimos aptos com esse valor. Garanta já!
                                        </div>
                                    {{/ifCond}}

                                </div>
                                <div class="col-md-5 col-12" style="    border-right: 1px solid #DEDEDE;">
                                    <div class="mensagem">
                                        <i class="fas fa-search-dollar"></i> Encontramos o melhor preço!
                                    </div>

                                    <div class="qt-uh">
                                        <i class="fas fa-credit-card"></i> Pague em até 10x sem juros.
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-3 quarto-preco">
                         {{#each quartoTarifaList }}
                          {{#ifCond @index 0 }}
                                <div class="diarias">
                                    Diárias a partir de
                                </div>
                                <div class="vl-total">
                                    {{#toMoedaHtml (sum vlDiaria ../../vlInsumosInclusos) currency }}
                                    <span class="sg-moeda">{{ sgMoeda }}</span><span
                                            class="valor"> {{priceNoCents value }}</span>
                                    {{/toMoedaHtml }}
                                </div>
                                <div class="vl-periodo">
                                    Preço
                                    final {{ getQtNoites  dtEntrada dtSaida }}
                                    <div class="total-noites">
                                        {{#toMoedaHtml (sum vlPagamento ../../vlInsumosInclusos) currency }}
                                                 {{ sgMoeda}} {{priceNoCents value }}
                                        {{/toMoedaHtml }}
                                    </div>
                                </div>

                                <div class="taxas">
                                    Taxas inclusas.
                                </div>
                            <button type="button"  class="btn btn-primary btn-comprar" data-b2c-btn-comprar-uh  data-key-tarifa="{{ key }}" data-key-uh="{{../key}}"> SELECIONAR
                            </button>
                          {{/ifCond}}
                        {{/each}}
                        </div>
                    </div>

                {{/each }}
            </div>
        </div>
</script>

{% endverbatim %}