

<aside class="filter_section" style="display:none">
    {{#if filteringCriteria.famId}}
        <input type="hidden" id="famId" value="{{filteringCriteria.famId}}"/>
    {{/if}}

    {{#if filteringCriteria.secId}}
        <input type="hidden" id="secId" value="{{filteringCriteria.secId}}"/>
    {{/if}}

    <!--OTROS FILTROS-->
    {{#if otherFilters}}
        <div class="filter_container">
            <div class="title_filter_container">
                <span class="title_filter">{{i18n "facetsTemplate.other.filters"}}</span>
            </div>
            {{#each without_gluten}}
                <label class="check_container filters gluten">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setOtherFilter(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
            {{#each without_lactose}}
                <label class="check_container filters lactose">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setOtherFilter(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
            {{#each promotions}}
                <label class="check_container filters promotion">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setOtherFilter(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
            {{#each condisBrand}}
                <label class="check_container filters condisBrand">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setOtherFilter(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
            {{#each isNovelty}}
                <label class="check_container filters novelty">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setOtherFilter(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
            <!--
             {{#each on_sale}}
                <label class="check_container">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setOtherFilter(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
            -->
        </div>
    {{/if}}

    <!--Variedad-->
    {{#if varieties}}
        <div class="filter_container">
            <div class="title_filter_container">
                <h2 class="title_filter">{{i18n "facetsTemplate.variedad"}}</h2>
            </div>

            {{#each varieties}}

                <label class="check_container">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setVariety(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
        </div>
    {{/if}}

    <!--Marca -->
    {{#if brands}}
        <div class="filter_container">
            <div class="title_filter_container">
                <h2 class="title_filter">{{i18n "facetsTemplate.marcas"}}</h2>
            </div>

            {{#each brands}}
                <label class="check_container">
                    <input type="checkbox" name="{{facetId}}" id="{{facetId}}" onclick="javascript:setBrand(this, '{{facetId}}', false)">
                    {{facetDescription}} <span>({{itemsCount}})</span>
                </label>
            {{/each}}
        </div>
    {{/if}}

    <!--PRECIO-->
    {{#if prices}}
        <div class="filter_container">
            <span class="title_filter">{{i18n "facetsTemplate.precio"}}</span>
            {{#each prices}}
                <div id="range_slider"></div>
                    <span id="min_price" class="price min">{{minInitPrice}}{{i18n "commons.euro_symbol"}}</span>
                    <span id="max_price" class="price max">{{maxInitPrice}}{{i18n "commons.euro_symbol"}}</span>
                    <input id="max_init_price" type="hidden" value="{{maxInitPrice}}"/>
                    <input id="min_init_price" type="hidden" value="{{minInitPrice}}"/>
                    <input id="max_price_slide" type="hidden" value="{{priceTo}}"/>
                    <input id="min_price_slide" type="hidden" value="{{priceFrom}}"/>
            {{/each}}
        </div>
    {{/if}}

    <!-- KCALORIAS -->
    {{#if kcals}}
        <div class="filter_container">
            <span class="title_filter">{{i18n "facetsTemplate.kcal"}}</span>
            {{#each kcals}}
                <div class="slider_container">
                    <div id="slider_bar" class="slider_range" style="width: 38.5%;">
                        <span id="kcal" class="selected_kcal"></span>
                    </div>

                    <img class="slider_mask" alt="Control deslizante" src="{{STATIC_CONTENT_URL}}/images/slider-mask.png" width="183">
                    <div id="slider"></div>
                </div>

                <span id="min_kal" class="kcal min">{{minKCal}}</span>
                <span id="max_kal" class="kcal max">{{maxInitKCal}}</span>

                <input id="min_kcal_slide" type="hidden" value="{{minKCal}}"/>
                <input id="max_kcal_slide" type="hidden" value="{{maxKCal}}"/>
                <input id="max_init_kcal"  type="hidden" value="{{maxInitKCal}}"/>
            {{/each}}

        </div>
    {{/if}}


</aside>