@extends('frontend.layouts.master')
@section('title') News @endsection
@section('main-content')

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">News</h2>
                <ol class="breadcrumb darklinks">
                    <li><a href="{{route('home')}}">Home</a></li>
                    <li class="active">News</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="ls page_portfolio section_padding_top_100 section_padding_bottom_75">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">

                <div class="isotope_container isotope row masonry-layout columns_margin_bottom_20">
                    @if($posts)
                        @foreach($posts as $post)
                            <div class="isotope-item col-lg-4 col-md-6 col-sm-12">

                                <article class="vertical-item content-padding with_background text-center rounded overflow-hidden">
                                    <div class="item-media">
                                        @php
                                            $photo=explode(',',$post->photo);
                                        @endphp
                                        <img src="{{ Storage::url($post->photo) }}" alt="">
                                    </div>
                                    <div class="item-content">
                                        <p class="text-center item-meta">
                                            <span class="entry-date highlightlinks">
                                                <a href="{{route('blog.detail',$post->slug)}}" rel="bookmark">
                                                    <time class="entry-date" datetime="2017-03-13T08:50:40+00:00">
                                                        {{$post->created_at->format('d M , Y. D')}}
                                                    </time>
                                                </a>
                                            </span>
                                        </p>
                                        <h4 class="entry-title">
                                            <a href="{{route('blog.detail',$post->slug)}}">{{$post->title}}</a>
                                        </h4>
                                        <p class="margin_0">
                                            {!! substr($post->description, 0, 100) !!}
                                        </p>
                                        <a href="{{route('blog.detail',$post->slug)}}" class="read-more"></a>
                                    </div>
                                </article>
                            </div>
                        @endforeach
                    @endif
                </div>
                <!-- eof .isotope_container.row -->
            </div>
        </div>
    </div>
</section>

@endsection