@extends('layouts.school')
@section('title', $announcement->title)
@section('header', $announcement->title)
@section('content')
    <div class="mb-6"><a href="{{ route('school.communications.announcements', request()->route('schoolId')) }}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to announcements</a></div>
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
        <div class="flex items-center justify-between mb-4">
            <div class="text-sm text-gray-500">By {{ $announcement->creator->name ?? '—' }} &middot; {{ $announcement->created_at->format('d M Y, g:ia') }} &middot; Audience: {{ ucfirst($announcement->audience) }}</div>
            <div class="flex gap-2">
                <span class="inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium {{ $announcement->is_published ? 'bg-green-50 text-green-700' : 'bg-gray-100 text-gray-600' }}">{{ $announcement->is_published ? 'Published' : 'Draft' }}</span>
                @if(!$announcement->is_published)
                    <form method="POST" action="{{ route('school.communications.publish-announcement', [request()->route('schoolId'), $announcement->id]) }}">@csrf<button type="submit" class="text-xs font-medium text-primary-600 hover:text-primary-700">Publish &amp; Broadcast</button></form>
                @endif
                <form method="POST" action="{{ route('school.communications.delete-announcement', [request()->route('schoolId'), $announcement->id]) }}" onsubmit="return confirm('Delete this announcement?')">@csrf @method('DELETE')<button type="submit" class="text-xs text-red-600 hover:text-red-800">Delete</button></form>
            </div>
        </div>
        <div class="prose prose-sm max-w-none text-gray-700">{!! nl2br(e($announcement->body)) !!}</div>
    </div>
@endsection