@extends('layouts.front.app')

@section('og')
	<meta property="og:locale" content="{{ app()->getLocale() }}"/>
  <meta property="og:type" content="home"/>
  <meta property="og:title" content="{{ config('app.name') }} - Home"/>
  <meta property="og:site_name" content="{{ config('app.name') }}"/>
  <meta property="og:description" content="{{ config('site.description') }}"/>
@endsection

@section('content')

<section>
  <div class="container">
    <div class="alert alert-danger alert-dismissible my-3 fade show" role="alert">
      <strong>Se você é revendedor de carimbos, <a data-toggle="modal" data-target="#modalLRForm"><u>clique aqui!</u></a></strong>
      <button type="button" class="close" data-dismiss="alert">
        <i class="fas fa-times"></i>
      </button>
    </div>
  </div>
</section>

<section>
	<div class="container">
		<div class="text-center text-md-left my-4">
			<div class="row">

				<div class="col-lg">
					<div class="row">
						<div class="col-lg-3 text-md-right text-center">
							<img src="{{ asset('storage/images/scholl/suporte.png') }}">
						</div>
						<div class="col-lg">
							<h5 class="font-weight-bold fosco-text">Precisa de ajuda?</h5>
							<h6 class="fosco-text font-weight-bolder">entre em contato conosco</h6>
						</div>
					</div>
				</div>

				<div class="col-lg">
					<div class="row">
						<div class="col-lg-3 text-md-right text-center">
							<img src="{{ asset('storage/images/scholl/economia.png') }}">
						</div>
						<div class="col-lg">
							<h5 class="font-weight-bold fosco-text">Seja um revendedor</h5>
							<h6 class="fosco-text font-weight-bolder">e aproveite as nossas ofertas</h6>
						</div>
					</div>
				</div>

				<div class="col-lg">
					<div class="row">
						<div class="col-lg-3 text-md-right text-center">
							<img src="{{ asset('storage/images/scholl/pagamento.png') }}">
						</div>
						<div class="col-lg">
							<h5 class="font-weight-bold fosco-text">Pagamento Facilitado</h5>
							<h6 class="fosco-text font-weight-bolder">em até 3x sem juros</h6>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</section>

