@extends('layouts.frontend.master-2')

@section('content')

<div id="content" class="site-content">
    <div class="page-header dtable text-center header-transparent">
        <div class="dcell">
            <div class="container">
                <h1 class="page-title">Blog Grid</h1>
                <ul id="breadcrumbs" class="breadcrumbs none-style">
                    <li><a href="{{ route('home') }}">Home</a></li>
                    <li class="active">Blog Grid</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="entry-content">
    <div class="container">
        <div class="row">
            @foreach ($blogs as $blog)
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="post-box masonry-post post-item v-dark">
                        <div class="post-inner">
                            <div class="entry-media post-cat-abs">
                                <a href="{{ route('article.show',  $blog->slug )}}"><img src="{{$blog->main_image()}}" style="width: 328px; height: 280px" alt=""></a>
                                <div class="post-cat">
                                    <div class="posted-in"><a>{{$blog->announcement->title_en}}</a></div>
                                </div>
                            </div>
                            <div class="inner-post">
                                <div class="entry-header">
                                    <div class="entry-meta">
                                        <span class="posted-on"><a>{{ $blog->created_at }}</a></span>
                                        <span class="byline">
                                            <span class="author vcard"><a class="url fn n">{{ $blog->user->name }}</a></span>
                                        </span>
                                    </div><!-- .entry-meta -->

                                    <h5 class="entry-title">
                                        <a class="title-link" href="{{ route('article.show',  $blog->slug )}}">{{$blog->title_en}}</a>
                                    </h5>
                                </div><!-- .entry-header -->

                                <div class="the-excerpt">
                                    {!! \Str::limit($blog->description_en, 40) !!}
                                </div><!-- .entry-content -->
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        {{$blogs->links('front.components.pagination')}}

    </div>
</div>
@endsection

@section('js')



@endsection