{% verbatim %}

    <script data-b2c-component-hotel-checkout-sidebar type="text/x-handlebars-template">
         <div class="card-desconto">
                <div class="icone">
                    <svg xmlns="http://www.w3.org/2000/svg" width="25.554" height="29.432" viewBox="0 0 25.554 29.432">
                        <g id="Grupo_420" data-name="Grupo 420" transform="translate(-1676.215 -585.556)">
                            <path id="Caminho_944" data-name="Caminho 944"
                                  d="M1686.886,585.556h3.382a.492.492,0,0,0,.095.035,3.522,3.522,0,0,1,2.8,2.109,3.648,3.648,0,0,1,.308,1.678h-2.694v1.1c.056.016.1.032.15.041a11.788,11.788,0,0,1,5.831,2.884,12.057,12.057,0,0,1,3.979,11.33,12.331,12.331,0,0,1-10.527,10.141c-.329.043-.66.078-.99.117h-1.294l-.536-.054a12.35,12.35,0,0,1-2.865-23.954c.614-.23,1.264-.366,1.912-.549v-1.055h-2.746a3.561,3.561,0,0,1,2.254-3.563A9.475,9.475,0,0,1,1686.886,585.556Zm-7.715,18.035a9.422,9.422,0,0,0,8.451,8.445v-.227c0-.383-.006-.766,0-1.148a.943.943,0,0,1,.7-.887.912.912,0,0,1,1.06.419,1.6,1.6,0,0,1,.157.635c.024.4.007.8.007,1.206a9.463,9.463,0,1,0-10.361-10.362c.438,0,.875-.01,1.312.005a1.158,1.158,0,0,1,.477.119.947.947,0,0,1,.472,1.081.968.968,0,0,1-.941.715C1680.06,603.593,1679.616,603.591,1679.171,603.591Z"
                                  transform="translate(0)" fill="#00ecff"/>
                            <path id="Caminho_945" data-name="Caminho 945"
                                  d="M2165.31,689.214l-3.381-3.4a.887.887,0,0,0,.186-.114c.484-.479.961-.965,1.446-1.443a.928.928,0,0,1,1.36-.01q1,.979,1.976,1.975a.929.929,0,0,1,.023,1.363C2166.4,688.136,2165.857,688.663,2165.31,689.214Z"
                                  transform="translate(-465.436 -94.291)" fill="#00ecff"/>
                            <path id="Caminho_946" data-name="Caminho 946"
                                  d="M1971.694,790.081v-8.8a8.867,8.867,0,0,1,8.928,8.8Z"
                                  transform="translate(-283.143 -187.547)" fill="#fff"/>
                        </g>
                    </svg>
                </div>
                <div class="text">
                    TEMPO PARA COMPLETAR SUA RESERVA
                    <br>
                    <span style="color: white;font-size: 26px;font-weight: bold;" id="tempo">10:00</span>
                </div>
            </div>
            <div data-b2c-hotel-quarto-sidebar>
                <div class="info-produtos">
                    <div class="location">
                     {{hotel.endereco.municipio.nmMunicipio}}
                    </div>
                    <div class="nm-produto">
                        {{hotel.nome}}
                    </div>
                    <div class="data">
                        <i class="fas fa-calendar"></i> <span>{{formatDateWS reservaHotelUh.0.dtEntrada "ddd DD MMM YYYY"}}</span>
                    </div>
                    <div class="data">
                        <i class="fas fa-calendar"></i> <span>{{formatDateWS reservaHotelUh.0.dtSaida "ddd DD MMM YYYY"}}</span>
                    </div>
                    <div class="info">
                       {{getQtNoites reservaHotelUh.0.dtEntrada reservaHotelUh.0.dtSaida}} - {{montaPaxDescricao reservaHotelUh.0.reservaNome }}
                    </div>
                </div>
                  {{#each reservaHotelUh}}
                        <div class="detalhe-produtos">
                            <div class="img">
                                <img src="{{ ../hotel.imagem.0.urlImagemMedia }}"
                                     alt="Hotel quarto">
                            </div>
                            <div class="info">
                                <div class="nm-uh">
                                    {{ uh.dsCategoria }}
                                </div>
                                <div class="ref">
                                    {{ regime.dsRegime}}
                                </div>
                                <div class="price-t">
                                  {{#getVlDiariaQuarto this  }}
                                        <span class="sg-moeda">{{ sgMoeda }}</span><span
                                                class="valor"> {{priceNoCents value }}</span>
                                  {{/getVlDiariaQuarto }}
                                </div>
                                <div class="price-d">
                                    Total por {{ getQtNoites  dtEntrada dtSaida }} <br/>
                                    <b>   {{#getVlTotalQuarto this }}
                                                     {{ sgMoeda}} {{priceNoCents value }}
                                            {{/getVlTotalQuarto }}</b>
                                </div>
                            </div>

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


        <div class="div-cupom" data-b2c-form-cupom-checkout>
            <label for="inputPassword2">Cupom de desconto?</label>
            <div class="d-flex">
                <input data-b2c-input="nrCupom" type="text" class="form-control input-cupom" id="inputPassword2"
                       placeholder="insira seu cupom">
                <button data-b2c-btn-cupom type="button" data-b2c-success-command="$('.li-1C').find('a').trigger('click')" class="btn btn-primary btn-cupom">APLICAR</button>
            </div>
        </div>


    </script>

{% endverbatim %}