{% verbatim %}
<script data-b2c-component-hotel-filtros type="text/x-handlebars-template">
    <div class="filter-t">
        <h6>FILTRAR OS RESULTADOS</h6>
        <hr>
        <div class="filter-qt-encontrado">
            <b>{{ total }} Hotéis </b> disponíveis
        </div>
        <hr>
        <div class="div-filtro-preco">
            <label for="filtro-preco">  {{__ 'preco'}}</label>
            <input data-input-filtro="valor" type="text" id="filtro-preco"
                   class="js-range-slider slider-filtro  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-prefix="R$ "
                    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>
        <hr>
        <div class="div-filtro-refeicoes">
            <label>  {{__ 'refeicoes'}}</label>

           {{#each filters.regime }}
                <div class="custom-control custom-checkbox custom-checkbox-div">
                    <input data-b2c-input="regime" type="checkbox" value="{{ value }}" class="custom-control-input "
                           id="customCheck{{ value }}">
                    <label class="custom-control-label label-regime "
                           for="customCheck{{ value }}">{{ name }}</label>
                    <span class="check-result float-right">{{ total }}</span>
                </div>
            {{/each }}


        </div>
        <div class="div-mais-filtros ">
            <hr>
            <div class="filtro-nm-hotel">
                <div class="col-list-search-input-item in-loc-dec fl-wrap not-vis-arrow">
                    <label>  {{__ 'hotel'}}</label>
                    <div class="listsearch-input-item">
                        <select data-placeholder="Hotel" data-b2c-input="hotelNome"
                                class="chosen-select select-hotel select-padrao" name="hotelNome" style="display: none;">
                            <option value="">{{__ 'digiteONomeDoHotel'}}</option>
                           {{#each filters.hotelNomeList }}
                                <option value="{{ this }}">{{ this }}</option>
                           {{/each }}
                        </select>
                    </div>
                </div>
            </div>
            <hr>
            <div class="filtro-estrelas stars">
                <label>Classificação</label>
                <div class="custom-control custom-checkbox custom-checkbox-div">
                    <input   type="checkbox"  class="custom-control-input {{#isEmpty filters.estrelas.[1]}}disabled{{/isEmpty}} "   id="check-est-1" value="1" data-b2c-input="estrelas">
                    <label class="custom-control-label " for="check-est-1"> <i class="fa fa-star color"
                                                                               aria-hidden="true"></i></label>
                    <span class="check-result float-right">{{ filters.estrelas.[1] }}</span>
                </div>
                <div class="custom-control custom-checkbox custom-checkbox-div">
                    <input type="checkbox" class="custom-control-input {{#isEmpty filters.estrelas.[2]}}disabled{{/isEmpty}} "   id="check-est-2" value="2"  data-b2c-input="estrelas">
                    <label class="custom-control-label " for="check-est-2">
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                    </label>
                    <span class="check-result float-right">{{ filters.estrelas.[2] }}</span>
                </div>
                <div class="custom-control custom-checkbox custom-checkbox-div">
                    <input  type="checkbox"  class="custom-control-input {{#isEmpty filters.estrelas.[3]}}disabled{{/isEmpty}}"    id="check-est-3" value="3" data-b2c-input="estrelas">
                    <label class="custom-control-label " for="check-est-3">
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                    </label>
                    <span class="check-result float-right">{{ filters.estrelas.[3] }}</span>
                </div>
                <div class="custom-control custom-checkbox custom-checkbox-div">
                    <input type="checkbox" class="custom-control-input {{#isEmpty filters.estrelas.[4]}}disabled{{/isEmpty}}"  id="check-est-4" value="4"  data-b2c-input="estrelas">
                    <label class="custom-control-label " for="check-est-4">
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                    </label>
                    <span class="check-result float-right">{{ filters.estrelas.[4] }}</span>
                </div>
                <div class="custom-control custom-checkbox custom-checkbox-div">
                    <input  type="checkbox"   class="custom-control-input {{#isEmpty filters.estrelas.[5]}}disabled{{/isEmpty}} " id="check-est-5" value="5"   data-b2c-input="estrelas">
                    <label class="custom-control-label " for="check-est-5">
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                        <i class="fa fa-star color" aria-hidden="true"></i>
                    </label>
                    <span class="check-result float-right">{{ filters.estrelas.[5] }}</span>
                </div>
            </div>


        </div>
        <hr>
        <div class="ver-mais">
            <button type="button" class="btn btn-primary btn-ver-mais">VER MAIS FILTROS<i
                        class="fa fa-angle-down" aria-hidden="true"></i></button>
        </div>

        <a style="display: none" href="javascript:void(0)" data-b2c-btn-aplicar-filtro-hotel
           data-b2c-scrolltop="false" class="color-bg btnFull btnFullDefault btn-apply-filtros">Aplicar
            Filtros</a>
    </div>
</script>
{% endverbatim %}