<section data-b2c-pagina-aereo style="display:none;">

    <div class="container">
        <div class="pagina-aereo" style="margin: 30px 0;background: transparent;">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-lg-3" data-b2c-aereo-filtros></div>

                <div class="col-md-12 col-sm-12 col-lg-9">
                    <div class="ordenacao">
                        <div>
                            <p style="color: #444;">{{ __('encontramos') }}
                                <b data-b2c-total-aereo>4</b><b> {{ __('resultados') }}</b>
                            </p>
                        </div>
                        <div>
                            <p>{{ __('ordenarPor') }}</p>
                            <select name="" id="" data-b2c-input="ordenacao">
                                <option value="preco|ASC" selected="selected">{{ __('menorPreco') }}</option>
                                <option value="preco|DESC">{{ __('maiorPreco') }}</option>
                            </select>
                        </div>
                    </div>

                    <div class="" data-b2c-aereo-noresult style="display: none">
                        <div style="text-align: center;width: 100%;font-size: 16px;">{{ __('nenhumResultadoEncontrado')|raw }}</div>
                    </div>

                    <div data-b2c-animated-loading-aereo>
                        <div class="aereo-item loading">
                            <div class="conteudo">
                                <div class="voo-list">
                                    <div class="voo-section">
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="voo-preco-box">
                                    <div class="animated-background preco"></div>
                                    <div class="animated-background btn"></div>
                                </div>
                            </div>
                        </div>
                        <div class="aereo-item loading">
                            <div class="conteudo">
                                <div class="voo-list">
                                    <div class="voo-section">
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="voo-preco-box">
                                    <div class="animated-background preco"></div>
                                    <div class="animated-background btn"></div>
                                </div>
                            </div>
                        </div>
                        <div class="aereo-item loading">
                            <div class="conteudo">
                                <div class="voo-list">
                                    <div class="voo-section">
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="voo-preco-box">
                                    <div class="animated-background preco"></div>
                                    <div class="animated-background btn"></div>
                                </div>
                            </div>
                        </div>
                        <div class="aereo-item loading">
                            <div class="conteudo">
                                <div class="voo-list">
                                    <div class="voo-section">
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                        <div class="voo-item">
                                            <div class="animated-background desc1"></div>
                                            <div class="animated-background desc2"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="voo-preco-box">
                                    <div class="animated-background preco"></div>
                                    <div class="animated-background btn"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="aereo-list" data-b2c-aereo-list></div>

                    <div data-b2c-paginacao></div>
                </div>

                <button class="btn-padrao btn-filtro" onclick="$('.aereo-filtros').toggleClass('open')">
                    <i class="fas fa-filter" style="color: #fff;"></i>
                    {{ __('filtrarVoos') }}
                </button>
            </div>
        </div>
    </div>

    {% include 'components/Aereo/AereoItem.twig' %}
    {% include 'components/Aereo/Filtros.twig' %}
</section>