@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>{{ isset($blogSection['title']) && $blogSection['title']? $blogSection['title'] :''}}</h4>
				<div class="inner_area">
					<div class="left_area">
						<p>{{ isset($blogSection['sub_title']) && $blogSection['sub_title']? $blogSection['sub_title'] :''}}</p>
					</div>
					<div class="right_area"></div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Main Header Section End ==== -->

<!-- ==== Blog Section Start ==== -->
<section class="blog_sections">
	<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="blog_area">
					<div class="owl-carousel owl-theme" id="blog">
						@foreach($blog as $k => $val)
						@php 
							$category = isset($val->categories) && $val->categories ? current($val->categories->toArray()) : [];
							$data = isset($val->created) && $val->created ? date('j F, Y', strtotime($val->created)) : date('j F, Y');;
						@endphp
						<div class="item">
							<div class="blog_item">
								<div class="blog_img">
									<img src="{{General::renderImage(FileSystem::getAllSizeImages($val->banner_image), 'medium')}}" title="{{ isset($val->title) && $val->title  ? $val->title :''}}" fetchpriority="low" alt="{{ isset($val->title) && $val->title  ? $val->title :''}}" />
									<div class="blog_details">
										<div class="date">{{isset($data) && $data ? $data : ''}}</div>
										<div class="tag">{{ isset($category['title']) && $category['title']  ? $category['title'] :''}}</div>
										<div class="heading">{{ isset($val->title) && $val->title  ? $val->title :''}}</div>
									</div>
									<div class="btn_area">
										<a href="{{route('blog.single',['slug' => $val->slug])}}" aria-label="Read More" class="btn btn-primary read_btn">Read More</a>
									</div>
								</div>
							</div>
						</div>
						@endforeach
					</div>
					<div class="view_btn_area">
						<a href="{{route('blog.index')}}" aria-label="View All" class="btn btn-primary">View All</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ==== Blog Section End ==== -->