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

    <!-- Page Header Section Start -->
    <div class="page-header parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">{{$blog_detail->title}}</h1>
                        <nav class="wow fadeInUp" >
                            <div class="post-single-meta wow fadeInUp">
                                <ol class="breadcrumb">
                                    <li><i class="fa-regular fa-user"></i> Blog</li>
                                    <li>/</li>
                                    <li><i class="fa-regular fa-clock"></i>
                                        {{ $blog_detail->created_at->format('d F Y') }}
                                    </li>
                                </ol>
                            </div>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Section End -->

    <!-- Page Single Post Start -->
    <div class="page-single-post">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Post Featured Image Start -->
                    <div class="post-image">
                        <figure class="image-anime reveal">
                            <img src="{{ asset('storage/blogs/' . $blog_detail->image) }}" alt="">
                        </figure>
                    </div>
                    <!-- Post Featured Image Start -->

                    <!-- Post Single Content Start -->
                    <div class="post-content">
                        <!-- Post Entry Start -->
                        <div class="post-entry">
                            {!! $blog_detail->description !!}
                        </div>
                        <!-- Post Entry End -->

                        <!-- Post Tag Links Start -->
{{--                        <div class="post-tag-links">--}}
{{--                            <div class="row align-items-center">--}}
{{--                                <div class="col-lg-8">--}}
{{--                                    <!-- Post Tags Start -->--}}
{{--                                    <div class="post-tags wow fadeInUp" data-wow-delay="0.5s">--}}
{{--                                        <span class="tag-links">--}}
{{--                                            Tags:--}}
{{--                                            <a href="#">Coverage Options</a>--}}
{{--                                            <a href="#">Online Quotes</a>--}}
{{--                                            <a href="#">Customer Support</a>--}}
{{--                                        </span>--}}
{{--                                    </div>--}}
{{--                                    <!-- Post Tags End -->--}}
{{--                                </div>--}}

{{--                                <div class="col-lg-4">--}}
{{--                                    <!-- Post Social Links Start -->--}}
{{--                                    <div class="post-social-sharing wow fadeInUp" data-wow-delay="0.5s">--}}
{{--                                        <ul>--}}
{{--                                            <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>--}}
{{--                                            <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>--}}
{{--                                            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>--}}
{{--                                            <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>--}}
{{--                                        </ul>--}}
{{--                                    </div>--}}
{{--                                    <!-- Post Social Links End -->--}}
{{--                                </div>--}}
{{--                            </div>--}}
{{--                        </div>--}}
                        <!-- Post Tag Links End -->
                    </div>
                    <!-- Post Single Content End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Single Post End -->
@endsection