@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" >
    
    <div class="row">
      
      @include(config('site.domain').'.layouts.front.sidebar-left')
      
      <div class="col-lg p-3">
        
        <section>
          <nav>
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a class="font-weight-bold fosco-text" href="{{ route('home') }}">Home</a>
              </li>
              @if ($category)
              <li class="breadcrumb-item active font-weight-bolder">{{ $category->name }}</li>
              @endif
            </ol>
          </nav>
        </section>
        
        @if($products && $products->count() > 0)
        
        <div class="row px-3">
          @foreach ($products->paginate(20) as $product)
          
          <div class="col-sm-3 p-2 border centro my-2">
            <div class="view zoom card">
              <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
                <img src="{{ config('site.url') }}storage/{{$product->cover}}" class="img-fluid z-depth-1 rounded p-2">
                <input type="hidden" name="img-{{$product->id}}" value="{{ 'storage/'.$product->cover.'' }}">
              </a>
            </div>
            
            <div class="mt-3">
              <div class="pdt text-center">
                <h6 class="grey-text">
                  <small>
                    <a href="{{ route('front.category.slug', [$product->subCategoria->slug, $product->subCategoria->id]) }}" class="grey-text">
                      {{$product->subCategoria->name}}
                    </a>
                  </small>
                </h6>
                <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
                  <h6 class="black-text">{{$product->name}}</h6>
                </a>
              </div>
              
              <div class="pc text-center">
                @if ($product->sob_consulta === 1)
                
                <strong> Pre&ccedil;o sob consulta </strong>
                
                @else
                
                <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
                  <h5 class="font-weight-bold fosco-text">
                    @if ($product->sale_price && ($product->sale_price_ini <= now() && $product->sale_price_fim > now() || $product->sale_price_ini === null))
                    <span class="font-italic text-black-50" style="text-decoration: line-through;"> {{ config('cart.currency_symbol') }} {{ $product->price }}</span>
                    <strong> {{ config('cart.currency_symbol') }} {{ number_format($product->sale_price, 2, ',', '.') }}</strong>
                    <strong> @if(floatval($product->price) === 0.00) Preço sob consulta @else {{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }} @endif</strong>
                    @else
                    @endif
                  </h5>
                </a>
                
                @endif
                
              </div>
              
            </div>
            
            <div class="text-center">
              <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}" class="btn btn-md font-weight-bold btn-outline-blue btn-rounded">
                <i class="fas fa-eye mr-1"></i> Ver produto
              </a>
            </div>
          </div>
          
          @endforeach              
        </div>
        
        <div class="d-flex justify-content-center my-4">
          {!!$products->paginate(20)->links()!!}
        </div>
        
        @else
        
        <div class="alert alert-warning font-weight-bolder" role="alert">
          Não existem produtos cadastrados nesta categoria
        </div>
        
        @endif
        
      </div>
      
    </div>
    
  </div>
  
</section>  

@endsection