@extends('frontend.layouts.app')
@section('content')
<main class="page_main_layout news_page">
		<section class="innerPageBanner newsPageBnr">
			<div class="container">
				<div class="contentWrapper__wr wow animate__zoomIn" data-wow-duration="2s">
					<p class="bannerTitle__wr" title="Takhlees-News">{{translate('News')}}</p>
					<ol class="breadcrumb__wr">
						<li><a href="index.php" title="Takhlees-Home">{{translate('Home')}}</a></li>
						<li title="Takhlees-News">{{translate('News')}}</li>
					</ol>
				</div>
			</div>
		</section>
		<section class="BlogSec__wr">
			<div class="container">
				<div class="row">
					@if ($blogs->isNotEmpty())
						@foreach ($blogs as $blog)
							<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12 wow animate__zoomIn" data-wow-duration="2s">
								<article class="articleItem__wr">
									<picture class="articlePic__wr">
										<a href="{{ route('news.details', $blog->slug) }}">
											<img src="{{uploaded_asset($blog->feature_image)}}" loading="lazy" class="img-fluid" alt="china-international-small-and-medium-enterprises-fair-2018-takhlees-blog-bg" title="china-international-small-and-medium-enterprises-fair-2018-takhlees-blog-bg" width="448" height="299">
										</a>
									</picture>
									<div class="contentBlock__wr">
										<div class="info_meta">
											<span class="icon"><i class="fa-light fa-calendar-days"></i></span>
											<span>{{ date('d-m-Y', strtotime($blog->updated_at)) }}</span>
										</div>
										<a href="{{ route('news.details', $blog->slug) }}" class="articleTitle__wr">{{ $blog->getTranslation('title') }}</a>
										<div class="postContent__wr">{!! $blog->getTranslation('short_description') !!}</div>
										<div class="btnParent__wr">
											<a href="{{ route('news.details', $blog->slug) }}" class="itemBtn__wr"><span class="label__wr">Read More</span><i class="fa-solid fa-arrow-right-long"></i></a>
										</div>
									</div>
								</article>
							</div>
						@endforeach
					@endif
				</div>
				<nav class="paginationWrapper__wr">
					<ul class="pagination">
						{{ $blogs->links() }}
						{{-- <li class="page-item">
							<a class="page-link" href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
						</li>
						<li class="page-item active"><a class="page-link" href="#">1</a></li>
						<li class="page-item"><a class="page-link" href="#">2</a></li>
						<li class="page-item"><a class="page-link" href="#">3</a></li>
						<li class="page-item">
							<a class="page-link" href="#" aria-label="Next"><span aria-hidden="true">&raquo;</span></a>
						</li> --}}
					</ul>
				</nav>
			</div>
		</section>
	</main>
@endsection