@forelse ($products as $key => $produto)

  @php
  if($produto->sales_price !== null) {
    $preco_valido2 = $produto->sales_price;
  } else {
    $preco_valido2 = $produto->price;
  }
  $src = $produto->cover ? config('site.url').'storage/'.$produto->cover : asset('storage/logos/logo_piccolinos.png');
  @endphp

  @php $i = null; @endphp
  @if( intval($produto->attributes->count()) === 0 && intval($produto->quantity) === 0)
  @php $i = 0; @endphp
  @endif

  @php
  $zerado = true;
  if (intval($produto->attributes->count()) === 0) {
    $zerado = false;
  }
  @endphp

  @foreach ($produto->attributes as $key => $varAttr)
  @if ($varAttr->quantity > 0)
  @php $zerado = false; @endphp
  @endif
  @endforeach

  {{-- @if (!($i === 0 || $zerado)) --}}
  <div class="px-1 my-1 col-lg-4">
    <div class="p-3 bg-white rounded centro shadow-1">

      <a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}">

        <div class="rounded bg-image hover-zoom" data-qty="{{ $produto->quantity }}">

          <img src=" {{ $src }}" class="img-fluid"alt="{{$produto->name}}" />


          @if($i === 0 || $zerado)

          <div class="img-mask-esgotado">
            <img src="{{ asset('storage/img/esgotado.png') }}?w=100&h100" data-zoom="{{ asset('storage/img/esgotado.png') }}?w=150&h150" style="">
          </div>

          @endif

          @if($produto->sale_price && floatval($produto->sale_price) > 0
          && ($produto->sale_price_ini <= now()
          && ($produto->sale_price_fim > now() || $produto->sale_price_ini === null)))
          <div class="imagem-promocao">
            <img src="{{ asset('storage/img/promocao.png') }}?w=100&h100" data-zoom="{{ asset('storage/img/promocao.png') }}?w=150&h150" style="">
          </div>
          @endif

        </div>

        <div class="text-left pdt">

          <h5 class="font-weight-bolder text-dark font-changa text-name">{{$produto->name}}</h5>

          @if ($produto->sale_price && ($produto->sale_price_ini <= now() && $produto->sale_price_fim > now() || $produto->sale_price_ini === null))
          <h5 class="font-weight-bolder primary-text">
            <span class="mr-2 font-italic font-weight-normal fosco-text">
              <s>{{ config('cart.currency_symbol') }} {{ $produto->price }} </s>
            </span>
            {{ config('cart.currency_symbol') }} {{ number_format($produto->sale_price, 2, ',', '.') }}
          </h5>
          <input type="hidden" name="final_price-{{$produto->id}}" value="{{ $produto->sale_price }}">
          @else
          <h5 class="font-weight-bolder primary-text">
            {{ config('cart.currency_symbol') }} {{ number_format($produto->price, 2, ',', '.') }}
          </h5>
          <input type="hidden" name="final_price-{{$produto->id}}" value="{{ $produto->price }}">
          @endif

        </div>

        <div class="text-left min-height">
          @php
          if ($produto->sale_price && ($produto->sale_price_ini <= now() && $produto->sale_price_fim > now() || $produto->sale_price_ini === null) ) {
            $preco_valido = $produto->sale_price;
          } else {
            $preco_valido = $produto->price;
          }
          $valorBoleto = (config('cart.desconto_boleto') > 0) ? $preco_valido - ($preco_valido * (config('cart.desconto_boleto') / 100)) : $preco_valido;
          $valor = 0.00;
          $parcela = 0;
          for($p = 1 ; $p <= config('cart.parc_sem_juros') ; $p++) {
            if (round($preco_valido / $p, 2) > config('cart.valor_min_parcela')) {
              $valor = $preco_valido / $p;
              $parcela = $p;
            }
          }
          @endphp

          <p class="mb-0 text-dark">
            @if ($produto->attributes->count() > 0) A partir de @endif
            <span class="font-weight-bolder">
              {{ config('cart.currency_symbol') }} {{ number_format($valorBoleto, 2, ',', '.') }}
            </span> no boleto
          </p>
          @if(floatval($preco_valido) !== floatval($valor))
          <p class="my-0 font-weight-normal fosco-text">
            ou, em até {{ $parcela }}x de
            <span class="font-weight-bolder">
              {{ config('cart.currency_symbol') }} {{ number_format($valor, 2, ',', '.') }}
            </span> s/ juros
          </p>
          @endif
        </div>

      </a>

      <div class="mt-2 text-left">
        <a href="#!" class="font-weight-bolder primary-text">
          <i class="far fa-heart primary-text"></i> Lista de desejos
        </a>
      </div>

      <div class="mt-2 text-left">

        @if($produto->attributes->count() > 0)

        <a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}" class="mb-2 text-white btn primary btn-rounded font-weight-bold btn-block">
          Visualizar <i class="ml-1 fas fa-gas-pump"></i>
        </a>

        <input type="hidden" name="quantity" max="{{ $produto->quantity }}">
        <input type="hidden" name="description" value="{{ $produto->description }}">

        @else

        @if($produto->quantity > 0)

        @if(auth()->check())

        <form  action="{{ route('cart.store') }}" class="d-flex justify-content-left" method="POST">
          {{ csrf_field() }}
          <input type="hidden" name="product" value="{{ $produto->id }}">
          <input type="hidden" name="quantity" value="1" min="1" step="1" max="{{ $produto->quantity }}">
          <input type="hidden" name="description" value="{{ $produto->description }}">

          <button id="add-to-cart-btn-{{ $produto->id }}" class="mb-2 text-white btn primary btn-block" data-toggle="modal" data-target="#cart-modal">COMPRAR
            <i class="fas fa-gas-pump"></i>
          </button>
        </form>

        @else

        <a @if (intval(config('site.login.integra_ls.ativa')) === 1) href="{{ route('autentica.completo') }}" @else data-dismiss="modal" data-toggle="modal" @endif class="mb-2 text-white btn primary font-weight-bolder btn-block btn-rounded">
          EFETUE LOGIN, PARA COMPRAR <i class="fas fa-sign-in-alt"></i>
        </a>

        @endif

        @else

        <div>
          @if (auth()->check())
          <a class="font-abeezee text-dark avise-me" data-sku="{{ $produto->sku }}" @if(!auth()->check()) data-toggle="modal" data-target="#modalLRForm" @endif >
            <i class="py-3 fas fa-star primary-text"></i> Avise-me quando chegar
          </a>
          @else
          <a class="font-abeezee text-dark" data-toggle="modal" data-target="#modalLRForm">
            <i class="py-3 fas fa-star primary-text"></i> Avise-me quando chegar
          </a>
          @endif
        </div>

        @endif

        @endif

        <button type="button" class="btn btn-outline-warning btn-rounded btn-block" v-on:click="insertVars({{$produto}}, {{$produto->attributes}})">
          Ver Detalhes
        </button>

      </div>

    </div>
  </div>

  {{-- @endif --}}

  @empty

  <div class="my-2 alert alert-warning font-weight-bolder">
    Não há produtos cadastrados
  </div>

  @endforelse