@extends('front.layouts.main')
@section('main-container')
    <section class="inneroverview positionunset pb-0">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                <ul class="breadcrumb">
                    <li><a href="{{ route('home')}}">Home <span> > </span></a></li>
                     <li><a href="{{ route('blog') }}">Blogs <span> > </span></a></li>
                    <li class="active">{{$detail['title']}}</li>
                </ul>
            </div>
            </div>
        </div>
    </section>
    <section class="blog-detail pt-0">
        <div class="container">
            <div class="row">
                <div class="col-md-8 mb-2">
                    <img src="{{ asset('/upload/') }}/{{$detail['image']}}" class="img-fluid r-20">
                    <span class="mt-3 mb-3"><b>{{ date("l d Y", strtotime($detail['display_date'])) }}</b></span>
                    <h2 class="mb-4">{{$detail['title']}}</h2>                    
                    {{$detail['content']}}
                   </div>
                <div class=" col-md-3 col-sm-4 mb-5">
                    <h2>Recent Posts</h2>
                   <ul class="latest-blog">
                    @foreach($latest_blog as $lblog )
                    <li><a href="{{ url('/blog-detail') }}/{{ $lblog['id'] }}"><img src="{{ asset('/upload/') }}/{{$lblog['image']}}" class="img-fluid"><p>{{ substr($lblog['title'], 0, 25) }}... <span class="textred">Read more </span></p></a></li>
                    @endforeach
                   </ul>
                </div>
            </div>
        </div>
    </section>
@endsection