@extends('frontend.layouts.app')
@section('content')
<div class="breadcumb-wrapper " data-bg-src="{{ asset('assets/img/bg/breadcumb-bg.jpg') }}">
        <div class="container">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">{{ @$blog->title }}</h1>
                <ul class="breadcumb-menu">
                    <li><a href="{{ url('/') }}">Home</a></li>
                    <li>Blog Post</li>
                </ul>
            </div>
        </div>
    </div>
    <!--==============================
    Blog Area
    ==============================-->
    <section class="th-blog-wrapper blog-details space-top space-extra-bottom">
        <div class="container">
            <div class="row">
                <div class="col-xxl-8 col-lg-7">
                    <div class="th-blog blog-single">
                        <!-- <div class="blog-img">
                            <img src="{{ asset('storage/blog/'.$blog->featured_image) }}" alt="{{ $blog->title }}">
                        </div> -->
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a class="author" href="javascript:void(0);"><img src="{{ asset('storage/avatar/'.@$blog->user->avatar) }}" alt="{{ @$blog->user->first_name }}"> {{ @$blog->user->first_name }}  {{ @$blog->user->last_name }}</a>
                                <a href="javascript:void(0);"><i class="fa-light fa-calendar-days"></i>{{ date('d M, Y', strtotime($blog->created_at))}}</a>
                                <!-- <a href="javascript:void(0);"><i class="fa-regular fa-comments"></i>Comments (3)</a> -->
                            </div>
                            <h2 class="blog-title">{{ @$blog->title }}</h2>
                            {!! $blog->description !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('footer_scripts')
    <script>
    </script>
@endsection