@extends('layouts.app')

@section('body')
    <section class="page-header page-header-modern bg-color-grey page-header-md">
        <div class="container">
            <div class="row">
                <div class="col-md-12 align-self-center p-static order-2 text-center">
                    <h1 class="text-dark font-weight-bold text-8">Post</h1>
                    <span class="sub-title text-dark">Check out our Latest Post!</span>
                </div>
                <div class="col-md-12 align-self-center order-1">
                    <ul class="breadcrumb d-block text-center">
                        <li><a href="#">Home</a></li>
                        <li class="active">Post</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="container py-4">

            <div class="row">
                <div class="col">
                    <div class="blog-posts single-post">

                        <article class="post post-large blog-single-post border-0 m-0 p-0">
                            <div class="post-image ms-0">
                                <a href="javascript:void(0)">
                                    <img src="{{ env('APP_FILE_LOCATION_LOCAL').'uploads/media/'.$post->img }}"
                                        class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-0" alt="" />
                                </a>
                            </div>

                            <div class="post-date ms-0">
                                <span class="day"></span>
                                
                            </div>

                            <div class="post-content ms-0">

                                <h2 class="font-weight-semi-bold"><a href="javascript:void(0)">{{ $post->title }}</a></h2>

                                <div class="post-meta">
                                    <span class="month">{{ date($post->created_at) }}</span>
                                    <span><i class="far fa-user"></i> By <a href="javascript:void(0)">{{ $post->type }}</a> </span>
                                    
                                </div>

                                <p>{{ $post->description }} </p>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scripts')
    <script>$('.navMedia').addClass('active')</script>
@endsection