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

@section('content')
	@include('Shop.Tags.partials.filter')
	<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: 2000
			});
		});
	</script>
@endpush