@extends("ushuaia.web.plantilla")
@section("contenido")
<section id="search">
    <div class="container pb-5">
        <div class="row py-lg-5 py-md-4">
            <div class="col-lg-8 col-md-12 buscador mt-lg-0 mb-lg-0 mt-4">
                <div class="form-inline active-cyan-4">
                    <div class="buscador w-100">
                        <div class="form-control text-overflow">
                            <input type="text" placeholder="Escribe aquí el nombre del comercio..." aria-label="Search" id="busqueda" name="busqueda" value="{{ $busqueda }}">
                            <button type="submit" class="fas fa-search float-right mt-1" aria-hidden="true" onclick="obtenerBusqueda();"></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12">
                <div class="cantidadResultados float-right mb-sm-0 mt-lg-0 mb-3 mt-3"><span id="cantidadResultados">{{$cantResultados}}</span> Resultados</div>
            </div>
        </div>
        <div class="row">
            <div class="d-lg-none d-block col-12 mb-4">
                <button class="btn w-100 btnFiltrosAccordion" type="button" data-toggle="collapse" data-target="#filtrosAccordion" aria-expanded="false" aria-controls="filtros">Filtros <i class="fas fa-angle-down float-right mt-1"></i></button>
                <div class="collapse" id="filtrosAccordion">
                    <div class="filtrosAplicados my-4">
                        <strong class="mb-2 d-block">Categoria aplicada</strong>
                        <div class="filtrosAplicadosResult">
                            <div class="items"></div>
                        </div>
                    </div>
                    <div id="estadoMobile" class="estado mb-4">
                        <strong class="mb-2 d-block">Estado</strong>
                        <div class="items">
                            <li><a id="0" class="filtro d-block"><i class="far fa-times-circle d-none iconDesactivarEstado"></i> Solo locales abiertos</a></li>
                        </div>
                    </div>
                    <div id="masCategoriasMobile" class="masCategorias mb-2">
                        <div>
                            <strong class="mb-2 d-block">Ciudades</strong>
                            <select class="form-control mb-3" name="lstCiudadesMobile" id="lstCiudadesMobile" onchange="setCategorias(this.value);">
                                @foreach($aLocalidades as $localidad)
                                @if ($localidad->idlocalidad == 2787)
                                <option selected value="{{ $localidad->idlocalidad }}">{{ $localidad->nombre }}</option>
                                @else
                                <option value="{{ $localidad->idlocalidad }}">{{ $localidad->nombre }}</option>
                                @endif
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <button class="btn btnCategoriasAccordion mb-2" type="button" data-toggle="collapse" data-target="#categoriasAccordion" aria-expanded="false" aria-controls="categoriasAccordion">Categorias <i class="fas fa-angle-down"></i></button>
                            <div class="collapse" id="categoriasAccordion">
                                <div class="items" id="rubros-list-mobile">
                                    @foreach($aRubros as $rubro)
                                    <li id="{{$rubro->idrubro}}"><a class="filtro d-block mb-2">{{ $rubro->nombre }}</a></li>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-2 d-lg-block d-none">
                <div class="filtrosAplicados mb-4">
                    <strong class="mb-3 d-block">Categoria aplicada</strong>
                    <div class="filtrosAplicadosResult">
                        <div class="items"></div>
                    </div>
                </div>
                <div id="estado" class="estado mb-4">
                    <strong class="mb-3 d-block">Estado</strong>
                    <div class="items">
                        <li><a id="0" class="filtro d-block"><i class="far fa-times-circle d-none iconDesactivarEstado"></i> Solo locales abiertos</a></li>
                    </div>
                </div>
                <div id="masCiudades" class="masCiudades mb-4">
                    <strong class="mb-3 d-block">Ciudades</strong>
                    <select class="form-control" name="lstCiudades" id="lstCiudades" onchange="setCategorias(this.value);">
                        @foreach($aLocalidades as $localidad)
                        @if ($localidad->idlocalidad == 2787)
                        <option selected value="{{ $localidad->idlocalidad }}">{{ $localidad->nombre }}</option>
                        @else
                        <option value="{{ $localidad->idlocalidad }}">{{ $localidad->nombre }}</option>
                        @endif
                        @endforeach
                    </select>
                </div>
                <div id="masCategorias" class="masCategorias mb-4">
                    <strong class="mb-3 d-block">Categorías</strong>
                    <div class="items" id="rubros-list">
                        @foreach($aRubros as $rubro)
                        <li id="{{$rubro->idrubro}}"><a class="filtro d-block mb-2">{{ $rubro->nombre }}</a></li>
                        @endforeach
                    </div>
                </div>
            </div>
            <div id="containerPadre" class="col-lg-10 col-md-12 col-12">
                <!-- <div id="containerCupones" class="row"> -->
                                                                <!-- </div> -->
            </div>
        </div>
    </div>
</section>

<script type="text/javascript" src="{{ asset('js/buscador.js') }}?v=1765568931612871993"></script>

@endsection