@extends('layouts.website-main-menu')

@section('content')
    <div id="fb-root"></div>
    <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v20.0" nonce="Y8glqexr"></script>

    <!-- ##### Post Details Area Start ##### -->
    <section class="post-news-area section-padding-100-0">
        <div class="container">
            <div class="row">
                <!-- Post Details Content Area -->
                <div class="col-12 col-lg-8">
                    <div class="post-details-content mb-100">
                        <img src="{{ asset($article->image) }}" alt="">
                        <p>{!! $article->body !!}</p>
                        <a class="btn btn credit-btn" href="/news">Back</a>
                    </div>
                </div>

                <!-- Sidebar Widget -->
                <div class="col-12 col-sm-9 col-md-6 col-lg-4">
                    <div class="sidebar-area mb-100">
                        <div class="fb-page" data-href="https://www.facebook.com/profile.php?id=100083542533389" data-tabs="timeline" data-width="325" data-height="1300" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/profile.php?id=100083542533389" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/profile.php?id=100083542533389">KTVR Bus Services</a></blockquote></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ##### Post Details Area End ##### -->
@endsection