@extends($activeTemplate.'layouts.frontend')
@section('content')
<section class="pt-100 pb-100 section--bg">
	<div class="container">
		<div class="row gy-4 justify-content-center">
			<div class="col-lg-8">
				<div class="blog-details-wrapper">
					<h2 class="title mb-4">{{__($blog->data_values->title)}}</h2>
					<div class="thumb">
						<img src="{{getImage('assets/images/frontend/blog/'. $blog->data_values->blog_image, '768x520')}}" alt="@lang('image')">
					</div>
					@php echo $blog->data_values->description_nic  @endphp
				</div>
                <div class="mt-4">
                    <h5 class="mt-0 mb-2">@lang('Share')</h5>
                    <ul class="d-flex gap-2 flex-wrap social-list">
                        <li>
                            <a href="https://www.facebook.com/sharer/sharer.php?u={{urlencode(url()->current()) }}" class="social-list__icon">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://twitter.com/intent/tweet?text={{ __(@$blog->data_values->title) }}%0A{{ url()->current() }}" class="social-list__icon">
                                <i class="fab fa-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a class="social-list__icon" href="http://pinterest.com/pin/create/button/?url={{urlencode(url()->current()) }}&description={{ __(@$blog->data_values->title) }}&media={{ getImage('assets/images/frontend/blog/' . @$blog->data_values->blog_image, '800x580') }}">
                                <i class="fab fa-pinterest-p"></i>
                            </a>
                        </li>
                        <li>
                            <a  class="social-list__icon" href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{urlencode(url()->current())}}&amp;title={{ __(@$blog->data_values->title) }}&amp;summary={{ __(@$blog->data_values->short_details) }}">
                                <i class="fab fa-linkedin-in"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="fb-comments" data-href="{{ route('blog.details', [$blog->id, slug(@$blog->data_values->title)]) }}" data-numposts="5"></div>
			</div>
			<div class="col-lg-4 mt-lg-0 mt-5">
				<div class="sidebar">
					<div class="widget">
						<h3 class="widget__title">@lang('Recent Posts')</h3>
						<ul class="small-post-list">
							@foreach($recentBlogs as $value)
								<li class="small-post">
									<div class="small-post__thumb">
										<img src="{{getImage('assets/images/frontend/blog/thumb_'. $value->data_values->blog_image, '400x250')}}" alt="@lang('img')">
									</div>
									<div class="small-post__content">
										<h6 class="small-post__title"><a href="{{route('blog.details', [$value->id, slug($value->data_values->title)])}}">{{__($value->data_values->title)}}</a></h6>
										<span class="fst-italic fs--14px text--muted">{{showDateTime($blog->created_at, 'd M Y')}}</span>
									</div>
								</li>
							@endforeach
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection

@push('fbComment')
	@php echo loadExtension('fb-comment') @endphp
@endpush