{% verbatim %}
<script data-b2c-component-hotel-item type="text/x-handlebars-template">
    <div   class="hotel hotel-item-pesquisa  row">
        <div class="col-md-4 div-img-hotel">
            <img class="img-hotel"
                 onerror="BF.notFoundImagemSrc(this)" data-src="{{ hotel.imagem.0.urlImagemMedia }}"
                 alt="">
            {{#notNull hotel.dsDestaque }}
                <div class="recomendado">
                    {{ hotel.dsDestaque }}
                </div>
            {{/notNull }}
        </div>
        <div class="col-md-5 div-hotel-info">
            <div class="border-l">
                <div class="nm-hotel"> {{ hotel.nome }}</div>
                <div class="d-flex itens">
                    <div class="stars">
                        {{#getStarsHotel hotel.qtEstrela }}
                                {{ value }}
                        {{/getStarsHotel }}
                    </div>

                </div>
                <div class="ref">
                 {{#if quarto.0.quartoUh.0.regime.dsRegime }}
                       <i class="fas fa-bed"></i> {{ quarto.0.quartoUh.0.regime.dsRegime }}
                 {{/if}}
                </div>
                {{#validaPolitica quarto }}
                    <div class="c-st">
                        <i class="fas fa-check" style="margin-left: -14px;"></i> Cancelamento Gratis
                    </div>
                {{/validaPolitica }}

                {{#getRandownList idxHotel }}
                    <div class="destaque">
                        <span>Últimos aptos com esse valor</span>
                    </div>
                {{/getRandownList }}
                <div class="mensagem">
                    <div class="descontos">
                        {{#each quarto.0.quartoUh.0.tarifa.desconto }}
                           {{#ifCond descontoTipo 'ANTECIPACAO' }}
                                <div title="{{ dsDesconto }}" data-tooltip="{{ dsDesconto}}"
                                     class="desconto-info"><i class="fas fa-asterisk  circle"></i></div>
                            {{/ifCond }}
                            {{#ifCond descontoTipo 'PROMOCAO' }}
                                <div title="{{ dsDesconto }}" data-tooltip="{{ dsDesconto }}"
                                     class="desconto-info"><i class="fas fa-users circle"></i></div>
                            {{/ifCond }}
                            {{#ifCond descontoTipo 'CLIENTE_B2C' }}
                                <div title="{{ dsDesconto }}" data-tooltip="{{ dsDesconto }}"
                                     class="desconto-info"><i class="far fa-money-bill-alt circle"></i></div>
                            {{/ifCond }}
                             {{#ifCond descontoTipo 'COMPRE_GANHE' }}
                                <div title="{{ dsDesconto }}" data-tooltip="{{ dsDesconto }}"
                                     class="desconto-info"><i class="fas fa-tags"></i></div>
                            {{/ifCond }}
                             {{#ifCond descontoTipo 'CUPOM' }}
                                <div title="{{ dsDesconto }}" data-tooltip="{{ dsDesconto }}"
                                     class="desconto-info"><i class="fas fa-tag"></i></div>
                            {{/ifCond }}
                            {{#ifCond descontoTipo 'IDADE' }}
                                <div title="{{ dsDesconto}}" data-tooltip="{{ dsDesconto }}"
                                     class="desconto-info"><i class="far fa-money-bill-alt circle"></i></div>
                            {{/ifCond }}
                           {{#ifCond descontoTipo 'AJUSTE' }}
                                <div title="{{ dsDesconto }}" data-tooltip="{{ dsDesconto }}"
                                     class="desconto-info"><i class="fas fa-asterisk"></i></div>
                            {{/ifCond }}
                     {{/each }}
                    </div>

                    <i class="fas fa-search-dollar"></i> Encontramos o melhor preço!
                </div>
            </div>
        </div>
        <div class="col-md-3 div-preco">
            <div class="info-preco">

                <div class="diarias">
                    {{#ifCond tpPesquisa "hospedagem"}}
                            {{__ 'diariasAPartirDe'}}
                        {{/ifCond}}
                        {{#ifNotCond tpPesquisa "hospedagem"}}
                            {{__ 'aPartirDe'}}
                     {{/ifNotCond}}
                </div>
                <div class="vl-total">
                  {{#getVlTotalTarifaHotel quarto dtEntrada dtSaida vlInsumosInclusos}}
                    <span class="sg-moeda">{{ sgMoeda }}</span>
                    <span class="valor">{{priceNoCents value }}</span>
                  {{/getVlTotalTarifaHotel }}
                </div>
                <div class="vl-periodo">

                    Total por {{ getQtNoites  dtEntrada dtSaida }}
                    {{#getVlTotalTarifaHotel quarto null null vlInsumosInclusos}}
                     <div class="total-noites">
                        {{ sgMoeda }}  {{priceNoCents value }}
                      </div>
                    {{/getVlTotalTarifaHotel }}
                </div>
                <div class="taxas">
                    Taxas inclusas. <br>
                    Pague em até 12x sem juros.
                </div>
            </div>
            <div class="div-btn">
                <a type="button" class="btn btn-primary btn-comprar " href="{{ urlDetalheHotel }}">SELECIONAR</a>
            </div>
        </div>
    </div>
</script>

{% endverbatim %}