@extends('layouts.app')

@section('title', 'Pengumuman - IAINU SUMSEL')

@section('content')
<div class="bg-white py-16 lg:py-20">
    <div class="container mx-auto px-4">
        <div class="text-center mb-12">
            <h1 class="text-3xl lg:text-4xl font-bold text-green-800">Papan Pengumuman</h1>
            <p class="mt-2 text-lg text-gray-600">Informasi dan pengumuman penting dari kampus.</p>
        </div>

        <div class="max-w-4xl mx-auto space-y-6">
            @forelse ($pengumumans as $item)
                <a href="{{ route('pengumuman.show', $item->slug) }}" class="block p-6 bg-gray-50 rounded-lg shadow-md hover:bg-green-100 transition-colors duration-300">
                    <h2 class="text-xl font-semibold text-green-800">{{ $item->judul }}</h2>
                    <p class="text-sm text-gray-500 mt-1">
                        Dipublikasikan pada: {{ $item->created_at->translatedFormat('d F Y, H:i') }}
                    </p>
                </a>
            @empty
                <div class="text-center py-10">
                    <p class="text-gray-500 text-xl">Belum ada pengumuman.</p>
                </div>
            @endforelse
        </div>

        <div class="mt-12">
            {{ $pengumumans->links() }}
        </div>
    </div>
</div>
@endsection