{% verbatim %}
    <script data-b2c-component-hotel-detalhe type="text/x-handlebars-template">
        {{#ifNotCond hotel.imagem  null }}
            <div class="galeria d-flex" id="galeria-hotel">
                {{#each hotel.imagem }}
                    {{#ifCond @index 0}}
                        <a class="img-principal"
                           href="{{ urlImagemGrande }}">
                            <img onerror="B2C.notFoundImagemSrc(this)"
                                 src="{{urlImagemGrande}}"/>
                            <div class="div-slider-info">
                                <i class="fas fa-images" style=" margin-right: 8px; font-size: 18px; "></i>VER MAIS
                                IMAGENS
                            </div>
                        </a>
                     {{/ifCond }}
                     {{#ifNotCond  @index 0 }}

                        {{#ifCond @index 1 }}
                            <a style="    right: 228px;" class="img-secundarias"
                               href="{{ urlImagemGrande }}">
                                <img onerror="BF.notFoundImagemSrc(this)"  src="{{urlImagemMedia}}"/>
                            </a>
                        {{/ifCond}}
                        {{#ifCond @index 2 }}
                            <a style="right: 0" class="img-secundarias"
                               href="{{ urlImagemGrande }}">
                                <img style="width: 100%" onerror="BF.notFoundImagemSrc(this)"  src="{{urlImagemMedia}}"/>
                            </a>
                         {{/ifCond}}
                        {{#ifCond @index 3 }}
                            <a style="    right: 228px;bottom: 0" class="img-secundarias"
                               href="{{ urlImagemGrande}}">
                                <img style="width: 100%"
                                     onerror="BF.notFoundImagemSrc(this)"  src="{{urlImagemMedia}}"/>
                            </a>
                        {{/ifCond}}
                        {{#ifCond @index 4 }}
                            <a style="right: 0;bottom: 0" class="img-secundarias"
                               href="{{ urlImagemGrande }}">
                                <img style="width: 100%"
                                     onerror="BF.notFoundImagemSrc(this)"  src="{{urlImagemMedia}}"/>
                            </a>
                        {{/ifCond}}
                        {{#ifCond @index 5 }}
                            <a style="display: none" class="img-secundarias"
                               href="{{ urlImagemGrande }}">
                                <img style="width: 100%"
                                     onerror="BF.notFoundImagemSrc(this)"  src="{{urlImagemMedia}}">
                            </a>
                         {{/ifCond}}

                         {{#ifNotIn @index '[0, 1, 2, 3, 4, 5]' }}
                            <a style="display: none" class="img-secundarias"
                               href="{{ urlImagemGrande }}">
                                <img style="width: 100%"
                                     src="{{ urlImagemGrande}}"/>
                            </a>
                         {{/ifNotIn}}

                    {{/ifNotCond }}


                {{/each }}
            </div>
        {{/ifNotCond }}
            <div class="hotel-info">
                <div class="share float-right">
                    <div class="btn-compartilhar">
                        <div class="compartilhar-box pointer">
                            COMPARTILHAR
                            <span class="fa fa-share-alt"></span>
                            <div id="compartilhar-itens">
                                <div class="div-icones">
                                    <a href="javascript:void(0)"
                                       onclick="window.open('https://www.facebook.com/sharer.php?u='+window.location.href, 'Compartilhar', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=50, WIDTH=1000, HEIGHT=700');"
                                       class="facebook" href=""><i class="fab fa-facebook-square"></i></a>
                                    <a href="javascript:void(0)"
                                       onclick="window.open('https://twitter.com/share?url='+window.location.href, 'Compartilhar', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=50, WIDTH=1000, HEIGHT=700');"
                                       class="twitter" href=""><i class="fab fa-twitter"></i></a>
                                    <a href="javascript:void(0)" data-action="share/whatsapp/share"
                                       onclick="window.open('https://api.whatsapp.com/send?text=Veja minha viagem em :  '+window.location.href, 'Compartilhar', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=50, WIDTH=1000, HEIGHT=700');"
                                       class="whatsapp" href=""><i class="fab fa-whatsapp"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nm-hotel">
                    {{hotel.nome}}
                </div>
                <div class="location">
                    {{montaEnderecoHotel hotel.endereco }}
                    {{#notNull hotel.endereco.nrLongitude }}
                        <button style="margin-left: 10px" data-toggle="modal" data-target="#modalMaps" class="btn btn-primary btn-abrir-mapa"
                               onclick="BF.map({{ hotel.endereco.nrLatitude }}, {{ hotel.endereco.nrLongitude }}, '{{hotel.nome}} - {{montaEnderecoHotel hotel.endereco}}');">
                            Ver no mapa <i class="fas fa-map" style="margin-left: 6px;"
                            ></i>
                        </button>
                    {{/notNull }}
                </div>
                <div class="d-flex itens">
                    <div class="stars">
                       {{#getStarsHotel hotel.qtEstrela}}
                                {{ value }}
                        {{/getStarsHotel }}
                    </div>

                    <div class="regime">
                        {{#if quarto.0.quartoUh.0.regime.dsRegime }}
                             <i class="fas fa-coffee"></i> {{ quarto.0.quartoUh.0.regime.dsRegime }}
                        {{/if}}
                    </div>
                </div>
                    <div class="hotel-desc">
                        <h5>Conheça um pouco mais</h5>
                     <div class="descricao descricao-parent">
                        <div style="position: relative" class="descricao-conteudo descricao-hotel">{{{trim hotel.dsHotel}}}</div>
                        {{#ifMaior hotel.dsHotel.length 80}}
                            <span class="bg-white-opacity"></span>
                              <div class="text-ver-mais">
                                <button onclick="$(this).closest('.descricao-parent').toggleClass('open');return false;" data-slidetoggle-height=".descricao-hotel" data-min-height="82" type="button" class="btn btn-primary btn-ler-mais">LER MAIS</button>
                            </div>
                        {{/ifMaior}}
                     </div>


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

{% endverbatim %}