@foreach ($products as $product)

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

if($product->sales_price !== null) {
  $preco_valido = $product->sales_price;
} else {
  $preco_valido = $product->price;
}
@endphp

<div class="col-lg-3 px-1 my-2">
  <div class="centro border rounded">
    
    <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
      
      <div class="bg-image hover-zoom text-center p-3">
        <img src="{{ $src }}" class="img-fluid" alt="{{ $product->name }}">
      </div>
      
      <div class="@if($product->quantity > 0) border-left-with-product @else border-left-without-product @endif text-center mt-3 px-3">
        
        <h6 class="title-description font-weight-bolder fosco-text font-montserrat">
          {{$product->name}}
        </h6>
        
        <div class="text-center mt-3">
          <h4 class="primary-text font-abeezee font-weight-bold">
            {{ config('cart.currency_symbol') }} {{ number_format($preco_valido, 2, ',','.') }}
          </h4>
        </div>
      </div>
    </a>
    
    <div class="p-3">
      
      @if (!auth()->check())
      
      <a href="{{ route('autentica.completo') }}" class="btn btn-lg btn-block btn-green text-white font-weight-bolder">
        <i class="fas fa-sign-in-alt mr-1"></i> Entre para comprar
      </a>
      
      @else
      
      @if($product->quantity > 0)        
      <form action="{{ route('cart.store') }}" class="d-flex justify-content-left" id="formAddCart" method="POST">
        {{ csrf_field() }}
        <input type="hidden" name="subTotal" value="{{$preco_valido}}">
        <input type="hidden" name="quantity" value="1">
        <input type="hidden" name="product" value="{{ $product->id }}">
        <button class="btn btn-lg btn-block btn-green text-white font-weight-bolder">
          <i class="fas fa-shopping-cart mr-1"></i> Adicionar ao carrinho
        </button>
      </form>
      @else
      <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}" class="btn btn-lg btn-block btn-green text-white font-weight-bolder">
        <i class="fas fa-eye mr-1"></i> Visualizar produto
      </a>
      @endif
      
      @endif
      
    </div>
    
  </div>
  
</div>

@endforeach