@php
$count = 0;
@endphp


<section>
	<div class="container-fluid py-4 ">
		<div class="row regular1 slider">
			@foreach ($products as $product)
			<div class="col-lg px-3 centro border">
				<div class="effect">
					<div class="view">
						@php
						if(config('site.conjugado'))
						$src = config('site.url')."storage/".config('site.domain')."/".str_replace("products", "itens", $product->cover);
						else
						$src = config('site.url')."storage/".$product->cover;
						@endphp
						<img src="{{ $src }}" class="img-fluid image">
					</div>
					<div class="overlay py-2">
						<div class="pdt text-center">
							<a href="{{ route('front.get.product', [$product->slug, $product->id]) }}" class="btn btn-lg box-red my-2 d-block">Ver detalhes <i class="fas fa-search ml-1"></i></a>

							@if (!config('site.catalogo_produtos')) {{-- Caso o site não esteja marcado como catálogo - possuir compras ativas  --}}

							<form  action="{{ route('cart.store') }}" class="formAddCart-{{ $product->id }}" method="POST">
								{{ csrf_field() }}
								<input type="hidden" name="product" value="{{ $product->id }}">
								<input type="hidden" name="quantity" value="1">

								<a id="add-to-cart-btn-{{ $product->id }}" class="btn btn-lg box-green my-2 d-block add-cart" data-toggle="tooltip" data-placement="top" title="Adicionar ao Carrinho" data-product="{{ $product->id }}">Adicionar ao carrinho <i class="fas fa-shopping-cart ml-1"></i></a>
							</form>

							@endif
						</div>
					</div>
				</div>
				<div class="pc text-center">
					<h6 class="font-weight-bolder black-text px-5">{{ $product->name }}</h6>
					<h6 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>
						@else
						<strong> {{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }}</strong>
						@endif
					</h6>
				</div>
			</div>
			@endforeach

		</div>

	</div>

</section>

@section('js')
<script type="text/javascript">
	$(document).ready(function () {
		$('.add-cart').on('click', function(){
			let product_id = $(this).data('product')
			$('form.formAddCart-'+product_id).submit()
		})
	})
</script>
@endsection