@extends('layouts.main')
@section('content')

    <!-- Page Header -->
    <div class="page-header row no-gutters py-4">
        <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
            <span class="text-uppercase page-subtitle"></span>
            <h3 class="page-title">View Post</h3>
        </div>
    </div>
    <!-- End Page Header -->
    <div class="row">
        <div class="card card-small card-post card-post--1 col-12" style="padding:0">
            <div class="card-post__image"
                style="background-image: url('../images/news/{{ $post->image }}');min-height: 27.3125rem;background-size:unset;">
                <a href="#" class="card-post__category badge badge-pill badge-dark">Business</a>
                <div class="card-post__author d-flex">
                    <a href="#" class="card-post__author-avatar card-post__author-avatar--small"
                        style="background-image: url('../images/cms/user.png');">Written by Anna Kunis</a>
                    <span
                        style="padding:10px;    position: fixed;left: 30px;top: 4px;width: 300%;">{{ $post->user->name }}</span>
                </div>
            </div>
            <div class="card-body">
                <h5 class="card-title">
                    <a class="text-fiord-blue" href="#">{{ $post->title }}</a>
                </h5>
                {!! $post->content !!}

                <hr>
                <span class="text-muted">{{ $post->created_at }}</span>
            </div>
        </div>

    @endsection