@extends('template')

@section('content')
    @php
        use Carbon\Carbon;
    @endphp
    <div class="h-screen pt-5">
        <div class="py-5 "style="background-color:#333;margin-top:53px;">
            <div class="container ">
                <h1 class="text-white text-center fw-bold hidden">{{ $judul }}</h1>
            </div>
        </div>
        <div class=" hidden container py-5">
            <div class="row">
                @foreach ($berita as $item)
                    <a href="{{ route('beritaDetail', Crypt::encryptString($item->id)) }}"
                        class="col-xl-3 col-md-1 mb-5 bigger" style="text-decoration: none">
                        <div class=" card d-flex flex-column " style="min-height: 400px">
                            <img src="{{ asset('images/berita/' . $item->photo) }}"
                                style="min-height: 200px; object-fit:cover;" alt="..." style="; object-fit:cover">

                            <h6 class="link p-3 text-center" style="min-height: 150px">
                                {{ Str::words(strip_tags($item->title), 10, ' ...') }}
                            </h6>
                            <div class=" p-3">

                                <p class="text-secondary text-left "><i class="bi bi-calendar-week"></i>
                                    {{ Carbon::parse($item->tanggal)->formatLocalized('%d %b %Y') }}</p>

                            </div>


                        </div>
                    </a>
                @endforeach
                <div class="center my-5 text-secondary">
                    {{ $berita->links('pagination::bootstrap-4') }}
                </div>
            </div>

        </div>
    </div>
@endsection