@section('css')
  <style>
  .imagem{
    position:relative;
  }
  .imagem-esgotado {
    width:180px; /* largura da imagem máscara */
    height:180px; /* altura da imagem máscara */
    position:absolute;
    z-index: 100 !important;
    top:25%;

  }
</style>
@endsection

@if($products)

  <div class="row justify-content-center">
    @foreach($products as $product)

      <div class="col-lg-opera centro rounded z-depth-2 white p-1 mx-1">
        <div class="effect">
          <div class="view z-depth-1 zoom rounded">
            <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
              @php
              $link = config('site.url') . 'storage/'. $product->cover;
              @endphp
              <img src="{{ $link }}" class="img-fluid image">
            </a>
          </div>
        </div>
        <div class="pc mt-3">
          <a href="{{ route('front.get.product', [$product->slug, $product->id]) }}">
            <h5 class="text-center">{{ $product->name }}</h5>
            @if ($product->sale_price && ($product->sale_price_ini <= now() && $product->sale_price_fim > now() || $product->sale_price_ini === null))
              <h4>
                <span class="text-center font-italic text-black-50"><small><sup>{{ config('cart.currency_symbol') }} {{ $product->price }}</sup></small> </span>
                {{ config('cart.currency_symbol') }} {{ number_format($product->sale_price, 2, ',', '.') }}
              </h4>
              <input type="hidden" name="final_price-{{$product->id}}" value="{{ $product->sale_price }}">
            @else
              <h4 class="text-center">{{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }}</h4>
              <input type="hidden" name="final_price-{{$product->id}}" value="{{ $product->price }}">
            @endif
            {{-- <h4 class="text-center">R$ 671,33</h4> --}}
            @php
            if ($product->sale_price && ($product->sale_price_ini <= now() && $product->sale_price_fim > now() || $product->sale_price_ini === null) ) {
              $preco_valido = $product->sale_price;
            } else {
              $preco_valido = $product->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
            @if(floatval($preco_valido) !== floatval($valor) && intval($parcela) > 0)
              <h6>Em até {{ $parcela }}x de <span>{{ config('cart.currency_symbol') }} {{ number_format($valor, 2, ',', '.') }}</span></h6>
            @else
              <h6>&nbsp;</h6>
            @endif
            @if ($product->quantity > 0)
              <h6><i>* Disponível para Curitiba e região</i></h6>
            @else
              @if ($product->sob_consulta > 0 || $product->sob_encomenda > 0)
                <h6><i>* Disponível para Curitiba e região</i></h6>
              @else
                <h6><i>&nbsp;</i></h6>
              @endif
            @endif
          </a>

          @if(($product->sob_consulta) === 1 || $product->sob_encomenda === 1)
            <div>
              <a href="https://wa.me/5541998030212?text=Tenho%20interesse%20no%20produto%20{{ $product->name }},%20REF[{{ $product->reference }}] - COD[{{ $product->sku }}]" target="_blank" class="btn btn-md btn-block btn-rounded btn-red-opera font-weight-bold mt-0 mb-2" data-toggle="tooltip" title="(Clique para consultar)">
                Item sob consulta <i class="fab fa-whatsapp ml-1 fa-lg"></i>
              </a>
            </div>
          @else
            @if ($product->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="{{ $product->id }}">
                  <input type="hidden" name="quantity" value="1" min="1" step="1">

                  <button id="add-to-cart-btn-{{ $product->id }}" type="submit" class="btn btn-md btn-block btn-rounded box-green font-weight-bold mt-0 mb-2">
                    Comprar <i class="fas fa-shopping-basket ml-1"></i>
                  </button>
                </form>
              @else
                @if (intval(config('site.login.integra_ls.ativa')) === 1)
                  <a href="{{ route('autentica.completo') }}" class="btn btn-block box-detail btn-rounded font-weight-bold">
                  @else
                    <a class="btn btn-block box-detail btn-rounded font-weight-bold" data-dismiss="modal" data-toggle="modal" data-target="#modalLRForm">
                    @endif
                    EFETUE LOGIN, PARA COMPRAR<i class="fas fa-sign-in-alt"></i>
                  </a>
                @endif
              @else
                @if ($product->sob_consulta > 0 || $product->sob_encomenda > 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="{{ $product->id }}">
                      <input type="hidden" name="quantity" value="1" min="1" step="1">

                      <button id="add-to-cart-btn-{{ $product->id }}" type="submit" class="btn btn-md btn-block btn-rounded box-green font-weight-bold mt-0 mb-2">
                        Comprar <i class="fas fa-shopping-basket ml-1"></i></button>
                      </form>
                    @else
                      @if (intval(config('site.login.integra_ls.ativa')) === 1)
                        <a href="{{ route('autentica.completo') }}" class="btn btn-md btn-block btn-rounded box-green">
                        @else
                          <a class="btn btn-md btn-block btn-rounded box-green" data-dismiss="modal" data-toggle="modal" data-target="#modalLRForm">
                          @endif
                          EFETUE LOGIN, PARA COMPRAR<i class="fas fa-sign-in-alt"></i>
                        </a>
                      @endif
                    @else
                      <a class="btn btn-md btn-block btn-rounded btn-red-opera font-weight-bold mt-0 mb-2" href="https://wa.me/5541998030212?text=Tenho%20interesse%20no%20produto%20{{ $product->name }},%20REF[{{ $product->reference }}] - COD[{{ $product->sku }}]" target="_blank" >
                        Item sob consulta <i class="fab fa-whatsapp ml-1 fa-lg"></i>
                      </a>
                    @endif
                  @endif
                @endif
              </div>
            </div>

          @endforeach

        </div>

      </div>

    @else
      <div class="container">
        <p class="alert alert-warning font-weight-bold">Nenhum produto encontrado para esta busca.</p>
      </div>
    @endif