@extends('blog.layout')
@section('content')

  <!-- Page Header -->
  <!--<header class="masthead" style="background-image: url('vendor/blog/img/home-bg.jpg')">-->
  <!--  <div class="overlay"></div>-->
  <!--  <div class="container">-->
  <!--    <div class="row">-->
  <!--      <div class="col-lg-8 col-md-10 mx-auto">-->
  <!--        <div class="site-heading">-->
  <!--          <h1>{{$app_name}}</h1>-->
  <!--          <span class="subheading">{{ $kategori->nama_kategori }}</span>-->
  <!--        </div>-->
  <!--      </div>-->
  <!--    </div>-->
  <!--  </div>-->
  <!--</header>-->

  <!-- Main Content -->
  <div class="container">
    <div class="row">
       <div class="col-lg-8 col-md-10 mx-auto">
            @foreach($berita as $b)
                <div class="post-preview">
                  <a href="{{ asset('blog/post/'.$b->id) }}">
                    <h5 class="post-title">
                      {{ $b->judul }}
                    </h5>
                    <div class="swiper-container" >
                        <div class="swiper-slide" style="background-image:url({{ asset($b->gambar_utama) }})">
                        
                    </div>
                    </div>
                    <!--<img src="{{ asset($b->gambar_utama) }}" style="width:100%;height:350px;">-->
                    <h5 class="post-subtitle">
                       {{ $b->sub_judul }}
                    </h5>
                  </a>
                  <p class="post-meta"><small></small>Diposting oleh
                    <a href="#">{{ $b->author . ' bidang ' . $b->nama_kategori }}</a>
                      {{ CRUDBooster::timeAgo($b->created_at) }}</small></p>
                </div>
                <hr>
            @endforeach
        
        <!-- Pager -->
        <!--<div class="clearfix">-->
        <!--  <a class="btn btn-primary float-right" href="#">Older Posts &rarr;</a>-->
        <!--</div>-->
      </div>
    </div>
  </div>

@endsection