@if(((isset($marcas) && is_object($marcas) && count($marcas) > 0) ||
(isset($modelos) && is_object($modelos) && count($modelos) > 0) ||
(isset($anhos) && is_object($anhos) && count($anhos) > 0)) &&
(isset($vehiculo) && $vehiculo) &&
(isset($productos)) && count($productos) > 0)
  <form method="POST" id="buscador-principal" class="form-search-select mt-5 position-relative @if(!\FCR::is_mobile()) w-75 @endif @if(!Request::is('/')) mx-auto @endif" action="{{ route('buscar-vehiculo') }}">
    @csrf
        <input type="hidden" name="categoria" value="{{ $categoria_id }}">
    <input type="hidden" name="subcategoria" value="{{ $subcategoria_id }}">
    @if(isset($marca_producto_id))
      <input type="hidden" name="marca-producto" value="{{ $marca_producto_id }}">
    @endif
    <div class="row no-gutters align-items-center @if(!Request::is('/')) justify-content-center @endif align-content-center">
      <div class="col col-md-3">
        <select class="select-buscador w-100 all-animate input-focus rounded-pill input-buscador input-que select2" name="marca-vehiculo" id="marca-vehiculo"  onchange="getModelos(this.value, '{{ $id_categoria }}', '{{ $id_marca_producto }}')">
            <option value="">-- Marca --</option>
            @foreach($marcas as $m)
              <option value="{{ $m->marca_id }}">{{ ucwords(strtolower($m->marca_nombre)) }}</option>
            @endforeach
        </select>
      </div>
      <div class="col col-3">
        <select class="select-buscador w-100 d-all-animate input-focus input-buscador input-donde border-left-0 select2" name="modelo-vehiculo" id="modelo-vehiculo" onchange="getAnios(this.value, '{{ $id_categoria }}', '{{ $id_marca_producto }}')">
            <option value="">-- Modelo --</option>
            @if(is_object($modelos) && !empty($modelos) && count($modelos) > 0)
              @foreach($modelos as $m)
                <option value="{{ $m->modelo_id }}">{{ ucwords(strtolower($m->modelo_nombre)) }}</option>
              @endforeach
            @endif
        </select>
      </div>
      <div class="col col-3">
        <select class="select-buscador w-100 all-animate input-focus input-buscador input-donde border-left-0 select2" name="anio-vehiculo" id="anio-vehiculo">
          <option value="">-- Años --</option>
          @if(is_object($anhos) && !empty($anhos) && count($anhos) > 0)
            @php
              $anios = array();
              foreach($anhos as $an):
                if(!empty($an->anho_hasta)) {
                  $anio_hasta = $an->anho_hasta;
                } else {
                  $anio_hasta = $an->anho_desde;
                }
                if(!empty($an->anho_desde)) {
                  for($a = $anio_hasta; $a >= $an->anho_desde; $a--):
                    $anios[] = $a;
                  endfor;
                }
              endforeach;
              $anios = array_unique($anios);
            @endphp

            @foreach($anios as $aa)
              <option value="{{ $aa }}">{{ $aa }}</option>
            @endforeach
          @endif
        </select>
      </div>
      <div class="col col-3">
        <button type="submit" id="btnBuscar" class="btn btn-info all-animate rounded-pill input-buscador border-left-0 p-2">
          @if(\FCR::is_mobile())
            <i class="fa fa-search"></i>
          @else
            Encuentra tus repuestos!
          @endif
        </button>
      </div>
    </div>
  </form>
@else
  <form method="POST" id="buscador-principal" class="form-search-select mt-5 position-relative @if(!\FCR::is_mobile()) w-75 @endif @if(!Request::is('/')) mx-auto @endif" onsubmit="return buscar()">
    @csrf
    <div class="row no-gutters align-items-center @if(!Request::is('/')) justify-content-center @endif align-content-center">
      <div class="col-6 col-md-5">
        <input type="search" name="categoria" id="input-categoria" class="w-100 all-animate input-focus rounded-pill input-buscador input-que" placeholder="¿Qué repuesto necesitas?" required="" oninput="buscadorCategoria(this.value)" autocomplete="off">
      </div>
      <div class="col-4 col-md-3">
        <input type="search" name="comuna" id="input-comuna" class="w-100 all-animate input-focus input-buscador input-donde border-left-0" placeholder="¿Dondé?" oninput="buscadorComuna(this.value)" autocomplete="off">
      </div>
      <div class="col col-md-auto">
        <button type="submit" id="btnBuscar" class="btn btn-info all-animate rounded-pill input-buscador border-left-0 p-2">
          @if(\FCR::is_mobile())
            <i class="fa fa-search"></i>
          @else
            Encuentra tus repuestos!
          @endif
        </button>
      </div>
    </div>
  </form>
@endif