@extends('template_front.index')
@section('url'){{url('berita_lain')}}
@stop
@section('title','Daftar Berita')
@section('description','Daftar Berita')
@section('image'){{asset('assets/img/nepo.jpg')}}
@stop
@section('content')
<div class="wshipping-content-block">
<div class="container">
  <div class="row">
    <div class="col-lg-6 offset-lg-3">
      <div class="section-title wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
        <h2>Berita Terbaru</h2>
      </div>
    </div>

    @foreach($berita as $tampil)
    <div class="col-12 col-lg-4">
      <div class="blog-item wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
        <img  style="max-height: 220px;min-height: 220px; object-fit: fill;width:100%;object-position: center;" src="{{url(Storage::url($tampil->gambar_berita))}}" class="img-responsive" alt="" onerror="this.onerror=null;this.src='{{asset('assets/img/image_not_found.jpg')}}';">
        <div class="blog-content">
          <h3>{{$tampil->judul_berita}}</h3>
          <div class="blog-post-by">
            <ul>
              <li><i class="fa fa-calendar"></i>{{date('d-m-Y',strtotime($tampil->created_at))}}</li>
              <li><i class="fa fa-user"></i>{{$tampil->post_by}}</li>
            </ul>
          </div>
         <p> {{str_limit(strip_tags($tampil->isi_berita),200)}}</p>
          <a href="{{url('berita/'.$tampil->slug_berita)}}" title="" class="readmore-btn">Read more <i class="fa fa-angle-right"></i></a> </div>
      </div>
    </div>
    @endforeach
    <nav aria-label="Page navigation example" style="margin: 0% 40% 0% 40%">
       </button>{{ $berita->links() }}
  </div>
</div>

</div>
@endsection