@extends('template_front.index')
@if($readmore!=null)
  @section('url'){{url("berita/".$readmore->judul_berita)}}
  @stop
  @section('title'){{$readmore->judul_berita}}
  @stop
  @section('description'){{$readmore->judul_berita}}
  @stop
  @section('image'){{url(Storage::url($readmore->gambar_berita))}}
  @stop
@endif
@section('content')
@if($readmore!=null)
<div class="wshipping-content-block">
<div class="container">
  <div class="row">
    <div class="col-12">
      <div class="blog-item wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
        <img  style="max-height: 400px;min-height: 400px; object-fit: cover;width:100%;object-position: top;" src="{{url(Storage::url($readmore->gambar_berita))}}" class="img-responsive" alt="" onerror="this.onerror=null;this.src='{{asset('assets/img/image_not_found.jpg')}}';">
        <div class="blog-content">
          <h3>{{$readmore->judul_berita}}</h3>
          <div class="blog-post-by">
            <ul>
              <li><i class="fa fa-calendar"></i>{{date('d-m-Y',strtotime($readmore->created_at))}}</li>
              <li><i class="fa fa-user"></i>{{$readmore->post_by}}</li>
            </ul>
          </div>
         <p> {!!$readmore->isi_berita!!}</p>
         </div>
      </div>
    </div>
  </div>
</div>
@endif
@endsection