@extends('frontend.layouts.app')
@section('meta_title', 'Blogs')
@section('content')
<main class="pageMainLayout__wr blogPage__wr">
<section class="innerPageBnrWrap__wr blogPageBnr__wr">
	<div class="container">
		<div class="contentWrap__wr">
			<h6 class="bannerTitle__wr">Blog</h6>
			<ol class="breadcrumbWrap__wr">
				<li><a href="{{ links() }}">Home</a></li>
				<li>Blog</li>
			</ol>
		</div>
	</div>
</section>
<section class="stories_sec">
	<div class="container">
		<div class="row">
			@forelse($blogs as $blog)
			<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
				<article class="article_item">
					<picture class="item_figure">
						<a href="{{route('blog.details', $blog->slug)}}">
							<img src="{{uploaded_asset($blog->banner)}}" loading="lazy" class="img-fluid" alt="" title="" width="" height="">
						</a>
					</picture>
					<div class="item_content">
						<!-- <ul class="mtea_info">
							<li class="meta_category"><a href="javascript:void(0);"><i class="fa-solid fa-bookmark"></i><span>Relationships</span></a></li>
						</ul> -->
						<a href="{{route('blog.details', $blog->slug)}}" class="title">{{$blog->title}}</a>
						<div class="post_content">
							<p>{!!$blog->short_description!!}</p>
						</div>
						<ul class="foot">
							<li class="meta_author"><i class="fa-solid fa-circle-user"></i><a href="javascript:void(0);">{{\App\Models\User::where('user_type', 'admin')->first()->name}}</a></li>
							<li class="meta_date"><i class="fa-solid fa-calendar-days"></i><span>{{date('F d, Y', strtotime($blog->updated_at))}}</span></li>
						</ul>
					</div>
				</article>
			</div>
			@empty
				<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
					<article class="article_item">
						<picture class="item_figure">
							<a href="{{route('blog.details', '1')}}">
								<img src="https://s3-us-west-1.amazonaws.com/production-coactive/wp-content/uploads/2012/08/12061840/acknowledge-people-1024x683.jpg" loading="lazy" class="img-fluid" alt="" title="" width="" height="">
							</a>
						</picture>
						<div class="item_content">
							<!-- <ul class="mtea_info">
								<li class="meta_category"><a href="javascript:void(0);"><i class="fa-solid fa-bookmark"></i><span>Relationships</span></a></li>
							</ul> -->
							<a href="{{route('blog.details', '1')}}" class="title">Acknowledge People in Your Life and Watch Your Relationships Transform</a>
							<div class="post_content">
								<p>Lorem ipsum dolor sit amet. At omnis rerum eos tempora eveniet nam dolor Quis in autem totam. Non tempora reiciendis aut possimus pariatur est molestias voluptatem.</p>
							</div>
							<ul class="foot">
								<li class="meta_author"><i class="fa-solid fa-circle-user"></i><a href="javascript:void(0);">CTI</a></li>
								<li class="meta_date"><i class="fa-solid fa-calendar-days"></i><span>OCTOBER 12, 2022</span></li>
							</ul>
						</div>
					</article>
				</div>
			@endforelse
		</div>
		<nav class="pagination_wrapper">
			<!-- <ul class="pagination">
			<li class="page-item"><a class="page-link" href="javascript:void(0);" aria-label="Previous"><i class="fa-solid fa-chevron-left"></i></a></li>
			<li class="page-item active"><a class="page-link" href="javascript:void(0);">01</a></li>
			<li class="page-item"><a class="page-link" href="javascript:void(0);">02</a></li>
			<li class="page-item"><a class="page-link" href="javascript:void(0);">03</a></li>
			<li class="page-item"><a class="page-link" href="javascript:void(0);">04</a></li>
			<li class="page-item"><a class="page-link" href="javascript:void(0);" aria-label="Next"><i class="fa-solid fa-chevron-right"></i></a></li>
			</ul> -->
			{{$blogs->links()}}
		</nav>
	</div>
</section>
@endsection