@extends('landing.layout.index')

@section('title')
    Berita -
@endsection

@section('content')
    <div class="wrapper" style="background:#790000;height:100px"></div>

    <div class="wrapper light-wrapper">
        <div class="container inner">
            <div class="text-center mb-50">
                <h1 class="page-title mb-5">Berita</h1>
                <p class="lead">Berita terkini terkait ppdb online</p>
            </div>
            <div class="blog grid grid-view boxed">
                <div class="row isotope">
                    @foreach($beritas as $berita)
                        <div class="item post grid-sizer col-md-6 col-lg-4">
                            <div class="box bg-white shadow p-30">
                                <figure class="main mb-30 overlay overlay1 rounded">
                                    <a href="{{ route('berita.detail', $berita->slug) }}"> <img src="{{ asset('storage/' . $berita->gambar) }}" alt="" /></a>
                                    <figcaption>
                                        <h5 class="from-top mb-0">Read More</h5>
                                    </figcaption>
                                </figure>
                                <div class="meta mb-0">
                                    <span class="date"><i class="jam jam-clock"></i>{{ fulldate($berita->tanggal) }}</span>
                                </div>
                                <h2 class="post-title">
                                    <a href="{{ route('berita.detail', $berita->slug) }}">{{ $berita->judul }}</a>
                                </h2>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endsection