@extends('layouts.front')
@section('content')
@section('css')
<style>

</style>
@endsection

@php $home = \App\HomePage::findorFail(1); @endphp
<div class="inner-page-banner-area" style="background: url({{asset('/laravel_code/public/banner/' . $home->inner_banner)}}); background-repeat: no-repeat; background-size: cover;">
    <div class="container">
        <div class="pagination-area">
            <h2>Blog</h2>
            <ul>
                <li><a href="{{route('home')}}">Home</a> - </li>
                <li>{{$blog->title}}</li>
            </ul>
        </div>
    </div>
</div>

<div class="contact-us-page-area section-space-bottom">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-sm-12">

                <article class="blog-post-item">
                    <div class="post-thumb">
                        <img src="{{ env('IMAGE_URL').'/blog/'.$blog->image}}" alt="{{$blog->title}}" class="img-fluid">
                        <div class="post-item mt-4">
                            <div class="post-meta">
                                <span class="post-date"><i class="fa fa-calendar-alt mr-2"></i>{{date('d-M-Y', strtotime($blog->created_at))}}</span>
                                <span class="post-author"><i class="fa fa-user mr-2"></i>{{$blog->user_name}}</span>
                            </div>
                            <h2 class="post-title">{{$blog->title}}</h2>
                            <div class="post-content">
                                <p>{!! $blog->content !!}</p>
                            </div>
                            
                        </div>
                        
                    
                </article>
        

            </div>
            <div class="col-md-4 col-sm-12">
                <div class="blog-sidebar mt-5 mt-lg-0 mt-md-0">

                    <div class="widget widget_news">
                        <h4 class="widget-title">Latest Posts</h4>
                        <ul class="recent-posts">
                            @if($latest_blog && !empty($latest_blog))
                            @foreach($latest_blog as $row)
                            <li>
                                <div class="widget-post-thumb">
                                    <a href="{{route('blogDetail',$row->slug)}}"><img
                                            src="{{ env('IMAGE_URL').'/blog/'.$row->image}}" alt="{{$row->title}}"
                                            class="img-fluid"></a>
                                </div>
                                <div class="widget-post-body">
                                    <span>{{date('d-M-Y', strtotime($row->created_at))}}</span>
                                    <h6> <a href="{{route('blogDetail',$row->slug)}}">{{$row->title}}</a></h6>
                                </div>
                            </li>
                            @endforeach
                            @endif
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

@section('js')
@endsection
@endsection