@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">{{ request()->input('search') }}</li>
      </ol>
    </nav>
  </div>
  
</section>

<section 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">
      
      @if (empty($products) || $products->count() === 0)
      <div class="container alert alert-warning" role="alert">
        <span class="h6 font-weight-bold p-3">Nenhum Produto Encontrado</span>
      </div>
      
      @else
      
      
      <div class="row my-1">
        
        @foreach ($products as $product)
        @php
        $src = config('site.url') . "storage/". $product->cover;
        if($product->sales_price !== null) {
          $preco_valido2 = $product->sales_price;
        } else {
          $preco_valido2 = $product->price;
        }
        @endphp
        <div class="col-sm-4 px-1">
          <div class="centro rounded z-depth-1 mb-3 p-2">
            <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
              <div class="view zoom">
                <img src="{{ $src }}" class="img-fluid pointer">
              </div>
            </a>
            <div class="">
              <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
                <div class="mt-3">
                  <div class="card-title pdt text-center">
                    <h6 class="font-weight-bolder black-text">{{$product->name}}</h6>
                  </div>
                  <div class="card-text pc text-center">
                    <h5 class="red-text font-weight-bold">{{ config('cart.currency_symbol') }} {{ number_format($preco_valido2, 2, ',','.') }}</h5>
                  </div>
                </div>
              </a>
              <div class="text-center">
                @if ($product->attributes->count() > 0 || intval($product->quantity) === 0)
                <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}" class="btn btn-md blue-tda white-text btn-rounded btn-block font-weight-bold">
                  <i class="fas fa-box mr-1"></i> Ver Item
                </a>
                @else
                <form  action="{{ route('cart.store') }}" class="d-flex justify-content-left" method="POST">
                  {{ csrf_field() }}
                  <input type="hidden" name="subTotal" value="{{$preco_valido2}}">
                  <input type="hidden" name="quantity" value="1">
                  <input type="hidden" name="product" value="{{ $product->id }}">
                  <button class="btn btn-md btn-green btn-block btn-rounded font-weight-bold"><i class="fas fa-shopping-cart mr-1"></i> Adicionar ao carrinho</button>
                </form>
                @endif
              </div>
            </div>
          </div>
        </div>
        @endforeach
        
      </div>
      
      @endif
    </div>
    
  </div>
  
</section>

@endsection

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