
@extends($activeTemplate.'layouts.frontend')
@section('content')
    <!-- Blog Section Starts Here -->
    <section class="blog-section pt-120 pb-120 bg--section">
        <div class="container">
            <div class="row gy-5 justify-content-center">
                <div class="col-lg-8">
                    <div class="post__details pb-50">
                        <div class="post__header">
                            <h3 class="post__title">
                                {{ __(@$blog->data_values->title) }}
                            </h3>
                            <ul class="post-meta d-flex flex-wrap align-items-center">
                                <li><i class="las la-user-circle"></i> @lang('By Author')</li>
                                <li><i class="las la-eye"></i> {{ __(@$blog->view) }} </li>
                            </ul>
                        </div>
                        <div class="post__thumb">
                            <img src="{{ frontendImage('blog', @$blog->data_values->image, '855x420') }}" alt="">
                        </div>
                        <p>
							@php echo $blog->data_values->description @endphp
                        </p>
                        <div class="col-md-6">
                            <h6 class="post__share__title">@lang('Share now')</h6>
                            <ul class="post__share">
                                <li>
                                    <a href="https://www.facebook.com/sharer/sharer.php?=u{{ url()->current() }}" target="_blank">
                                        <i class="lab la-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://twitter.com/home?status={{ url()->current() }}" target="_blank">
                                        <i class="lab la-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ url()->current() }}" target="_blank">
                                        <i class="lab la-linkedin-in"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="http://www.reddit.com/submit?url={{ url()->current() }}" target="_blank">
                                        <i class="lab la-reddit"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-12">
                            <div class="fb-comments mt-5" data-href="{{ route('blog.details',[$blog->id,slug($blog->data_values->title)]) }}" data-numposts="5">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <aside class="blog-sidebar bg--body">
                        <div class="widget widget__post__area">
                            <h5 class="widget__title">@lang('Recent Blog')</h5>
                            <ul>
                                @foreach ($latestBlogs as $latest)
                                    <li>
                                        <a href="{{ route('blog.details', $latest->slug) }}" class="widget__post">
                                            <div class="widget__post__thumb">
                                                <img src="{{ frontendImage('blog','thumb_'. @$latest->data_values->image, '425x210')}}" alt="">
                                            </div>
                                            <div class="widget__post__content">
                                                <h6 class="widget__post__title">
                                                    {{ __($latest->data_values->title) }}
                                                </h6>
                                                <span>{{ showDateTime($latest->created_at) }}</span>
                                            </div>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="widget widget__post__area">
                            <h5 class="widget__title">@lang('Top View')</h5>
                            <ul>
                                @foreach ($topBlogs as $top)
                                    <li>
                                        <a href="{{ route('blog.details',$top->slug) }}" class="widget__post">
                                            <div class="widget__post__thumb">
                                                <img src="{{ frontendImage('blog','thumb_'. @$top->data_values->image, '425x210')}}" alt="">
                                            </div>
                                            <div class="widget__post__content">
                                                <h6 class="widget__post__title">
                                                    {{ __($top->data_values->title) }}
                                                </h6>
                                                <span>{{ showDateTime($top->created_at) }}</span>
                                            </div>
                                        </a>
                                    </li>
                                @endforeach

                            </ul>
                        </div>


                    </aside>
                </div>
            </div>
        </div>
    </section>
    <!-- Blog Section Ends Here -->
@endsection

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


