{% verbatim %}

<script data-b2c-component-aereo-filtros type="text/x-handlebars-template">
    <div class="aereo-filtros">
        <div class="topo-filtro">
            <h2>
                {{__ 'filtros'}}
                <a onclick="$('.aereo-filtros').toggleClass('open')" class="btn-alterar-voo"
                   href="javascript:void(0);">
                    <span class="fa fa-arrow-left" style="font-size: 25px;"></span>
                </a>
            </h2>
        </div>

        <div class="box-filtro">
            <div class="filtro-titulo">
                <span class="titulo">{{__ 'paradas'}}</span>
                <span class="icone rotate180">
                    <i class="fas fa-chevron-down"></i>
                </span>
            </div>
            <div class="lista-filtro" style="display: block;">
                <div class="form-radio">
                    <input class="form-radio-input" type="checkbox" value="NONE" name="parada1"
                           id="parada1" data-b2c-input="parada">
                    <label class="form-radio-label" for="parada1">{{__ 'direto'}}</label>
                </div>
                <div class="form-radio">
                    <input class="form-radio-input" type="checkbox" value="ONE" name="parada2"
                           id="parada2" data-b2c-input="parada">
                    <label class="form-radio-label" for="parada2">{{__ 'umaParada'}}</label>
                </div>
                <div class="form-radio">
                    <input class="form-radio-input" type="checkbox" value="MORE_THAN_ONE" name="parada3"
                           id="parada3" data-b2c-input="parada">
                    <label class="form-radio-label" for="parada3">{{__ 'duasOuMaisParadas' }}</label>
                </div>
            </div>
        </div>

        {{#notNull filters.baggage }}
                {{#ifMaior baggage.inbound 0 }}
                    {{#ifMaior ifMaior baggage.outbound 0 }}
                    <div class="box-filtro">
                        <div class="filtro-titulo">
                            <span class="titulo">{{__ 'bagagem' }}</span>
                            <span class="icone rotate180">
                                <i class="fas fa-chevron-down"></i>
                            </span>
                        </div>
                        <div class="lista-filtro" style="display: block;">
                            <div class="form-radio">
                                <input class="form-radio-input" type="checkbox" value="YES" name="com-bagagem"
                                   id="cb" data-b2c-input="bagagem">
                                <label class="form-radio-label" for="cb">{{__ 'comBagagem' }}</label>
                            </div>
                            <div class="form-radio">
                                <input class="form-radio-input" type="checkbox" value="NO" name="sem-bagagem"
                                       id="sb" data-b2c-input="bagagem">
                                <label class="form-radio-label" for="sb">{{__ 'semBagagem' }}</label>
                            </div>
                        </div>
                    </div>
                {{/ifMaior }}
            {{/ifMaior }}
        {{/notNull }}

        {{#notNull filters.airlines }}
            <div class="box-filtro">
                <div class="filtro-titulo">
                    <span class="titulo">{{__ 'companhias' }}</span>
                    <span class="icone rotate180">
                        <i class="fas fa-chevron-down"></i>
                    </span>
                </div>
                <div class="lista-filtro" style="display: block;">
                    {{#each filters.airlines}}
                        <div class="form-radio">
                            <img src="{{ciaAereaImg sg}}.png"
                                 alt="" class="gws-flights-results__airline-logo" height="25" width="25">
                            <input class="form-radio-input" type="checkbox" name="{{name}}" id="fc-{{sg}}" value="{{sg}}"
                                   data-b2c-input="ciaAerea">
                            <label class="form-radio-label" for="fc-{{sg}}">{{ name }}</label>
                        </div>
                    {{/each }}
                </div>
            </div>
        {{/notNull }}

        {{#getStMostrarPreco}}
            {{#notNull filters }}
                <div class="box-filtro">
                    <div class="filtro-titulo">
                        <span class="titulo">{{__ 'preco'}}</span>
                        <span class="icone">
                            <i class="fas fa-chevron-down"></i>
                        </span>
                    </div>
                    <div class="lista-filtro">
                        <div class="slider">
                            <input data-input-filtro="valor" type="text" class="js-range-slider slider-filtro-preco-aereo"
                                   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>
                    </div>
                </div>
            {{/notNull}}
        {{/getStMostrarPreco}}

        {{#notNull filters.airlines }}
            <div class="box-filtro" data-b2c-periodo-slider="true">
                <div class="filtro-titulo">
                    <span class="titulo">{{__ 'horario'}}</span>
                    <span class="icone">
                        <i class="fas fa-chevron-down"></i>
                    </span>
                </div>
                <div class="lista-filtro">
                    <div>
                        <h4>{{__ 'ida'}}</h4>
                        <div class="slider">
                            <div class="range-slider-wrap fl-wrap">
                                <input class="hora-slider irs-hidden-input js-range-slider" hidden
                                    data-b2c-input="inboundTimeRange"
                                    data-b2c-periodo="['00:00', '23:59']" tabindex="-1"
                                    readonly="">
                            </div>
                            <div class="horarios-periodos">
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='inboundTimeRange']"
                                   data-from="00:00" data-to="05:00" id="madrugadaIda">{{__ 'madrugada'}}</a>
                                <span>|</span>
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='inboundTimeRange']"
                                   data-from="05:00" data-to="12:00" id="manhaIda">{{__ 'manha'}}</a>
                                <span>|</span>
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='inboundTimeRange']"
                                   data-from="12:00" data-to="19:00" id="tardeIda">{{__ 'tarde'}}</a>
                                <span>|</span>
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='inboundTimeRange']"
                                   data-from="19:00" data-to="23:59" id="noiteIda">{{__ 'noite'}}</a>
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 15px;">
                        <h4>{{__ 'volta'}}</h4>
                        <div class="slider">
                            <div class="range-slider-wrap fl-wrap">
                                <input class="hora-slider irs-hidden-input" hidden
                                    data-b2c-input="outboundTimeRange"
                                    data-b2c-periodo="['00:00', '23:59']" tabindex="-1"
                                    readonly="">
                            </div>
                            <div class="horarios-periodos">
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='outboundTimeRange']"
                                   data-from="00:00" data-to="05:00" id="madrugadaVolta">{{__ 'madrugada'}}</a>
                                |
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='outboundTimeRange']"
                                   data-from="05:00" data-to="12:00" id="manhaVolda">{{__ 'manha'}}</a>
                                |
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='outboundTimeRange']"
                                   data-from="12:00" data-to="19:00" id="tardeVolta">{{__ 'tarde'}}</a>
                                |
                                <a href="javascript:void(0)" data-slider="[data-b2c-input='outboundTimeRange']"
                                   data-from="19:00" data-to="23:59" id="noiteVolta">{{__ 'noite'}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {{/notNull}}

        {{#notNull filters.inboundAirports }}
            <div class="box-filtro">
                <div class="filtro-titulo">
                    <span class="titulo">{{__ 'aeroportos'}}</span>
                    <span class="icone">
                        <i class="fas fa-chevron-down"></i>
                    </span>
                </div>
                <div class="lista-filtro">
                    <h4>{{__ 'ida'}}</h4>
                    {{#each filters.inboundAirports}}
                        <div class="form-radio">
                            <input class="form-radio-input" type="checkbox" value="{{sg}}" name="aeroporto0-{{sg}}"
                                   id="aeroporto0-{{sg}}" data-b2c-input="inboundAirports">
                            <label class="form-radio-label" for="aeroporto0-{{sg}}">
                                {{name}} - ({{sg}})
                            </label>
                        </div>
                    {{/each }}

                    {{#notNull filters.outboundAirports }}
                        <h4>{{__ 'volta'}}</h4>
                        {{#each filters.outboundAirports}}
                            <div class="form-radio">
                                <input class="form-radio-input" type="checkbox" value="{{sg}}" name="aeroporto1-{{sg}}"
                                       id="aeroporto1-{{sg}}" data-b2c-input="outboundAirports">
                                <label class="form-radio-label" for="aeroporto1-{{sg}}">
                                    {{name}} - ({{sg}})
                                </label>
                            </div>
                        {{/each }}
                    {{/notNull}}
                </div>
            </div>
        {{/notNull}}

        {{#notNull filters.inboundDurationRange }}
            <div class="box-filtro">
                <div class="filtro-titulo">
                    <span class="titulo">{{__ 'duracao'}}</span>
                    <span class="icone">
                        <i class="fas fa-chevron-down"></i>
                    </span>
                </div>
                <div class="lista-filtro">
                    <div class="duracao">
                        <h4>{{__ 'ida'}}</h4>
                        <div class="slider">
                            <div class="range-slider-wrap fl-wrap">
                                <input hidden
                                    class="duracao-slider irs-hidden-input"
                                    data-b2c-input="inboundDurationRange"
                                    data-b2c-duracao="{{ filters.inboundDurationRange }}"
                                    tabindex="-1" readonly="">
                            </div>
                        </div>
                    </div>
                    {{#notNull filters.outboundDurationRange}}
                        <div class="duracao" style="width: 100%;display: block;float: left;margin-top: 20px;">
                            <h4>{{__ 'volta'}}</h4>
                            <div class="slider">
                                <input hidden
                                    class="duracao-slider irs-hidden-input"
                                    data-b2c-input="outboundDurationRange"
                                    data-b2c-duracao="{{ filters.outboundDurationRange }}"
                                    tabindex="-1" readonly="">
                                </div>
                            </div>
                        </div>
                    {{/notNull }}
                </div>
            </div>
        {{/notNull}}

    </div>

</script>

{% endverbatim %}