{% verbatim %}

<script data-b2c-component-hotel-filtros type="text/x-handlebars-template">
    <div class="quantidade-encontrado">
        <span>
            <b><span data-b2c-total-hotel>{{ total }}</span> </b> {{__ 'hoteisEncontrados'}}<br/><b>{{ nmDestino }}</b>
        </span>
        <span class="btn-close" onclick="$('.left-bar').toggleClass('open')">
            <i class="fas fa-times" style="font-size: 25px;cursor: pointer;"></i>
        </span>
    </div>
    <ul class="dropdown-filtro">
        {{#getStMostrarPreco}}
            {{#notNull filters }}
                <!-- PREÇO -->
                <li class="filtro">
                    <span class="titulo">
                    {{__ 'preco'}}
                    </span>
                    <ul>
                        <div class="slider">
                            <input data-input-filtro="valor" type="text" class="js-range-slider slider-filtro-hotel"
                                   name="range-slider" value=""
                                   data-type="double"
                                   data-min="{{ filters.preco.min }}"
                                   data-max="{{ filters.preco.max }}"
                                   data-from="{{ filters.preco.min }}"
                                   data-to="{{ filters.preco.max }}"
                                   data-prefix="{{ filters.preco.sg }} "
                                   data-grid="false"
                                   data-vl-insumos="0" data-b2c-input="preco"/>
                            <div class="result-slider">
                                <div class="float-left">
                                    <span>
                                        {{__ 'min'}}: <b>{{ filters.preco.sg }} <span class="vlMin">{{round (sum filters.preco.min vlInsumosInclusos) }}</span></b>
                                    </span>
                                </div>
                                <div class="float-right">
                                    <span>
                                        {{__ 'max'}}: <b>{{ filters.preco.sg }} <span class="vlMax">{{round (sum filters.preco.max vlInsumosInclusos) }}</span></b>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </ul>
                </li>
            {{/notNull}}
        {{/getStMostrarPreco}}
        {{#notNull filters.regime }}
            <!-- PREÇO -->
            <li class="filtro">
                <span class="titulo">
                {{__ 'hotel'}}
                </span>
                <ul>
                    <li>
                        <select class="selectpicker hotel-select-nome" data-live-search="true" data-b2c-input="hotelNome">
                            <option disabled="" selected value="">{{__ 'digiteONomeDoHotel'}}</option>
                            {{#each filters.hotelNomeList }}
                                <option value="{{ this }}">{{ this }}</option>
                            {{/each }}
                        </select>
                        <span class="btn-limpa-filtro-nome">{{__ 'limparFiltro'}}</span>
                    </li>
                </ul>
            </li>
        {{/notNull}}
        {{#notNull filters }}
            <!-- ESTRELA -->
            <li class="filtro">
                <span class="titulo">
                    {{__ 'estrelas'}}
                </span>
                <ul>
                    <li>
                        <label for="stars5">
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[5]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[5]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[5]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[5]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[5]}}disabled{{/isEmpty}}"></i>
                            <input type="checkbox" id="stars5" name="star" value="5" data-b2c-input="estrelas" {{#isEmpty filters.estrelas.[5]}}disabled{{/isEmpty}}>
                            <span class="checkmark"></span>

                            <span class="total">{{ filters.estrelas.[5] }}</span>
                        </label>
                    </li>
                    <li>
                        <label for="stars4">
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[4]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[4]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[4]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[4]}}disabled{{/isEmpty}}"></i>
                            <input type="checkbox" id="stars4" name="star" value="4" data-b2c-input="estrelas" {{#isEmpty filters.estrelas.[4]}}disabled{{/isEmpty}}>
                            <span class="checkmark"></span>

                            <span class="total">{{ filters.estrelas.[4] }}</span>
                        </label>
                    </li>
                    <li>
                        <label for="stars3">
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[3]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[3]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[3]}}disabled{{/isEmpty}}"></i>
                            <input type="checkbox" id="stars3" name="star" value="3" data-b2c-input="estrelas" {{#isEmpty filters.estrelas.[3]}}disabled{{/isEmpty}}>
                            <span class="checkmark"></span>

                            <span class="total">{{ filters.estrelas.[3] }}</span>
                        </label>
                    </li>
                    <li>
                        <label for="stars2">
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[2]}}disabled{{/isEmpty}}"></i>
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[2]}}disabled{{/isEmpty}}"></i>
                            <input type="checkbox" id="stars2" name="star" value="2" data-b2c-input="estrelas" {{#isEmpty filters.estrelas.[2]}}disabled{{/isEmpty}}>
                            <span class="checkmark"></span>

                            <span class="total">{{ filters.estrelas.[2] }}</span>
                        </label>
                    </li>
                    <li>
                        <label for="stars1">
                            <i class="fas fa-star {{#isEmpty filters.estrelas.[1]}}disabled{{/isEmpty}}"></i>
                            <input type="checkbox" id="stars1" name="star" value="1" data-b2c-input="estrelas" {{#isEmpty filters.estrelas.[1]}}disabled{{/isEmpty}}>
                            <span class="checkmark"></span>

                            <span class="total">{{ filters.estrelas.[1] }}</span>
                        </label>
                    </li>
                    <li>
                        <label for="stars0">
                            {{__ 'semClassificacao'}}
                            <input type="checkbox" id="stars0" name="star" value="0" data-b2c-input="estrelas" {{#isEmpty filters.estrelas.[0]}}disabled{{/isEmpty}}>
                            <span class="checkmark"></span>

                            <span class="total">{{ filters.estrelas.[0] }}</span>
                        </label>
                    </li>
                </ul>
            </li>
        {{/notNull}}
<!--        {{#notNull filters.regime }}-->
<!--            &lt;!&ndash; REFEICAO &ndash;&gt;-->
<!--            <li class="filtro">-->
<!--                <span class="titulo">-->
<!--                    {{__ 'refeicoes'}}-->
<!--                </span>-->
<!--                <ul>-->
<!--                {{#each filters.regime }}-->
<!--                    <li>-->
<!--                        <label for="regime-{{ value }}">-->
<!--                            {{ name }}-->

<!--                            <input type="checkbox" id="regime-{{ value }}" value="{{ value }}" data-b2c-input="regime" name="star">-->
<!--                            <span class="checkmark"></span>-->

<!--                            <span class="total">{{ total }}</span>-->
<!--                        </label>-->
<!--                    </li>-->
<!--                {{/each }}-->
<!--                </ul>-->
<!--            </li>-->
<!--        {{/notNull }}-->
    </ul>
</script>

{% endverbatim %}