@php
use App\Libraries\FileSystem;
@endphp
<!-- ==== Main Header Section Start ==== -->
<section class="main_header_section">
	<div class="container">
		<div class="row">
			<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<h4>Category</h4>
				<div class="inner_area">
					<div class="left_area">
						<p>Browse Our Diverse Categories of Exquisite Jewelry</p>
					</div>
					<div class="right_area"></div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Main Header Section End ==== -->

<!-- ==== Category Section Start ==== -->
<section class="category_section">
	<div class="container">
		<div class="row">
			<div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
				<div class="category_area">
					<div class="owl-carousel owl-theme" id="categoy_slider">
						@foreach($productCate as $key => $c)
						<div class="item">
							<div class="category_inner_area">
								<div class="category_img">
									<img src="{{General::renderImage(FileSystem::getAllSizeImages($c->image), 'medium')}}" title="{{isset($c->title) && $c->title ? $c->title :''}}" fetchpriority="low" alt="{{isset($c->title) && $c->title ? $c->title :''}}" />
									<a href="{{route('products.index',['slug' => $c['slug'],'type' => 'category'])}}" aria-label="Category Title">
										<div class="img_text">{{isset($c->title) && $c->title ? $c->title :''}}</div>
									</a>
								</div>
							</div>
						</div>
						@endforeach
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Category Section End ==== -->