@extends('frontend.layouts.app')
@section('content')
	<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="{{ url('/') }}" >{{translate('Home')}}</a></li>
					<li><a href="{{ route('news') }}">{{translate('News')}}</a></li>
					<!-- <li title="Takhlees-Article">{{translate('Article')}}</li> -->
				</ol>
			</div>
		</div>
	</section>
	<section class="BlogDetailSec__wr">
		<div class="container">
			<div class="row">
				<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
					<article class="articleItem__wr">
						<p class="articleTitle__wr wow animate__fadeInUp" data-wow-duration="2s">{{ $blog->getTranslation('title') }}</p>
						<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>
						<picture class="articlePic__wr wow animate__zoomIn" data-wow-duration="2s">
							@if ($blog->banner != null)
							<img src="{{uploaded_asset($blog->banner)}}" 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">
							@else
							<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">
							@endif
						</picture>
						<div class="artcleContentWrap__wr wow animate__fadeInUp" data-wow-duration="2s">
							<div class="postContent__wr">
								<p>{!! $blog->getTranslation('short_description') !!}</p>
								<p>{!! $blog->getTranslation('description') !!}</p>
							</div>
						</div>
					</article>
				</div>
				<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
					<aside class="sidebarWrapp__wr">
						<section class="boxWrapper__wr recentWrap wow animate__slideInRight" data-wow-duration="2s">
							<p class="boxTitle__wr">{{translate('Most Recent')}}</p>
							<ul class="postListWrap__wr">
								@if($recent_blogs->isNotEmpty())
									@foreach($recent_blogs as $recent_blog)
										<li class="col-md-6 col-sm-12 col-12">
											<a href="{{ route('news.details', $recent_blog->slug) }}" target="_blank">
												<picture class="itemFigure__wr">
													<img src="{{uploaded_asset($recent_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">
												</picture>
												<div class="itemContent__wr">
													<p class="title">{{ $recent_blog->getTranslation('title') }}</p>
													<span class="meta_date"><i class="fa-solid fa-calendar-days"></i>{{ date('F d, Y', strtotime($recent_blog->updated_at)) }}</span>
												</div>
											</a>
										</li>
									@endforeach
								@endif
						</section>
						{{--<section class="boxWrapper__wr formWrap wow animate__slideInRight" data-wow-duration="2s">
							<p class="boxTitle__wr">{{ translate('Join the Conversation') }}</p>
							<form class="formWrapper__wr" method="POST" action="{{ route('store.comment', encrypt($blog->id)) }}">
								@csrf
								<div class="form-row">
									<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
										<label>{{ translate('Name') }}<span>*</span></label>
										<input type="text" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="Enter Your Name" autocomplete="off" required="">
										@error('name') <span class="invalid-feedback" role="alert">{{ $message }}</span> @enderror
									</div>
									<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
										<label>{{ translate('Email') }}<span>*</span></label>
										<input type="text" name="email" class="form-control @error('email') is-invalid @enderror" placeholder="Enter Your Email" autocomplete="off" required="">
										@error('email') <span class="invalid-feedback" role="alert">{{ $message }}</span> @enderror
									</div>
									<div class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
										<label>{{ translate('Your Comments') }}<span>*</span></label>
										<textarea name="comment" class="form-control @error('comment') is-invalid @enderror" placeholder="Enter Your Comments" rows="4" cols="30" autocomplete="off" required=""></textarea>
										@error('comment') <span class="invalid-feedback" role="alert">{{ $message }}</span> @enderror
									</div>
									<div class="form-group btnParent__wr col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
										<button type="submit" class="btn primaryBtn__wr">{{ translate('Post Comment') }}</button>
									</div>
								</div>
							</form>
						</section> --}}
					</aside>
				</div>
			</div>
		</div>
	</section>
@endsection