@extends('layouts.teacher-portal')
@section('title', 'Announcements')
@section('header', 'Announcements')

@section('content')
    <div class="space-y-4">
        @forelse ($announcements as $announcement)
            <article class="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-900/5">
                <div class="mb-2 flex flex-wrap items-center gap-3">
                    <h3 class="font-display text-base font-bold text-slate-900">{{ $announcement->title }}</h3>
                    <span class="rounded-full bg-primary-50 px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-primary-700">To {{ ucfirst($announcement->audience) }}</span>
                </div>
                <div class="prose prose-sm max-w-none text-sm text-slate-600">{!! nl2br(e($announcement->body)) !!}</div>
                <p class="mt-3 text-[11px] text-slate-400">
                    Published {{ optional($announcement->published_at)->format('j M Y, g:i A') }}
                    @if ($announcement->creator) &middot; by {{ $announcement->creator->name }} @endif
                </p>
            </article>
        @empty
            <div class="rounded-2xl bg-white p-12 text-center shadow-sm ring-1 ring-slate-900/5">
                <p class="text-sm text-slate-400">No announcements have been published yet.</p>
            </div>
        @endforelse
    </div>

    @if ($announcements->hasPages())
        <div class="mt-6">{{ $announcements->links() }}</div>
    @endif
@endsection