@extends('site.zbase::layout')
@section('content')
<div class="conteudo">
	@if($homeSlides->count())
	<section class="cont-carrossel">
		<div class="carrossel-home">
			<div class="carr-home">
				@foreach($homeSlides as $cada)
				<a href="{{ $cada->link?$cada->link:'#' }}" class="slide-home">
					<img src="{{ asset('storage/homeSlides/imagens/'.$cada->caminho) }}" alt="{{ $cada->legenda }}" />
				</a>
				@endforeach
			</div>
			@if($homeSlides->count() > 1)
			<div class="div-bullets">
				@for ($i = 0; $i < $homeSlides->count(); $i++)
				<button class="bullet-home {{ !$i?'bullet-home-ativo':'' }}"></button>
				@endfor
			</div>
			<button class="seta-home home-esq"></button>
			<button class="seta-home home-dir"></button>
			@endif
		</div>
	</section>
	@endif
	<section class="cont-home">
		<div class="div-seletores">
			<h2 class="tit-seletores font-3"><span class="font-5">Confira</span> também</h2>
			<a href="#" class="link-seletor seletor-vend font-5" data-type="maisVendidos">
				<span class="bg-movel"></span>
				<span class="txt-seletores">+ Vendidos</span>
			</a>
			@if($lancamentos->count())
			<a href="#" class="link-seletor seletor-lanc font-5" data-type="lancamentos">
				<span class="bg-movel"></span>
				<span class="txt-seletores">Lançamentos</span>
			</a>
			@endif
			@if($promocoes->count())
			<a href="#" class="link-seletor seletor-promo font-5" data-type="promocoes">
				<span class="bg-movel"></span>
				<span class="txt-seletores">Promoções</span>
			</a>
			@endif
			<span class="vazio"></span>
		</div>
		<div class="carrossel-produtos">
			<div class="carr-prod">
				@foreach($maisVendidos as $cada)
				<div class="maisVendidos">
					<div class="box-prod" style="float:none; margin:0 auto;">
						<div class="inner-boxprod">