@extends('frontend.layouts.layout')
@section('title','Voi xanh | Blog về lập trình PHP và nơi tìm ra chúng')
@section('description','Voi xanh | Blog về lập trình PHP và nơi tìm ra chúng')
@section('keywords','voixanh,php,yii,ci,laravel,linux,cms,oop')
@section('content')
 <!--  <div class="add-container m-b-xs-60">
        <a href="#"><img src="/images/clientbanner/clientbanner.jpg" alt="add one"
                class="img-fluid"></a>
    </div> -->
    <main class="axil-content">
        @if (!empty($blogs))
            @foreach($blogs as $blog)
                <div class="media post-block post-block__mid m-b-xs-30">
                    <a href="{{route('detaiBlog',['slug' => str_slug($blog->title),'id' => $blog->id])}}" class="align-self-center"><img class=" m-r-xs-30"
                            src="{{!empty($blog->photo) ? asset('upload/'.$blog->photo) : asset('/images/no-photo.png')}}" alt=""></a>
                    <div class="media-body">
                        <h3 class="axil-post-title hover-line hover-line">
                            <a href="{{route('detaiBlog',['slug' => str_slug($blog->title),'id' => $blog->id])}}">
                                {{$blog->title}}
                            </a>
                        </h3>
                        <p class="mid">
                            {{$blog->description}}
                        </p>
                        <div class="post-metas">
                            <ul class="list-inline">
                                <li>{{date('d/m/Y H:i',strtotime($blog->created_at))}}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            @endforeach
            <!-- End of .post-block -->
        @endif
    </main>
    <!-- End of .axil-content -->
@endsection