@extends('template_front.index')
@section('url'){{url('pengumuman')}}
@stop
@section('title','Pengumuman Desa Nepo Kabupaten Barru')
@section('description','Pengumuman Desa Nepo Kabupaten Barru')
@section('image'){{asset('assets/img/pengumuman.png')}}
@stop
@section('content')

<div class="container">
  <div class="row">
    <div class="col-md-8">
      <div class="page-header" style="margin-top: 0px">
         <img src="{{asset('assets/img/pengumuman.png')}}" style="width: 100%;height: 74px;object-fit: cover;">
        <div class="blog">
          <div class="row">
            <!-- <div class="col-md-12"> -->
             <!--  <h4 style="text-align: center;"><b>Pengumuman  Terbaru</b></h4> -->
               <div class="panel-group" id="faqAccordion">


                @foreach($pengumuman as $val)
                  <div class="panel panel-default" style="border:none !important;">
                      <div class="accordion-toggle question-toggle collapsed" data-toggle="collapse" data-parent="#faqAccordion" data-target="#question{{$val->id}}">
                           <h4 class="panel-title">
                              <div class="row" style="margin-left: 1%;">
                                <i class="fa fa-calendar"></i><i style="display: table;width: 96%;float: right;font-style: normal;cursor: pointer;">{{ucwords(strtolower($val->judul_pengumuman))}}</i>
                              </div>
                        </h4>

                      </div>
                      <div id="question{{$val->id}}" class="panel-collapse collapse" style="height: 0px;">
                          <div class="panel-body">
                               <h5><span class="label label-primary">Pengumuman</span></h5>
                              <p>{!!$val->isi_pengumuman!!}</p>
                          </div>
                      </div>
                  </div>
                @endforeach  
                
              </div>
            <!-- </div> -->
            <div class="col-md-12">
            </div>
          </div>
        </div>
      </div>
    </div>
    {!!view('front.right_page', compact('berita'))!!}
  </div>
</div>

@endsection