@extends('layouts.berita')
@section('content')

<div class="transition-none">
    <section class="title-hero-bg">
        <div class="container">
            <div class="page-title text-center white-color">
                <h2>Berita</h2>
            </div>
        </div>
    </section>
</div>
<section class="white-bg" style="background-color: #fefad6 !Important;">
    <div class="container">
        <div class="row blog-style-01">
            @foreach ($posts as $post)
            <div class="col-md-3 col-sm-6 col-xs-12 mb-30">
                <div class="post">
                    <div class="post-img"> <img style="max-height: 120px; object-fit: cover;" class="img-responsive" src="{{ $post->featured ? asset($post->featured): asset('uploads/imageskosong.png')}}"
                            alt="{{ $post->title }}" /> </div>
                    <div class="post-info all-padding-40">
                        <h3><a href="{{ route('frontend.single', ['category' => $post->category->slug, 'slug' => $post->slug]) }}">{{ \Illuminate\Support\Str::limit(strip_tags(preg_replace('@<(\w+)\b.*?>.*?</\1>@si', '', $post->title)),50) }}</a>
                        </h3>
                        <h6>{{ $post->created_at }}</h6>
                        <hr>
                        <a class="readmore" href="{{ route('frontend.single', ['category' => $post->category->slug, 'slug' => $post->slug]) }}"><span>Selengkapnya</span></a>
                    </div>
                </div>
            </div>
            @endforeach
            <!--== Post End ==-->

        </div>
        <div class="row">
            <!-- Navigation Area -->
             <div class="pager">
                 @if (!$posts->onFirstPage() && $posts->currentPage() <= $posts->lastPage())
                     <a class="previous_page" href="{{$posts->previousPageUrl()}}"><i class="icon-left-open">Sebelumnya</i></a>
                 @endif
                 <div class="pages">
                         <a href="#" style="color:blue;" class="active">{{$posts->currentPage()}}</a>
                 </div>
                 @if ($posts->currentPage() < $posts->lastPage())
                 <a class="next_page" href="{{$posts->nextPageUrl()}}">Selanjutnya<i class="icon-right-open"></i></a>
                 @endif
             </div>
         </div>
    </div>

</section>


@endsection