{% verbatim %}

    <script data-b2c-component-quarto-detalhe type="text/x-handlebars-template">
        <div class="box-quarto">
            <div class="row quarto-header hidden-sm hidden-xs hidden-md">
                <div class="col-4 categoria">{{__ 'categoriaDoQuarto'}}</div>
                <div class="col-3 regime">{{__ 'regime'}}</div>

                <div class="col-3 preco-noite">
                    {{#getStMostrarPreco}}
                        {{#ifNot stPacote}}
                            {{__ 'precoPorNoite'}}
                        {{/ifNot}}
                    {{/getStMostrarPreco}}
                </div>
                <div class="col-2 preco-total">
                    {{#getStMostrarPreco}}
                        {{__ 'precoTotal'}}
                    {{/getStMostrarPreco}}
                </div>
            </div>
            <div class="quarto-list">

                {{#each quarto }}
                    <div class="quarto-item">
                        <div class="row conteudo">
                            <div class="col-md-12 col-sm-12 col-lg-4 categoria">
                                <p class="titulo">
                                    <b>
                                        {{#ifMaior quartoTarifaList.0.uhList.length 1 }}
                                            {{ quartoTarifaList.0.uhList.length }}x -
                                        {{/ifMaior }}

                                        {{ nmUh }}
                                    </b>
                                </p>
                                <p class="promos">
                                    {{#each descontoList }}
                                        {{#ifCond descontoTipo "ANTECIPACAO"}}
                                            <i class="fas fa-asterisk circle" title="{{ dsDesconto }}"></i>
                                        {{/ifCond }}
                                        {{#ifCond descontoTipo "IDADE"}}
                                            <i class="fas fa-users circle" title="{{ dsDesconto }}"></i>
                                        {{/ifCond }}
                                        {{#ifCond descontoTipo "PROMOCAO"}}
                                            <i class="fas fa-money-bill-alt circle" title="{{ dsDesconto }}"></i>
                                        {{/ifCond }}
                                        {{#ifCond descontoTipo "COMPRE_GANHE"}}
                                            <i class="fas fa-tags circle" title="{{ dsDesconto }}"></i>
                                        {{/ifCond }}
                                        {{#ifCond descontoTipo "CUPOM"}}
                                            <i class="fas fa-ticket-alt circle" title="{{ dsDesconto }}"></i>
                                        {{/ifCond }}
                                        {{#ifCond descontoTipo "CLIENTE_B2C"}}
                                            <i class="fas fa-user-tag circle" title="{{ dsDesconto }}"></i>
                                        {{/ifCond }}
                                        {{#ifCond descontoTipo "AJUSTE"}}
                                            <i class="fas fa-sync-alt circle" title="{{ dsDesconto }}"></i>
                                        {{/ifCond }}
                                    {{/each }}
                                </p>
                                <div class="descricao-parent">
                                    <p class="descricao desc{{@index}}">{{ dsUh }}</p>
                                    {{#ifMaior dsUh.length 115}}
                                        <span class="bg-white-opacity"></span>
                                        <a href="javascript:void(0)" onclick="$(this).closest('.descricao-parent').toggleClass('open');return false;" data-slidetoggle-height=".descricao.desc{{@index}}" data-min-height="64" class="read-more-qrts">
                                            <span class="ler-mais">
                                                {{__ 'lerMais'}}
                                                <i class="fas fa-caret-right"></i>
                                            </span>
                                            <span class="ler-menos">
                                                {{__ 'lerMenos'}}
                                                <i class="fas fa-caret-right"></i>
                                            </span>
                                        </a>
                                    {{/ifMaior}}
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 col-lg-8 col-tarifas">
                                {{#each quartoTarifaList }}
                                    <div class="tarifa row {{#if stDisponivel }}{{#ifCond ../quartoTarifaSelecionada.key key}}active{{/ifCond}}{{/if}} {{#ifNot stDisponivel }}off{{/ifNot}}" {{#if stDisponivel }}onclick="B2C.detalhe.alteraUh(this, event)" data-key-tarifa="{{ key }}" data-key-uh="{{../key}}"{{/if}}>
                                        <div class="col-md-5 col-sm-8 col-lg-5 col-12 regime">
                                            <div class="promos">
                                                <span>
                                                {{#each descontoList }}
                                                    {{#ifCond descontoTipo "ANTECIPACAO"}}
                                                        <i class="fas fa-asterisk circle" title="{{ dsDesconto }}"></i>
                                                    {{/ifCond }}
                                                    {{#ifCond descontoTipo "IDADE"}}
                                                        <i class="fas fa-users circle" title="{{ dsDesconto }}"></i>
                                                    {{/ifCond }}
                                                    {{#ifCond descontoTipo "PROMOCAO"}}
                                                        <i class="fas fa-money-bill-alt circle" title="{{ dsDesconto }}"></i>
                                                    {{/ifCond }}
                                                    {{#ifCond descontoTipo "COMPRE_GANHE"}}
                                                        <i class="fas fa-tags circle" title="{{ dsDesconto }}"></i>
                                                    {{/ifCond }}
                                                    {{#ifCond descontoTipo "CUPOM"}}
                                                        <i class="fas fa-ticket-alt circle" title="{{ dsDesconto }}"></i>
                                                    {{/ifCond }}
                                                    {{#ifCond descontoTipo "CLIENTE_B2C"}}
                                                        <i class="fas fa-user-tag circle" title="{{ dsDesconto }}"></i>
                                                    {{/ifCond }}
                                                {{/each }}
                                                </span>
                                            </div>

                                            {{#isEmpty facilidadeList}}
                                                {{#isEmpty uhList.0.regime}}
                                                    {{__ 'somenteHospedagem'}}
                                                {{/isEmpty}}
                                            {{/isEmpty}}

                                            <!--{{#each facilidadeList}}-->
                                                <!--{{dsFacilidade}}-->
                                            <!--{{/each}}-->

                                            <p>{{ uhList.0.regime.dsRegime }}</p>

                                            {{#if stDisponivel }}
                                                {{#montaPoliticasQuarto uhList.0.tarifa }}
                                                    {{#ifCond tp "CANCELAMENTO" }}
                                                        <p class="politica-cancelamento "><i class="fa fa-check" aria-hidden="true"></i> {{ value }}</p>
                                                    {{/ifCond }}
                                                    {{#ifCond tp "NAO_REEMBOLSAVEL" }}
                                                    <a class="politica-cancelamento nao-reembolsavel"
                                                        b2c-tooltip
                                                        b2c-tooltip-title="{{__ 'estaTarifaNaoEReembolsavel'}}"
                                                    >
                                                        {{ value }} <i class="fas fa-info-circle"></i>
                                                    </a>
                                                    {{/ifCond}}
                                                {{/montaPoliticasQuarto}}
                                            {{/if}}
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-lg-3 col-12 hidden-xs diaria">
                                            {{#ifNot ../../stPacote}}
                                                <span class="titulo">{{__ 'diariaAPartirDe'}}:</span>
                                                <span class="depor">
                                                    {{#ifNotCond vlDiariaDiferenca 0}}
                                                        {{toMoeda (sum vlDiariaTotal ../../vlInsumosInclusosTotal) currency }}
                                                    {{/ifNotCond}}
                                                </span>
                                                <span class="price">
                                                    {{#toMoedaHtml (sum vlDiaria ../../vlInsumosInclusos) currency }}
                                                        <span>{{ sgMoeda }}</span>
                                                        {{ value }}
                                                    {{/toMoedaHtml }}
                                                </span>
                                            {{/ifNot}}
                                        </div>
                                        <div class="col-md-3 col-sm-3 col-lg-3 col-11 total">
                                            <span class="titulo">{{__ 'precoTotal'}}:</span>
                                            <span class="depor">
                                                {{#ifNotCond vlDiferenca 0}}
                                                    {{toMoeda (sum vlTotal ../../vlInsumosInclusosTotal) currency }}
                                                {{/ifNotCond}}
                                            </span>
                                            <span class="price">
                                                {{#toMoedaHtml (sum vlPagamento ../../vlInsumosInclusos) currency }}
                                                    <span>{{ sgMoeda }}</span>
                                                    {{ value }}
                                                {{/toMoedaHtml }}
                                            </span>
                                            <span class="promos"></span>
                                        </div>
                                        <div class="col-1 select">
                                            <div class="check">
                                                <span>&nbsp;</span>
                                            </div>
                                        </div>
                                        <div class="col-12 sem-disp" style="display:none">
                                            <p>{{__ 'semDisponibilidadeNoMomento'}}</p>
                                        </div>
                                    </div>
                                {{/each}}
                            </div>
                        </div>
                    </div>
                {{/each }}

            </div>
        </div>
    </script>

{% endverbatim %}
