@if (empty($products) || $products->count() === 0)

<div class="alert alert-warning font-weight-bolder w-100 mt-2">
  esta categoria encontra-se sem produto
</div>

@else

@foreach ($products as $product)

@php 
$src = $product->cover ? config('site.url')."storage/".$product->cover : asset('storage/images/img-indisponivel.jpg');
@endphp

<div class="col-lg-3 border centro my-2 p-2 ">
  
  <div class="bg-image hover-zoom text-center rounded shadow-1-strong">
    <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
      <img src="{{$src}}" class="img-fluid">
    </a>
  </div>
  
  <div class="mt-3">
    <div class="pdt text-center">
      @if ($product->subCategoria)
      <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>
      @endif
      <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
        <h6 class="font-weight-bold primary-text font-abeezee">{{$product->name}}</h6>
      </a>
    </div>
    
    <div class="pc text-center">
      @if ($product->sob_consulta === 1)
      <strong class="font-weight-bold fosco-text"> Preço sob consulta </strong>
      @else
      <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
        <h5 class="font-weight-bolder 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">
            {{ config('cart.currency_symbol') }} {{ $product->price }}
          </span>
          <strong> 
            {{ config('cart.currency_symbol') }} {{ number_format($product->sale_price, 2, ',', '.') }}
          </strong>
          @else
          <strong class="font-weight-bolder fosco-text"> 
            @if(floatval($product->price) === 0.00)
            Preço sob consulta 
            @else 
            {{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }} 
            @endif
          </strong>
          @endif
        </h5>
      </a>
      @endif
    </div>
    
  </div>
  
  <div class="text-center">
    <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}" class="btn btn-md btn-outline-blue btn-rounded btn-block">
      <i class="fas fa-eye mr-1"></i> Ver produto
    </a>
  </div>
  
</div>

@endforeach

@endif