@extends('public.layout')

@section('title', $post->title)

@section('content')

<a href="{{ route('blog') }}" class="text-green-700 text-sm hover:underline">← Kembali ke Blog</a>

<div class="bg-white rounded-xl shadow p-8 mt-6">
    <div class="flex items-center gap-3 mb-3">
        <span class="text-xs px-2 py-0.5 rounded-full font-medium
            {{ $post->category === 'pengumuman' ? 'bg-yellow-100 text-yellow-700' : ($post->category === 'berita' ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 text-gray-600') }}">
            {{ ucfirst($post->category) }}
        </span>
        <span class="text-xs text-gray-400">{{ $post->published_at->format('d M Y') }}</span>
    </div>

    <h1 class="text-3xl font-bold mb-2">{{ $post->title }}</h1>
    <p class="text-sm text-gray-400 mb-8">Oleh {{ $post->author->name }}</p>

    <div class="prose max-w-none text-gray-700 leading-relaxed">
        {!! $post->content !!}
    </div>
</div>

@endsection