@extends("layouts.blog",['title'=>$post->gen_seo_title()])

@section('blog-custom-css')
    <link type="text/css" href="{{ asset('binshops-blog.css') }}" rel="stylesheet">
@endsection

@section("content")
    @if(config("binshopsblog.reading_progress_bar"))
        <div id="scrollbar">
            <div id="scrollbar-bg"></div>
        </div>
    @endif
    <!--Sub Header Start-->
    <section class="wf100 subheader">
        <div class="container">
            <h2>{{$post->title}}</h2>
            <ul>
                <li><a href="{{url('/')}}">Home</a></li>
                <li><a href="#"> News </a></li>
                <li>{{$post->title}}</li>
            </ul>
        </div>
    </section>
    <!--Sub Header End-->
    <!--Main Content Start-->
    <div class="main-content p80">
        <!--News Details Page Start-->
        <div class="news-details">
            <div class="container">
                <div class="row">
                    <!--Content Col Start-->
                    <div class="col-md-9">

                    @include("binshopsblog::partials.show_errors")
                    @include("binshopsblog::partials.full_post_details")

                    @if(config("binshopsblog.comments.type_of_comments_to_show","custom") !== 'disabled')

                        @include("binshopsblog::partials.show_comments")

                    @endif
                    <!--Related Post Start-->
                        <div class="related-posts">
                            <h3 class="stitle">Related Posts</h3>
                            <div class="row">
                                <ul>
                                    <li class="col-md-4 col-sm-4">
                                        <div class="rel-box">
                                            <h6><a href="#">Wealth Creation is clearly binding, poverty Alleviation is
                                                    conceptually a divide. </a></h6>
                                            <ul class="news-meta">
                                                <li>14 Jun, 2021</li>
                                                <li>15 Comments</li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="col-md-4 col-sm-4">
                                        <div class="rel-box">
                                            <h6><a href="#">Micro Industries powered by energized youths will reform
                                                    Kogi in a swift. </a></h6>
                                            <ul class="news-meta">
                                                <li>30 MAR, 2019</li>
                                                <li>176 Comments</li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="col-md-4 col-sm-4">
                                        <div class="rel-box">
                                            <h6><a href="#">What's your own view about 'True Empowerment'? Now is the
                                                    Time.</a></h6>
                                            <ul class="news-meta">
                                                <li>30 MAR, 2019</li>
                                                <li>176 Comments</li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!--Related Post End-->
                        <!--Post Comment Start-->

                    @include("binshopsblog::partials.add_comment_form")

                    <!--Post Comment End-->
                    </div>
                </div>

            </div>
            <!--Content Col End-->
            <!--Sidebar Start-->
            <div class="col-md-3">
                <div class="sidebar">
                    <!--Widget Start-->
                    <div class="widget">
                        <h4></h4>
                        <div class="about-widget inner">
                            <img src="{{asset('assets/images/about-widget-img.jpg')}}" alt="">
                            <p> INEC Commences Online Voters' Registration. We have the power to decide only when we understand how powergul we are.
                            are you 18yrs and above?</p>
                            <a href="#">Start Now!</a>
                        </div>
                    </div>
                    <!--Widget End-->
                    <!--Widget Start-->
                    <div class="widget">
                        <h4>Recent Posts</h4>
                        <div class="recent-posts inner">
                            <ul>
                                <li>
                                    <img src="{{asset('assets/images/rp1.jpg')}}" alt=""> <strong>28 August,
                                        2019</strong>
                                    <h6><a href="#">Fake News may be worrisome, but the </a></h6>
                                </li>
                                <li>
                                    <img src="{{asset('assets/images/rp2.jpg')}}" alt=""> <strong>28 August,
                                        2019</strong>
                                    <h6><a href="#">Republic Faces Political Turmoil</a></h6>
                                </li>
                                <li>
                                    <img src="{{asset('assets/images/rp3.jpg')}}" alt=""> <strong>28 August,
                                        2019</strong>
                                    <h6><a href="#">Improve Police and Justice System</a></h6>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--Widget End-->
                    <!--Widget Start-->
                    <div class="widget">
                        <h4>Categories</h4>
                        <div class="categories inner">
                            <ul>
                                <li><a href="#">Latest Updates</a></li>
                                <li><a href="#">Economical Stability</a></li>
                                <li><a href="#">Educational Institutes</a></li>
                                <li><a href="#">Speeches &amp; Videos</a></li>
                                <li><a href="#">Latest Updates</a></li>
                                <li><a href="#">Foreign Policies</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--Widget End-->
                    <!--Widget Start-->
                    <div class="widget">
                        <h4>Upcoming Events</h4>
                        <div class="upcoming-events inner">

                            <ul>
                                <li>
                                    <div class="edate"><strong>30</strong> Sep <span class="year">2019</span>
                                    </div>
                                    <h6><a href="#">Violence against women</a></h6>
                                    <span class="loc">150 / G iii, Newyork, USA</span>
                                </li>
                                <li>
                                    <div class="edate"><strong>30</strong> Sep <span class="year">2019</span>
                                    </div>
                                    <h6><a href="#">New Year Cultural Festival</a></h6>
                                    <span class="loc">150 / G iii, Newyork, USA</span>
                                </li>
                                <li>
                                    <div class="edate"><strong>30</strong> Sep <span class="year">2019</span>
                                    </div>
                                    <h6><a href="#">Corner Meetings for
                                            Next Elections.</a>
                                    </h6>
                                    <span class="loc">150 / G iii, Newyork, USA</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--Widget End-->
                    <!--Widget Start-->
                    <div class="widget">
                        <h4>Archives</h4>
                        <div class="archives inner">

                            <ul>
                                <li><a href="#">May 2019</a></li>
                                <li><a href="#">April 2019</a></li>
                                <li><a href="#">March 2019</a></li>
                                <li><a href="#">February 2019</a></li>
                                <li><a href="#">January 2019</a></li>
                                <li><a href="#">March 2017</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--Widget End-->

                    <!--Widget Start-->
                    <div class="widget">
                        <h4>Tags</h4>
                        <div class="tags-widget inner">

                            <a href="#">Health</a> <a href="#">City News</a> <a href="#">Vote</a> <a
                                    href="#">Election</a>
                            <a href="#">Democratic</a> <a href="#">Press</a> <a href="#">Campaign</a>
                        </div>
                    </div>
                    <!--Widget End-->
                </div>
            </div>
            <!--Sidebar End-->
        </div>
    </div>
    </div>
    <!--News Details Page End-->
    </div>
    <!--Main Content End-->
    <!--Content Col End-->
    {{--https://binshops.binshops.com/laravel/packages/binshopsblog-blog-system-for-your-laravel-app/help-documentation/laravel-blog-package-binshopsblog#guide_to_views--}}












@endsection

@section('blog-custom-js')
    <script src="{{asset('binshops-blog.js')}}"></script>
@endsection