@extends('layouts.frontend.app')

@section('content')

<div class="ps-page--blog">
        <div class="container">
            <div class="ps-blog--sidebar">
                <div class="ps-blog__left">
                    <div class="ps-post__thumbnail">
                        <a class="ps-post__overlay" href="blog-detail.php">
                            <img src="{{ URL::asset('storage/blogs/'. $blog_details->image) }}" alt="">
                        </a>    
                    </div>
                    <div class="ps-post ps-post--small-thumbnail">
                        
                        <div class="ps-post__content">
                            <div class="ps-post__top">
                                <div class="ps-post__meta">
                                </div><a class="ps-post__title" href="#">{{$blog_details->title}}</a>
                                <p>{!! $blog_details->description !!}</p>
                            </div>
                            <div class="ps-post__bottom">
                                <p>{{$blog_details->created_at->format('M')}} {{$blog_details->created_at->format('d')}}, {{$blog_details->created_at->format('Y')}} by<a href=""> {{$blog_details->name}}</a></p>
                            </div>
                        </div>
                    </div>
                   
                    
                    
                </div>
                <div class="ps-blog__right">
                    <aside class="widget widget--blog widget--search">
                        <form class="ps-form--widget-search" action="do_action" method="get">
                            <input class="form-control" type="text" placeholder="Search...">
                            <button><i class="icon-magnifier"></i></button>
                        </form>
                    </aside>
                    <aside class="widget widget--blog widget--categories">
                        <h3 class="widget__title">Categories</h3>
                        <div class="widget__content">
                            <ul>
                                <li><a href="blog-detail.php">Business</a></li>
                                <li><a href="blog-detail.php">Entertaiment</a></li>
                                <li><a href="blog-detail.php">Fashion</a></li>
                                <li><a href="blog-detail.php">Life style</a></li>
                                <li><a href="blog-detail.php">Others</a></li>
                                <li><a href="blog-detail.php">Technology</a></li>
                            </ul>
                        </div>
                    </aside>
                   
                </div>
            </div>
        </div>
    </div>

@endsection