@extends('layout.app')
@section('content')
@include('components.banner',['title'=>'Blogs','img'=>'pics/banner/blog-banner.jpg'])
<div class="section-full p-t80 p-b50">
    <div class="container">
        <div class="row">
        
            <!-- LEFT PART START -->
            <div class="col-lg-12 col-md-12">
                @if ($blogs != null && count($blogs)>0)
                    <!-- BLOG GRID START -->
                    <div  class="portfolio-wrap wt-blog-grid-2 row">
                        @foreach($blogs as $key => $blog)
                        @php
                        $date_time = $blog->creation_date;
                        $nouveau_format = \Carbon\Carbon::parse($date_time);
                        @endphp
                        <div class="post masonry-item col-lg-6 col-md-12">
                            <div class="blog-post blog-grid date-style-3">
                                <div class="wt-post-media wt-img-effect zoom-slow">
                                    <a href="{{route('blog.detail',['id'=>$blog->id_article])}}"><img src="data:image/png;base64," alt=""></a>
                                </div>
                                <div class="wt-post-info p-t30  bg-white">
                                    <div class="wt-post-title ">
                                        <h3 class="post-title"><a href="{{route('blog.detail',['id'=>$blog->id_article])}}">{{$blog->article_tittle}}</a></h3>
                                    </div>
                                    <div class="wt-post-meta ">
                                        <ul>
                                        <li class="post-date"> <i class="fa fa-calendar"></i><span> {{ $nouveau_format->isoFormat('MMMM D, YYYY', 'fr') }}</span> </li>
                                        <li class="post-author"><i class="fa fa-user"></i><a href="{{route('blog.detail',['id'=>$blog->id_article])}}">By <span>{{$blog->created_by}}</span></a> </li>
                                        
                                        </ul>
                                    </div>
                                    <div class="wt-post-text">
                                        {!! Str::limit($blog->article, 100) !!}
                                    </div>
                                    <div class="clearfix">
                                        <div class="wt-post-readmore pull-left">
                                                <a href="{{route('blog.detail',['id'=>$blog->id_article])}}" title="READ MORE" rel="bookmark" class="site-button-link">Lire Plus</a>
                                        </div>
                                        
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <!-- BLOG GRID END -->
                @else
                    <center>
                        Aucun post n'a été effectué
                    </center>
                @endif
                
                
                <!-- PAGINATION START -->
                <div class="pagination-bx col-lg-12 clearfix ">                                
                    <ul class = "custom-pagination pagination-1">
                        {{ $blogs->links() }}
                    </ul>                                
                </div>
                
                <!-- PAGINATION END -->
               
            </div>
            <!-- LEFT PART END -->
            
           
        </div>
    </div>
</div>
@endsection