@extends('layouts.app')

@section('title', $pengumuman->judul)

@section('content')
<div class="max-w-4xl mx-auto py-16">
    <article class="bg-white p-6 sm:p-8 rounded-lg shadow-md">
        <header class="mb-8">
            <h1 class="text-3xl sm:text-4xl font-extrabold text-gray-900 leading-tight mb-3">
                {{ $pengumuman->judul }}
            </h1>
            <p class="text-sm text-gray-500">
                Dipublikasikan pada {{ $pengumuman->created_at->translatedFormat('d F Y, H:i') }} WIB
            </p>
        </header>

        <div class="prose prose-lg prose-green max-w-none">
            {!! $pengumuman->konten !!}
        </div>

        @if($pengumuman->lampiran)
            <div class="mt-8 pt-6 border-t">
                <h3 class="font-bold mb-2">Lampiran:</h3>
                <a href="{{ asset('storage/' . $pengumuman->lampiran) }}" target="_blank" class="text-green-700 hover:underline font-semibold">
                    Unduh File Lampiran
                </a>
            </div>
        @endif
    </article>
</div>
@endsection