@extends('frontend.layouts.main')
@section('title') {{ $$module_name_singular->fullname }} @endsection

@section('content')



  <!-- Whats New Start -->
<section class="whats-news-area">
    <div class="container pt-2">
        <div class="row">
            <div class="col-lg-12 col-md-12">

             @include('frontend.users.nav')

              <div class="overflow-x-auto">
        <table class="min-w-full bg-white border border-gray-200 rounded-lg shadow-md">
            <thead>
                <tr class="bg-gray-100 text-gray-600 uppercase text-sm leading-normal">
                   
                    <th class="py-2 px-3 text-left">Judul</th>
                   
                </tr>
            </thead>
            <tbody class="text-gray-600 text-xs font-light">
                @foreach($beritaterbaru as $berita)
                <tr class="border-b border-gray-200 hover:bg-gray-100">
                    <td class="py-1 px-3">
                        <span class="small text-gray-600">{{ $berita->kategori->kategori_berita ?? 'N/A' }}</span>
                        <div> {{ $berita->judul }}</div>
                        <div class="small">{{ $berita->created_at->format('d M Y') }}</div>
                    </td>
                   
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <!-- Pagination -->
    <div class="w-full flex justify-center py-1 px-2">
        <div class="w-2/3"></div>
        <div class="w-1/4"> {{ $beritaterbaru->links() }} </div>
       
    </div>   
             
            </div>
          
            </div>
        </div>
    </section>
    <!-- Whats New End -->

@endsection


@push ('page_css')

 
@endpush

@push('after-scripts')

@endpush