@extends('front-layout.default')
@section('content')
    @include('front.blog._search-partial')

    <!--home-top-search-->
    <div class="blog-listing-page">
        <div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">
            @if($blog_listing->count())
                @foreach($blog_listing as $k=>$blog)
                    <div class="row">
                        <div class="col-lg-12 blog-post-box">
                            <a href="" title="{!! $blog->title !!}">
                                <h2> {!! $blog->title !!}</h2>
                            </a>
                            <p>
                                {!! str_limit(strip_tags($blog->content), 500, '...') !!}
                            </p>
                            <p class="lead">
                                <a style="background-color: skyblue !important;" href="{!! route('blog-front-details',['id'=>$blog->id]) !!}" class="btn btn-primary" style="color: #000">Read More</a>
                            </p>
                            <ul class="list-inline">
                                <li><a href="javascript:;">{!! $blog->created_at->format('Y-d-m') !!}</a></li>
                                {{--<li><a href="#"><i class="fa fa-commenting"></i> 2 Comments</a></li>--}}
                                {{--<li><a href="#"><i class="fa fa-share"></i> 14 Shares</a></li>--}}
                            </ul>
                        </div>
                    </div>
                    <hr>
                @endforeach
            @endif

            <div class="pagination-section">
                {!! $blog_listing->render()!!}
            </div>
        </div>
        <!--/center-->
    </div>

@stop