@extends('Template::layouts.frontend')
@section('content')
    <section class="pt-80 pb-80">
        <div class="container">
            <div class="row gy-5">
                <div class="col-lg-8">
                    <h2 class="blog-details-title mb-1">{{ __(@$blog->data_values->title) }}</h2>
                    <div class="blog-post__date fs--14px d-inline-flex align-items-center"><i
                            class="las la-calendar-alt fs--18px me-2"></i> {{ $blog->created_at->format('d M, Y') }}</div>
                    <div class="blog-details-thumb mt-3">
                        <img src="{{ frontendImage('blog', @$blog->data_values->blog_image, '860x570') }}"
                            alt="@lang('image')" class="rounded-3">
                    </div>
                    <div class="blog-details-content mt-4">
                        <p class="fs--18px">@php echo @$blog->data_values->description @endphp</p>
                    </div>
                    <ul class="post-share d-flex flex-wrap align-items-center justify-content-center mt-5">
                        <li class="caption">@lang('Share : ')</li>
                        <li data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook">
                            <a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}"><i
                                    class="lab la-facebook-f"></i></a>
                        </li>
                        <li data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin">
                            <a
                                href="http://www.linkedin.com/shareArticle?mini=true&amp;url={{ urlencode(url()->current()) }}&amp;title=my share text&amp;summary=dit is de linkedin summary"><i
                                    class="lab la-linkedin-in"></i></a>
                        </li>
                        <li data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter">
                            <a
                                href="https://twitter.com/intent/tweet?text={{ __(@$blog->data_values->title) }}%0A{{ url()->current() }}"><i
                                    class="lab la-twitter"></i></a>
                        </li>
                        <li data-bs-toggle="tooltip" data-bs-placement="top" title="Instagram">
                            <a
                                href="http://pinterest.com/pin/create/button/?url={{ urlencode(url()->current()) }}&description={{ __(@$blog->data_values->title) }}&media={{ frontendImage('blog', @$blog->data_values->blog_image, '860x570') }}">
                                <i class="lab la-pinterest"></i>
                            </a>
                        </li>
                    </ul>

                    <div class="fb-comments" data-href="{{ url()->current() }}" data-numposts="5"></div>
                </div>
                <div class="col-lg-4 ps-xl-5">
                    <div class="blog-sidebar rounded-3 section--bg">
                        <h4 class="title">@lang('Latest Posts')</h4>
                        <ul class="s-post-list">
                            @foreach ($latestBlogs as $item)
                                <li class="s-post d-flex flex-wrap">
                                    <div class="s-post__thumb">
                                        <img src="{{ frontendImage('blog', @$item->data_values->blog_image, '344x228', thumb: true) }}"
                                            alt="@lang('image')">
                                    </div>
                                    <div class="s-post__content">
                                        <h6 class="s-post__title"><a
                                                href="{{ route('blog.details', $item->slug) }}">{{ __(@$item->data_values->title) }}</a>
                                        </h6>
                                        <p class="fs--14px mt-2"><i class="las la-calendar-alt fs--14px me-1"></i>
                                            {{ $item->created_at->format('d M, Y') }}</p>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection


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