@extends('Shop.layout.layout', [
	'title' => __('home.title'),
])

@section('content')
	@include('Shop.Tags.partials.filter')
	
	@if (!empty($text))
		<div class="row m-0 mb-3">
			<div class="col-12 p-3 green-dark bg-yellow rounded drop-shadow" style="font-size: 1.2em;">{!! $text !!}</div>
		</div>
	@endif
	
	<div class="row">
		<div class="col-12">
			@foreach ($shelves as $shelve)
				@include('Shop.Homepage.partials.sliderByShelve')
			@endforeach
		</div>
	</div>
@endsection

@include('load.slick')

@push('js')
	<script>
		$(document).ready(function() {
			$('.slider').slick({
				lazyLoad: 'ondemand',
				slidesToShow: 6,
				slidesToScroll: 1,
				dots: true,
				autoplay: true,
				autoplaySpeed: 5000
			});
		});
	</script>
@endpush

