@extends('layouts.front-layout')

@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{asset('front-assets/images/innerbnr1.png')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>bLOG detail</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->
    <section class="blog-detail-page">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-12">
                    <div class="blog-detail-cntnt">
                     {!! $single_blog_detail->detail_title ? : '' !!}
                        <h3>Posted by <strong>KALEIIM KM</strong> on {{$single_blog_detail->created_at->format('F d, Y')}}</h3>
                        {!! $single_blog_detail->first_description ? : '' !!}

                        <figure>
                            <img src="{{$single_blog_detail->blogImage('blog_first_image') ? : ''}}" class="img-fluid" alt="">
                        </figure>
                        {!! $single_blog_detail->second_description ? : '' !!}

                        <figure>
                            <img src="{{$single_blog_detail->blogImage('blog_second_image') ? : ''}}" class="img-fluid" alt="">
                        </figure>
                        {!! $single_blog_detail->third_description ? : '' !!}
                        <ul class="blg-list">
                            <li><a href=""><i class="fab fa-facebook-square"></i> Share </a></li>
                            <li><a href=""><i class="fab fa-pinterest"></i> Pin it</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection