@extends('layouts.frontend')

@section('title') {{ $category->name }} @endsection
@section('meta_title') {{ $category->meta_title }} @endsection
@section('meta_image') {{ asset('/storage/'.$category->image) }} @endsection
@section('meta_description') {{ $category->meta_description }} @endsection

{{-- @section('meta_title') {{ $blog->meta_title }} @endsection
@section('meta_image') {{ asset('/storage/'.$blog->image) }} @endsection
@section('meta_description') {{ $blog->meta_description }} @endsection --}}

@section('content')

	<!--===== BLOG AREA START=======-->

	<div class="blog1 sp bg1 _relative mt-5">
		<div class="container">
			{{-- <div class="row">
				<div class="col-lg-8"> --}}
					<h1 class="text-center">{{ $category->name }}</h1>
					<hr class="bg-highlight mb-4" style="width: 80px;margin: 0 auto; border-width:0; height:2px;">
					<div class="blog1-posts-area">
						<div class="row">

							@forelse($blogs as $blog)

								@include('includes.blog_list',['blog'=>$blog])

							@empty 
								<h3 class="text-center text-danger">No articles found</h3>
							@endforelse


						</div>

						<div class="space60"></div>
						{{-- <div class="row" data-aos-offset="50" data-aos="fade-up" data-aos-duration="400">
							<div class="col-12 m-auto">
								<div class="theme-pagination text-center">
									<ul>
										<li>
											<a href="#"><i class="fa-solid fa-angle-left"></i></a>
										</li>
										<li><a class="active" href="#">01</a></li>
										<li><a href="#">02</a></li>
										<li>...</li>
										<li><a href="#">12</a></li>
										<li>
											<a href="#"><i class="fa-solid fa-angle-right"></i></a>
										</li>
									</ul>
								</div>
							</div>
						</div> --}}
						{{ $blogs->links() }}
					</div>
				{{-- </div>

				<div class="col-lg-4">
					@include('includes.sidebar')
				</div> --}}
			</div>
		</div>
	</div>


@endsection