{% verbatim %}

    <script data-b2c-component-hotel-detalhe type="text/x-handlebars-template">
        <div class="box box-hotel" style="position: relative;">
            <div class="col-galeria">
                <div class="galeria" id="lightgallery">
                    {{#isEmpty hotel.imagem }}
                        <a onerror="BF.notFoundImagemHref(this)" href="(unknow)" data-src="(unknow)" style="z-index: 1;">
                            <img onerror="BF.notFoundImagemSrc(this)" class="img-responsive" src="(unknow)">
                        </a>
                    {{/isEmpty}}
                    {{#each hotel.imagem }}
                        <a onerror="BF.notFoundImagemHref(this)" href="{{urlImagemGrande}}" data-src="{{urlImagemGrande}}" {{#ifNotCond @index 0}}class="hidden"{{/ifNotCond}} style="z-index: 1;">
                            <img onerror="BF.notFoundImagemSrc(this)" class="img-responsive" src="{{urlImagemMedia}}">
                            <span>
                                <i class="fas fa-images"></i>
                                {{__ 'verMaisFotos'}}
                            </span>
                        </a>
                    {{/each }}
                </div>
            </div>
            <div class="conteudo">
                <h2 class="titulo">{{hotel.nome}}</h2>

                <span class="stars">
                    {{#montaQtEstrelas hotel.qtEstrela }}
                        <i class="fas fa-star"></i>
                    {{/montaQtEstrelas}}
                </span>

                <p class="endereco">
                    {{montaEnderecoHotel hotel.endereco }}

                    {{#notNull hotel.endereco.nrLongitude }}
                        <span data-toggle="modal" data-target="#modalMaps"
                            onclick="BF.map({{ hotel.endereco.nrLatitude }}, {{ hotel.endereco.nrLongitude }}, '{{hotel.nome}} - {{montaEnderecoHotel hotel.endereco}}');">
                            <i class="fas fa-map-marker-alt"></i>
                            {{__ 'verMapa'}}
                        </span>
                    {{/notNull }}
                </p>
                <div class="descricao">
                    <h2>{{__ 'descricao'}}</h2>
                </div>
            </div>
            <div class="descricao descricao-parent">
                <div class="descricao-conteudo descricao-hotel">{{{trim hotel.dsHotel}}}</div>
                {{#ifMaior hotel.dsHotel.length 80}}
                    <span class="bg-white-opacity"></span>
                    <a href="javascript:void(0)" onclick="$(this).closest('.descricao-parent').toggleClass('open');return false;" data-slidetoggle-height=".descricao-hotel" data-min-height="82" class="btn-ver-mais">
                        <span class="ler-mais">
                            {{__ 'lerMais'}}
                            <i class="fas fa-chevron-down"></i>
                        </span>
                        <span class="ler-menos">
                            {{__ 'lerMenos'}}
                            <i class="fas fa-chevron-up"></i>
                        </span>
                    </a>
                {{/ifMaior}}

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

{% endverbatim %}