@extends('template_front.slider')
@section('url'){{url('/')}}
@stop
@section('title','Weclome Desa Lempang Kabupaten Barru')
@section('description','Welcome Desa Lempang Kabupaten Barru')
@section('image'){{asset('assets/img/nepo.jpg')}}
@stop
@section('content_news')
<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%">
        <a href="{{url('berita_lain')}}"><button class="wshipping-button">Berita Lain</button></a>
    </nav>
  </div>
</div>






<div class="wshipping-content-block news-testimonial-block">
    <div class="container wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
      <div class="row"> 
       
        <!-- Latest News Start -->
        <div class="col-12 col-lg-6">
          <h3 class="heading3-border text-uppercase">Agenda</h3>
          @foreach($agenda as $tampil)
          <div class="latest-news-section wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
            <div class="news-date"> {{date('d',strtotime($tampil->tgl_agenda))}}<span>{{date('F',strtotime($tampil->tgl_agenda))}}</span> </div>
            <h4>{{$tampil->judul_agenda}}</h4>
            <div class="news-post-by">By <span>{{$tampil->post_by}}</span></div>
            <p>{{str_limit(strip_tags($tampil->isi_agenda),100)}}</p>
          </div>
          @endforeach
          

        </div>
        <!-- Latest News End --> 


         <div class="col-12 col-lg-6">
          <h3 class="heading3-border text-uppercase">Pengumuman</h3>
          @foreach($pengumuman as $tampil)
          <div class="latest-news-section wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
            <div class="news-date">{{date('d',strtotime($tampil->created_at))}}<span>{{date('F',strtotime($tampil->created_at))}}</span> </div>
            <a href="{{url('pengumuman/'.$tampil->slug_pengumuman)}}">
            <h4>{{$tampil->judul_pengumuman}}</h4>
            <div class="news-post-by">By <span>{{$tampil->post_by}}</span></div>
            <p>{{str_limit(strip_tags($tampil->isi_pengumuman),100)}}</p>
            </a>
          </div>
          @endforeach
         
        </div>
        <!-- Latest News End --> 
       
      </div>
    </div>
  </div>
</div>
@endsection