@extends('layouts.front.app')

@section('og')
<meta property="og:type" content="home"/>
<meta property="og:description" content="{{ config('app.description') }}"/>
@endsection

@section('content')

<section>
  
  <div class="container">
    <nav >
      <ol class="breadcrumb grey lighten-3 mt-3">
        <li class="breadcrumb-item"><a href="{{ route('home') }}" class="font-weight-bold fosco-text">
          <i class="fas fa-home"></i> Home</a>
        </li>
        <li class="breadcrumb-item font-weight-bolder black-text">Busca por </li>
        <li class="breadcrumb-item text-capitalize font-weight-bolder black-text">{{ $title }}</li>
      </ol>
    </nav>
  </div>
  
</section>

<section>
  
  <div class="container">
    <div class="row">
      <div class="col-lg-3">
        
        <div class="navbar-expand-lg">
          
          <button class="navbar-toggler border p-3 my-4" type="button" data-toggle="collapse" data-target="#menu-lateral">
            BUSCAR POR CATEGORIAS <i class="fas fa-bars red-text mr-2 text-right ml-2"></i>
          </button>
          
          <div class="collapse navbar-collapse" id="menu-lateral">
            
            @php
            $link = 0;
            $menus = \App\Segmento::select('segmento', 'id')->where('web_mn_main', '>', 0)->orderBy('web_mn_main')->take(8)->get();
            $todos = \App\Segmento::select('segmento', 'id')->where('web', true)->get();
            @endphp
            
            <div class="area-busca w-100">
              
              @foreach ($menus as $menu)
              @php
              $grupos = App\MenuSegmento::select('segmento', 'grupo', 'id_segmento', 'id_grupo')
              ->where('web_mn_main', '>', '0')
              ->where('id_segmento', $menu->id)
              ->groupBy('segmento', 'grupo', 'id_segmento', 'id_grupo')
              ->get()
              @endphp
              
              <div class="my-2">
                <h3 class="text-center">{{ ($menu->segmento) }}</h3>
                
                @foreach ($grupos->chunk(20) as $listas)
                <ul class="list-unstyled pt-2">
                  @foreach ($listas as $grupo)
                  @php
                  $subMenus = App\MenuSegmento::where('id_grupo', $grupo->id_grupo)->get();
                  @endphp
                  <li>
                    <a class="" href="{{ route('front.category.group', [str_slug($grupo->grupo, '-'), $grupo->id_grupo]) }}">
                      {{ $grupo->grupo }}
                    </a>
                  </li>
                  @endforeach
                </ul>
                @endforeach
              </div>
              
              @endforeach
              
            </div>
            
          </div>
          
        </div>
      </div>
      
      <div class="col-lg">
        @include(config('site.domain').'.front.products.product-list')
      </div>
    </div>
  </div>
  
</section>

@endsection

@section('js')
<script>
  $(document).ready(function () {
    $('input[name=min_price]').maskMoney({showSymbol: false, decimal: ",", thousands: "."})
    $('input[name=max_price]').maskMoney({showSymbol: false, decimal: ",", thousands: "."})
  })
</script>
@endsection