@extends('user-front.layout')

@section('tab-title')
    {{$keywords["Blog_Details"] ?? "Blog Details"}}
@endsection

@section('og-meta')
    <meta property="og:image" content="{{asset('assets/front/img/user/blogs/'.$blog->image)}}">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="1024">
    <meta property="og:image:height" content="1024">
@endsection

@section('meta-description', $blog->meta_description)
@section('meta-keywords', $blog->meta_keywords)

@section('page-name')
    {{$keywords["Blog_Details"] ?? "Blog Details"}}
@endsection
@section('br-name')
    {{$keywords["Blog_Details"] ?? "Blog Details"}}
@endsection

@section('content')

    <!--====== Blog Section Start ======-->
    <section class="blog-section inner-section-gap">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <!-- Blog Details -->
                    <div class="post-details-wrap">
                        <div class="post-thumb">
                            <img class="w-100 lazy" data-src="{{asset('assets/front/img/user/blogs/'.$blog->image)}}" alt="Image">
                        </div>
                        <div class="post-meta">
                            <ul>
                                <li><i class="fal fa-folder-tree"></i><a href="{{route('front.user.blogs', getParam()) . '?category=' . $blog->bcategory->id}}">{{$blog->bcategory->name}}</a></li>
                                <li><i class="far fa-calendar-alt"></i><a href="javascript:void(0)">{{\Carbon\Carbon::parse($blog->created_at)->format('F j, Y')}}</a></li>
                            </ul>
                        </div>
                        <div class="post-content">
                            <h3 class="title">{{ $blog->title }}</h3>
                            <div class="summernote-content">{!! replaceBaseUrl($blog->content) !!}</div>
                        </div>
                        <div class="post-footer d-md-flex align-items-md-center justify-content-md-between">
                            <div class="post-share">
                                <ul>
                                    <li class="title">{{ $keywords["Share"] ?? "Share" }}</li>
                                    <li><a href="//www.facebook.com/sharer/sharer.php?u={{urlencode(url()->current()) }}"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="//twitter.com/intent/tweet?text=my share text&amp;url={{urlencode(url()->current()) }}"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="//www.linkedin.com/shareArticle?mini=true&amp;url={{urlencode(url()->current()) }}&amp;title={{convertUtf8($blog->title)}}"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="mt-5">
                            <div id="disqus_thread"></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-8">
                    <!-- sidebar -->
                    <div class="sidebar">
                        <!-- Search Widget -->
                        <div class="widget search-widget">
                            <form action="{{route('front.user.blogs', getParam())}}" method="GET">
                                <input type="hidden" name="category" value="{{request()->input('category')}}">
                                <input type="text"
                                       placeholder="{{$keywords["Search_your_keyword"] ?? "Search your keyword"}}..."
                                       name="term"
                                       value="{{request()->input('term')}}">
                                <button type="submit"><i class="far fa-search"></i></button>
                            </form>
                        </div>
                        <!-- Cat Widget -->
                        <div class="widget cat-widget">
                            <h4 class="widget-title">{{$keywords["Categories"] ?? "Categories"}}</h4>
                            @if (count($blog_categories) == 0)
                                <h4>{{ __('No Blog Category Found!') }}</h4>
                            @else
                            @endif
                            <ul>
                                <li class="@if(empty(request()->input('category'))) active @endif"><a
                                        href="{{route('front.user.blogs', getParam())}}">{{$keywords["All"] ?? "All"}}
                                        <span>({{$allCount}})</span></a></li>
                                @foreach ($blog_categories as $bc)
                                    <li class="@if($bc->id == request()->input('category')) active @endif"><a href="{{route('front.user.blogs', getParam()) . '?category=' . $bc->id}}">{{ $bc->name }} <span>({{ $bc->blogs()->count() }})</span></a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <!-- Recent Post Widget -->
                        <div class="widget recent-post-widget">
                            <h4 class="widget-title">{{$keywords["Latest_Blog"] ?? "Latest Blog"}}</h4>
                            <div class="post-loops">
                                @if (count($latestBlogs) == 0)
                                    <h4>{{ __('No Latest Blog Found!') }}</h4>
                                @else
                                    @foreach ($latestBlogs as $latestBlog)
                                        <div class="single-post">
                                            <div class="post-thumb">
                                                <img class="lazy" data-src="{{ asset('assets/front/img/user/blogs/' . $latestBlog->image) }}"
                                                    alt="Image">
                                            </div>
                                            <div class="post-desc">
                                                <span class="date"><i class="far fa-calendar-alt"></i>{{\Carbon\Carbon::parse($latestBlog->created_at)->format('F j, Y')}}</span>
                                                <a href="#">
                                                    {{strlen($latestBlog->title) > 30 ? mb_substr($latestBlog->title, 0, 30, 'UTF-8') . '...' : $latestBlog->title }}
                                                </a>
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@if (in_array('Plugins',$packagePermissions))
    @if($userBs->disqus_status == 1)
    @section('scripts')
        <script>
            "use strict";
            (function() {
                const d = document, s = d.createElement('script');
                s.src = '//{{$userBs->disqus_short_name}}.disqus.com/embed.js';
                s.setAttribute('data-timestamp', +new Date());
                (d.head || d.body).appendChild(s);
            })();
        </script>
    @endsection
    @endif
@endif