@extends('layouts.frontend.app')

@section('content')

<div class="ps-page--blog">
        <div class="container">
            <div class="ps-blog--sidebar">
                <div class="ps-blog__left">
                    @foreach($blogs as $blog)
                    <div class="ps-post ps-post--small-thumbnail">
                        <div class="ps-post__thumbnail"><a class="ps-post__overlay" href="{{url('blog')}}/{{$blog->slug}}"></a><img src="{{ URL::asset('storage/blogs/'. $blog->image) }}" alt="">
                        </div>
                        <div class="ps-post__content">
                            <div class="ps-post__top">
                                <div class="ps-post__meta">
                                </div><a class="ps-post__title" href="{{url('blog')}}/{{$blog->slug}}">{{$blog->title}}</a>
                                <p>{!! $blog->description !!}</p>
                            </div>
                            <div class="ps-post__bottom">
                                <p>{{$blog->created_at->format('M')}} {{$blog->created_at->format('d')}}, {{$blog->created_at->format('Y')}}<a href="blog-detail.php"> Read More</a></p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </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="#">Business</a></li>
                                <li><a href="#">Entertaiment</a></li>
                                <li><a href="#">Fashion</a></li>
                                <li><a href="#">Life style</a></li>
                                <li><a href="#">Others</a></li>
                                <li><a href="#">Technology</a></li>
                            </ul>
                        </div>
                    </aside>
                   
                </div>
            </div>
        </div>
    </div>

@endsection