<section>
	<div class="container">

		<!--Agrupamento de uma categoria-->
		<div class="area-1 py-4">

			<div class="legend">
				<h4 class="title p-2">DESTAQUE</h4>
			</div>

			<div class="carousel-secondary slider"><!--class="carousel-primary" // carrossel automatico-->
				@foreach ($products as $produto)
				@php
				$src = config('site.url') . "storage/". $produto->cover;
				if($produto->sales_price !== null) {
					$preco_valido = $produto->sales_price;
				} else {
					$preco_valido = $produto->price;
				}
				@endphp

				<div class="col-lg-3 p-1 centro my-4">
					<div class="effect">
						<a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}" class="pointer">
							<div class="view">
								<img src="{{ $src }}" class="img-fluid image mx-auto">
							</div>

							<div class="descricoes text-center my-2">
								@if ($produto->categoria->name)
									<small class="font-weight-bolder text-muted">{{$produto->categoria->name}}</small>
								@endif
								<h6 class="title-description">{{$produto->name}}</h6>
								<h6 class="font-weight-bold fosco-text font-abeezee">
									{{ config('cart.currency_symbol') }} {{ number_format($preco_valido, 2, ',','.') }}
								</h6>
							</div>
						</a>

						<div class="pdt text-center">
							@if ($produto->quantity > 0)

							<form action="{{ route('cart.store') }}" class="d-flex justify-content-left" 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="{{ $produto->id }}">
								<button class="btn btn-md btn-green btn-rounded font-weight-bold mx-auto">Adicionar ao carrinho
									<i class="fas fa-shopping-cart ml-1"></i>
								</button>
							</form>

							@else

							<a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}" class="btn btn-md btn-indigo btn-rounded font-weight-bold mx-auto">
								Visualizar Produto <i class="fas fa-eye ml-2"></i>
							</a>

							@endif

						</div>

					</div>

				</div>
				@endforeach

			</div>

		</div>

		<!--Agrupamento de uma categoria-->
		<div class="area-2 py-4">
			<div class="legend">
				<h4 class="title p-2">PROMOÇÃO</h4>
			</div>

			<div class="carousel-secondary slider">
				@foreach ($promocionais as $produto)
				@php
				$src = config('site.url') . "storage/". $produto->cover;
				if($produto->sales_price !== null) {
					$preco_valido = $produto->sales_price;
				} else {
					$preco_valido = $produto->price;
				}
				@endphp

				<div class="col-lg p-1 centro my-4">
					<div class="effect">
						<a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}" class="pointer">
							<div class="view">
								<img src="{{ $src }}" class="img-fluid image mx-auto">
							</div>

							<div class="descricoes text-center my-2">
								@if ($produto->categoria->name)
									<small class="font-weight-bolder text-muted">{{$produto->categoria->name}}</small>
								@endif
								<h6 class="title-description">{{$produto->name}}</h6>
								<h6 class="font-weight-bold fosco-text font-abeezee">
									{{ config('cart.currency_symbol') }} {{ number_format($preco_valido, 2, ',','.') }}
								</h6>
							</div>
						</a>

						<div class="pdt text-center">
							@if ($produto->quantity > 0)

							<form action="{{ route('cart.store') }}" class="d-flex justify-content-left" 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="{{ $produto->id }}">
								<button class="btn btn-md btn-green btn-rounded font-weight-bold mx-auto">Adicionar ao carrinho
									<i class="fas fa-shopping-cart ml-1"></i>
								</button>
							</form>

							@else

							<a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}" class="btn btn-md btn-indigo btn-rounded font-weight-bold mx-auto">
								Visualizar Produto <i class="fas fa-eye ml-2"></i>
							</a>

							@endif

						</div>

					</div>

				</div>
				@endforeach

			</div>

		</div>

		<!--Agrupamento de uma categoria-->
		<div class="area-3 py-4">
			<div class="legend">
				<h4 class="title p-2">RECENTES</h4>
			</div>

			<div class="carousel-secondary slider">
				@foreach ($novos as $produto)
				@php
				$src = config('site.url') . "storage/". $produto->cover;
				if($produto->sales_price !== null) {
					$preco_valido = $produto->sales_price;
				} else {
					$preco_valido = $produto->price;
				}
				@endphp

				<div class="col-lg-3 p-1 centro my-4">
					<div class="effect">
						<a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}" class="pointer">
							<div class="view">
								<img src="{{ $src }}" class="img-fluid image mx-auto">
							</div>

							<div class="descricoes text-center my-2">
								@if ($produto->categoria->name)
									<small class="font-weight-bolder text-muted">{{$produto->categoria->name}}</small>
								@endif
								<h6 class="title-description">{{$produto->name}}</h6>
								<h6 class="font-weight-bold fosco-text font-abeezee">
									{{ config('cart.currency_symbol') }} {{ number_format($preco_valido, 2, ',','.') }}
								</h6>
							</div>
						</a>

						<div class="pdt text-center">
							@if ($produto->quantity > 0)

							<form action="{{ route('cart.store') }}" class="d-flex justify-content-left" 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="{{ $produto->id }}">
								<button class="btn btn-md btn-green btn-rounded font-weight-bold mx-auto">Adicionar ao carrinho
									<i class="fas fa-shopping-cart ml-1"></i>
								</button>
							</form>

							@else

							<a href="{{ route('front.get.product', [$produto->slug, $produto->id]) }}" class="btn btn-md btn-indigo font-weight-bold btn-rounded mx-auto">
								Visualizar Produto <i class="fas fa-eye ml-2"></i>
							</a>

							@endif

						</div>

					</div>

				</div>
				@endforeach

			</div>

		</div>

	</div>
</section>

@endsection