@extends('public_layouts.layout')
@section('title', __('messages.home'))
@section('description', '')
@section('seo')
@section('content')

<div id="site-main" class="site-main home home-6 title-6">
	<div id="main-content" class="main-content">
		<div id="primary" class="content-area">
			<div id="content" class="site-content" role="main">
				<section class="section m-b-0">
					<!-- Block Sliders -->
					<div class="block block-sliders layout-6 nav-vertical">
						<div class="slick-sliders" data-autoplay="false" data-dots="true" data-nav="false" data-columns4="1" data-columns3="1" data-columns2="1" data-columns1="1" data-columns1440="1" data-columns="1">
							@foreach ($view_data['banner']['banners'] as $banner)
								<div class="item slick-slide">
									<div class="item-content">
										<div class="content-image">
											<img width="1920" height="1080" src="{{ isset($banner->image[0]) ?  locale_storage('images/'. $banner->image[0]) : asset('/assets/default-image.jpg'. $banner->image[0]) }}" alt="">
										</div>
										<div class="item-info horizontal-center vertical-bottom text-center">
											<div class="content">
												<h2 class="title-slider">{{ $banner->title }}</h2>
											</div>
										</div>
									</div>
								</div>
							@endforeach
						</div>
					</div>
				</section>
				<div id="site-main" class="site-main">
					<div id="main-content" class="main-content">
						<div id="primary" class="content-area">
							<div id="content" class="site-content" role="main">
								<div class="shop-details zoom" data-product_layout_thumb="scroll" data-zoom_scroll="true" data-zoom_contain_lens="true" data-zoomtype="inner" data-lenssize="200" data-lensshape="square" data-lensborder="" data-bordersize="2" data-bordercolour="#f9b61e" data-popup="false">	
									<div class="product-top-info">
										<div class="section-padding p-t-70  p-b-50">
											<div class="section-container p-l-r">
												<div class="row">
													<div class="product-info col-lg-6 col-md-12 col-12 ">
														<h1 class="title">{{$view_data['about']['title']}}</h1>
														<div class="description">
															<p>{!!strip_tags(nl2br($view_data['about']['content']), '<br>')!!}</p>
														</div>
													</div>
													<div class="product-images col-lg-6 col-md-12 col-12">
														<div class="row">
															<div class="col-md-2">
																<div class="content-thumbnail-scroll">
																	<div class="image-thumbnail slick-carousel slick-vertical" data-asnavfor=".image-additional" data-centermode="true" data-focusonselect="true" data-columns4="5" data-columns3="4" data-columns2="4" data-columns1="4" data-columns="4" data-nav="true" data-vertical="&quot;true&quot;" data-verticalswiping="&quot;true&quot;">
																		@foreach ($view_data['about']['image'] as $image)
																		<div class="img-item slick-slide">
																			<span class="img-thumbnail-scroll">
																				<img width="600" height="600" src="{{ locale_storage('images/'.$image) }}" alt="">
																			</span>
																		</div>
																		@endforeach
									
																	</div>
																</div>
															</div>
															<div class="col-md-10">
																<div class="scroll-image main-image">
																	<div class="image-additional slick-carousel" data-asnavfor=".image-thumbnail" data-fade="true" data-columns4="1" data-columns3="1" data-columns2="1" data-columns1="1" data-columns="1" data-nav="true">
																		@foreach ($view_data['about']['image'] as $image)	
																		<div class="img-item slick-slide">
																			<img width="900" height="600" src="{{ locale_storage('images/'.$image) }}" alt="" title="">
																		</div>
																		@endforeach
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div><!-- #content -->
						</div><!-- #primary -->
					</div><!-- #main-content -->
				</div>
				<section class="section section-padding background-3 p-t-70 p-b-70 m-b-80">
					<div class="section-container">
						<!-- Block Feature -->
						<div class="block block-feature layout-3 no-border">
							<div class="block-widget-wrap">
								@php
									$chunks = array_chunk($view_data['cottontype']['cottontypes'], 4);
								@endphp
								@foreach ($chunks as $chunk)
									<div class="row mb-md-6">
										@foreach ($chunk as $cottontype)
											<div class="col-md-3 sm-m-b-50">
												<div class="box">
													<div class="box-icon mb-20">
														<span>
															<img width="100" height="100" src="{{ isset($cottontype->image[0]) ? locale_storage('images/'.$cottontype->image[0]) : asset('/assets/default-image.jpg') }}" class="post-image" alt="">
														</span>
													</div>
													<div class="box-title-wrap">
														<h3 class="box-title mt-2">
															{{ $cottontype->name }}
														</h3>
														<p class="box-description">
															{!!strip_tags(nl2br($cottontype->description), '<br>') !!}
														</p>
													</div>
												</div>
											</div>
										@endforeach
									</div>
								@endforeach
							</div>
						</div>
					</div>
				</section>
								<section class="section section-padding m-b-70">
					<div class="section-container">
						<!-- Block Feature -->
						<div class="block block-feature">
							<div class="block-widget-wrap">
								<div class="block-title"><h2>{{$view_data['feature']['title']}}</h2></div>
								<div class="row lg-m-lr">
									@foreach ($view_data['feature']['features'] as $feature)
										<div class="col-lg-3 col-md-6 col-sm-6 md-b-15 lg-p-lr">
											<div class="box bacend">
												<div class="box-icon mt-20 mb-50">
													<img src="{{ isset($feature->image[0]) ? locale_storage('images/'.$feature->image[0]) : asset('/assets/default-image.jpg') }}" alt="">
												</div>
												<div class="box-title-wrap">
													<h3 class="box-title px-3">
														{{ $feature->name }}
													</h3>
													<p class="box-description pl-3 pr-3">
														{!!strip_tags(nl2br($feature->description), '<br>') !!}
													</p>
												</div>
											</div>
										</div>
									@endforeach
								</div>
							</div>
						</div>
					</div>
				</section>
				<section class="section footer-image mb-0">
					@if(isset($view_data['footer']['image'][0]))
						<img src="{{ locale_storage('images/'.$view_data['footer']['image'][0]) }}" alt="">
					@endif
				</section>
			</div><!-- #content -->
		</div><!-- #primary -->
	</div><!-- #main-content -->
</div>

@endsection