@extends('front.layouts.pages-layout')
@section('pageTitle',isset($pageTitle) ? $pageTitle : "{{Str::ucfirst($post->post_title)}}")
@section('meta_tags')
<meta name="title" content="{{Str::ucfirst($post->post_title)}}">
<meta name="robots" content="index, follow,max-snippet:-1,max-image-preview:large,max-video-preview:-1">
<meta name="description" content="{{Str::ucfirst($post->post_content,120)}}">
<meta name="author" content="{{$post->author->username}}">
<link name="canonical" content="{{route('read_post',$post->post_slug)}}">
<meta property="og:title" content="{{Str::ucfirst($post->post_title)}}">
<meta property="og:type" content="article">
<meta property="og:description" content="{{Str::ucfirst($post->post_content,120)}}">
<meta property="og:url" content="{{route('read_post',$post->post_slug)}}">
<meta property="og:image" content="{{asset('/storage/image/postimages/'.$post->featured_image)}}">
<meta name="twitter:domain" content="{{Request::getHost()}}">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="{{Str::ucfirst($post->post_content,120)}}">
<meta name="twitter:description" content="{{Str::ucfirst($post->post_content,120)}}">
<meta name="twitter:image" content="{{asset('/storage/image/postimages/'.$post->featured_image)}}">
@endsection
@section('content')


{{-- <section class="page-title" style="background-image: url({{asset('/front/assets/images/background/page-title.jpg')}});">
    <div class="auto-container">
        <div class="title-outer">
            <h1 class="title">News Details</h1>
            <ul class="page-breadcrumb">
                <li><a href="{{route('home')}}">Home</a></li>
                <li>News</li>
            </ul>
        </div>
    </div>
</section> --}}


