@extends($activeTemplate . 'layouts.frontend')
@section('content')
    <!-- blog-details-section start -->
    <section class="blog-details-section pt-150 pb-150">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8">
                    <div class="blog-details-wrapper">
                        <div class="blog-details__thumb">
                            <img src="{{ frontendImage('blog', @$blog->data_values->image, '920x480') }}" alt="image">
                        </div><!-- blog-details__thumb end -->
                        <div class="blog-details__content">
                            <h4 class="blog-details__title">{{ __(@$blog->data_values->title) }}</h4>
                            <p>{{ strip_tags(@$blog->data_values->description) }}</p>
                        </div><!-- blog-details__content end -->
                        <div class="blog-details__footer">
                            <h4 class="caption">@lang('Share This Post')</h4>
                            <ul class="social__links">
                                <li><a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="https://twitter.com/intent/tweet?text={{ __(@$blog->data_values->title) }}&amp;url={{ urlencode(url()->current()) }}"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ urlencode(url()->current()) }}&amp;title={{ __(@$blog->data_values->title) }}&amp;summary=dit is de linkedin summary"><i class="fab fa-linkedin"></i></a></li>
                            </ul>
                        </div><!-- blog-details__footer end -->
                    </div><!-- blog-details-wrapper end -->
                    <div class="comments-area">
                        <div class="comment-area comments-list">
                            <div class="fb-comments" data-href="{{ url()->current() }}" data-numposts="5"></div>
                        </div>
                    </div><!-- comments-area end -->
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="sidebar">
                        <div class="widget">
                            <h5 class="widget__title">@lang('Latest News Post')</h5>
                            <ul class="small-post-list">
                                @foreach ($blogs as $data)
                                    <li class="small-post">
                                        <div class="small-post__thumb"><img src="{{ frontendImage('blog', 'thumb_' . @$data->data_values->image, '460x240') }}" alt="@lang('image')"></div>
                                        <div class="small-post__content">
                                            <h5 class="post__title"><a href="{{ route('blog.details', $data->slug) }}">{{ __(@$data->data_values->title) }}</a>
                                            </h5>
                                        </div>
                                    </li>
                                @endforeach
                            </ul><!-- small-post-list end -->
                        </div><!-- widget end -->
                    </div><!-- sidebar end -->
                </div>
            </div>
        </div>
    </section>
    <!-- blog-details-section end -->
@endsection

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