@extends('layout.app')
@section('content')
@include('components.banner',['title'=>$blog->article_tittle,'img'=>'pics/banner/blog-banner.jpg'])
<!-- SECTION CONTENT START -->
<div class="section-full p-t80 p-b50">
    <div class="container">
        <div class="wt-mid-page">
            @php
            $date_time = $blog->creation_date;
            $nouveau_format = \Carbon\Carbon::parse($date_time);
            @endphp
            <!-- BLOG START -->
            <div class="blog-post date-style-3 blog-post-single">
                <div class="wt-post-media wt-img-effect">
                    <img src="data:image/png;base64," alt="">
                </div>
                <div class="post-description-area p-t30">
                    <div class="wt-post-title ">
                        <h3 class="post-title">{{$blog->article_tittle}}</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>By <span>{{$blog->created_by}}</span></li>
                    </ul>
                    </div>
                    <div class="wt-post-text">
                        {!! $blog->article !!}          
                    </div>
                    
                    
                </div>
            </div>
            <div class="wt-divider bg-gray-dark"><i class="icon-dot c-square"></i></div>
            @if($others != null && count($others)>0) 
                <div class="section-content p-t50">
                    <!-- TITLE START -->
                    <div class="section-head">
                        <h2 class="text-uppercase">Découvrez également ces posts</h2>
                        <div class="wt-separator-outer">
                            <div class="wt-separator style-square">
                                <span class="separator-left site-bg-primary"></span>
                                <span class="separator-right site-bg-primary"></span>
                            </div>
                        </div>
                    </div>
                    <!-- TITLE END -->
                    
                    <!-- CAROUSEL -->
                        <div class="section-content">
                            <div class="owl-carousel blog-related-slider  owl-btn-vertical-center">
                                @foreach($others as $key => $other)
                                    @php
                                        $date_time = $other->creation_date;
                                        $nouveau_format = \Carbon\Carbon::parse($date_time);
                                    @endphp
                                    <div class="item">
                                        <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'=>$other->id_article])}}"><img src="data:image/png;base64," alt=""></a>
                                            </div>
                                            <div class="wt-post-info p-tb30 p-m30">
                                                <div class="wt-post-title ">
                                                    <h3 class="post-title"><a href="{{route('blog.detail',['id'=>$other->id_article])}}">{{$other->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'=>$other->id_article])}}">By <span>{{$other->created_by}}</span></a> </li>
                                                </ul>
                                                </div>
                                                <div class="wt-post-text">
                                                    {!! Str::limit($other->article, 100) !!}
                                                </div>
                                                <div class="clearfix">
                                                    <div class="wt-post-readmore pull-left">
                                                        <a href="{{route('blog.detail',['id'=>$other->id_article])}}" title="Lire Plus" rel="bookmark" class="site-button-link">Lire Plus</a>
                                                    </div>
                                                    
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                
                                
                                
                            </div>
                        </div>
                </div>
            @endif
            <div class="wt-divider bg-gray-dark"><i class="icon-dot c-square"></i></div>
          
            <!-- BLOG END -->

        </div>    
    </div>
</div>
<!-- SECTION CONTENT END -->
@endsection