<section class="blog-details">
    <div class="container">
        <div class="row">
            <div class="col-xl-8 col-lg-7">
                <div class="blog-details__left">
                    <div class="blog-details__img">
                        <img src="{{asset('/storage/image/postimages/'.$post->featured_image)}}" alt>
                        <div class="blog-details__date">
                            <span class="day">{{day_formatter($post->created_at)}}</span>
                            <span class="month">{{month_formatter($post->created_at)}}</span>
                        </div>
                    </div>
                    <div class="blog-details__content">
                        <ul class="list-unstyled blog-details__meta">
                            {{-- <li><a href="news-details.html"><i class="fas fa-user-circle"></i> Admin</a> </li> --}}
                            <li><a href=""><i class="fas fa-clock"></i>
                                    {{readDuration($post->post_title,$post->post_content)}}
                                    @choice('min|mins',readDuration($post->post_title,$post->post_content)) read</a>
                            </li>
                        </ul>
                        <h3 class="blog-details__title">{{$post->post_title}}</h3>
                        <p class="blog-details__text-2">{!!$post->post_content!!}</p>
                    </div>
                    {{-- <div class="blog-details__bottom">
                        <p class="blog-details__tags"> <span>Tags</span> <a href="news-details.html">Immigration</a> <a
                                href="news-details.html">Visa
                                Consultancy</a> </p>
                        <div class="blog-details__social-list"> <a href="news-details.html"><i
                                    class="fab fa-twitter"></i></a> <a href="news-details.html"><i
                                    class="fab fa-facebook"></i></a> <a href="news-details.html"><i
                                    class="fab fa-pinterest-p"></i></a> <a href="news-details.html"><i
                                    class="fab fa-instagram"></i></a> </div>
                    </div> --}}
                    <div class="nav-links">
                        <div class="prev">
                            @if ($prev_post)
                            <a href="{{route('read_post',$prev_post->post_slug)}}" rel="prev">{{$prev_post->post_title}}</a>
                            @else
                            <a>There is no previous post</a>
                            
                            @endif
                            
                        </div>
                        <div class="next">
                            @if ($next_post)
                            <a href="{{route('read_post',$next_post->post_slug)}}" rel="prev">{{$next_post->post_title}}</a>
                            @else
                            <a>There is no next post</a>
                            
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-5">
                <div class="sidebar">
                    <div class="sidebar__single sidebar__search">
                        <form action="{{route('search_post')}}" class="sidebar__search-form">
                            @csrf
                            <input type="search" placeholder="Search here"  name="query" value="{{Request('query')}}">
                            <button type="submit"><i class="lnr-icon-search"></i></button>
                        </form>
                    </div>
                    <div class="sidebar__single sidebar__post">
                        <h3 class="sidebar__title">Latest Posts</h3>
                        <ul class="sidebar__post-list list-unstyled">
                            @forelse ( $related_posts as $item )
                                <li>
                                    <div class="sidebar__post-image"> <img src="{{asset('/storage/image/postimages/thumbnails/resized_'.$item->featured_image)}}" alt>
                                    </div>
                                    <div class="sidebar__post-content">
                                        <h3> <span class="sidebar__post-content-meta"><i
                                                    class="fas fa-clock"></i>{{$item->created_at->diffForHumans()}}</span> <a
                                                href="{{route('read_post',$item->post_slug)}}">{{$item->post_title}}</a>
                                        </h3>
                                    </div>
                                </li>
                            @empty
                                <div>No related post. Come later.</div>
                            @endforelse
                            
                        </ul>
                    </div>
                    <div class="sidebar__single sidebar__category">
                        <h3 class="sidebar__title">Categories</h3>
                        <ul class="sidebar__category-list list-unstyled">
                            @foreach ($categories as $item)
                                <li><a href="{{route('category_post',$item->slug)}}">{{$item->subcategory_name}}<span class="icon-right-arrow"></span></a> </li>
                            @endforeach
                            
                            
                            
                        </ul>
                    </div>
                    {{-- <div class="sidebar__single sidebar__tags">
                        <h3 class="sidebar__title">Tags</h3>
                        <div class="sidebar__tags-list"> <a href="#">Education</a> <a href="#">Visa</a> <a
                                href="#">Immigration</a> <a href="#">Digital</a> <a href="#">Travel</a> <a
                                href="#">Language</a> </div>
                    </div> --}}
                    {{-- <div class="sidebar__single sidebar__comments">
                        <h3 class="sidebar__title">Recent Comments</h3>
                        <ul class="sidebar__comments-list list-unstyled">
                            <li>
                                <div class="sidebar__comments-icon"> <i class="fas fa-comments"></i> </div>
                                <div class="sidebar__comments-text-box">
                                    <p>A wordpress commenter on <br>
                                        launch new mobile app
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="sidebar__comments-icon"> <i class="fas fa-comments"></i> </div>
                                <div class="sidebar__comments-text-box">
                                    <p> <span>John Doe</span> on template:</p>
                                    <h5>comments</h5>
                                </div>
                            </li>
                            <li>
                                <div class="sidebar__comments-icon"> <i class="fas fa-comments"></i> </div>
                                <div class="sidebar__comments-text-box">
                                    <p>A wordpress commenter on <br>
                                        launch new mobile app
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="sidebar__comments-icon"> <i class="fas fa-comments"></i> </div>
                                <div class="sidebar__comments-text-box">
                                    <p> <span>John Doe</span> on template:</p>
                                    <h5>comments</h5>
                                </div>
                            </li>
                        </ul>
                    </div> --}}

                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@push('stylesheets')
<link rel="stylesheet" href="{{asset('/share_buttons/jquery.floating-social-share.min.css')}}">
@endpush

@push('scripts')
<script src="{{asset('/share_buttons/jquery.floating-social-share.min.js')}}"></script>
<script>
    $("body").floatingSocialShare({
        buttons:[
            "facebook","pinterest","linkedin","reddit","telegram","twitter","tumblr","whatsapp","viber","vk"
        ],
        text:"share with",
        url:"{{route('read_post',$post->post_slug)}}"
    })
</script>
@endpush