@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')


<!-- START SECTION BLOG -->
<div class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-9">
                <div class="single_post">
                    <div class="blog_img">
                        <img src="{{asset('/storage/image/postimages/'.$post->featured_image)}}" alt="blog_img1">
                    </div> 
                    <div class="blog_content">
                        <div class="blog_text">
                            <h2 class="blog_title">{{$post->post_title}}</h2>
                            <ul class="list_none blog_meta">
                                <li><a><i class="ti-calendar"></i> {{date_formatter($post->created_at)}}</a></li>
                                <li><a href="{{ route('category_post',$post->subcategory->slug)}}"><i
                                        class="ti-comments"></i> {{$post->subcategory->subcategory_name}}</a></li>
                            </ul>
                            <p>{!!$post->post_content!!}</p>
                        </div>
                    </div>
                </div>
                <!-- START SECTION BLOG -->
                <div class="section pb_70">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-6 col-md-8 animation" data-animation="fadeInUp"
                                data-animation-delay="0.2s">
                                <div class="heading_s1 text-center">
                                    <h2>Related Posts</h2>
                                </div>
                                {{-- <p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
                                    do eiusmod tempor incididunt ut labore.</p> --}}
                            </div>
                        </div>
                        @if (count($related_posts)>0)
                        <div class="row justify-content-center">
                            @foreach ($related_posts as $item)
                            <div class="col-lg-4 col-md-6 animation" data-animation="fadeInUp"
                                data-animation-delay="0.2s">
                                <div class="blog_post blog_style2 box_shadow1">
                                    <div class="blog_img">
                                        <a href="{{route('read_post',$item->post_slug)}}"> <img
                                                src="{{asset('/storage/image/postimages/thumbnails/resized_'.$item->featured_image)}}"
                                                alt="blog_small_img1"> </a>
                                        <div class="post_date">
                                            <h5><span>{{day_month_formatter($item->created_at)}}</span>
                                                {{year_formatter($item->created_at)}}</h5>
                                        </div>
                                    </div>
                                    <div class="blog_content">
                                        <div class="blog_text">
                                            <ul class="list_none blog_meta">
                                                {{-- <li><a href="#"><i class="ti-user"></i> <span>By Admin</span></a>
                                                </li> --}}
                                                {{-- <li><a href="#"><i class="ti-comments"></i> <span>2
                                                            Comment</span></a></li> --}}
                                            </ul>
                                            <h5 class="blog_title"><a
                                                    href="{{route('read_post',$item->post_slug)}}">{{$item->post_title}}</a>
                                            </h5>
                                            {{-- <p>Ipsum generators on the Internet tend to repeat predefined chunks as
                                                necessary, making this generator on the Internet.</p> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                        @endif
                    </div>
                </div>
                <!-- END SECTION BLOG -->
            </div>
            <div class="col-lg-3 mt-3 mt-lg-0">
                <div class="sidebar">
                    <div class="widget">
                        <h5 class="widget_title">Search</h5>
                        <div class="search_form">
                            <form action="{{route('search_post')}}">
                                @csrf
                                <input name="query" value="{{Request('query')}}" class="form-control"
                                    placeholder="Search..." type="text">
                                <button type="submit" title="Subscribe" class="btn icon_search" name="submit"
                                    value="Submit">
                                    <i class="ion-ios-search-strong"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                    <div class="widget">
                        <h5 class="widget_title">Categories</h5>
                        <ul class="widget_categories">
                            @include('front.layouts.inc.categories_list')
                        </ul>
                    </div>
                    <div class="widget">
                        <h5 class="widget_title">Latest Posts</h5>
                        <ul class="widget_recent_post">
                            @foreach (latest_sidebar_posts($post->id) as $item)
                            <li>
                                <div class="post_footer">
                                    <div class="post_img">
                                        <a href="{{route('read_post',$item->post_slug)}}"><img width="70"
                                                src="{{asset('/storage/image/postimages/thumbnails/thumb_'.$item->featured_image)}}"
                                                alt="letest_post1"></a>
                                    </div>
                                    <div class="post_content">
                                        <h6><a href="{{route('read_post',$item->post_slug)}}">{{$item->post_title}}</a>
                                        </h6>
                                        <p class="small m-0">{{date_formatter($item->created_at)}}</p>
                                    </div>
                                </div>
                            </li>
                            @endforeach

                        </ul>
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>
<!-- END SECTION BLOG -->
@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