@extends('layouts.public')

@section('public-content')
<section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
    <h1 class="font-display text-3xl font-bold text-gray-900 mb-8">Announcements</h1>

    @if($announcements->count())
        <div class="space-y-4">
            @foreach($announcements as $announcement)
                <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-5 sm:p-6">
                    <div class="flex items-center gap-3 mb-2">
                        <h3 class="font-display font-semibold text-gray-900">{{ $announcement->title }}</h3>
                        @if($announcement->audience)
                            <span class="inline-flex items-center rounded-full bg-primary-50 px-2.5 py-0.5 text-xs font-medium text-primary-700 ring-1 ring-primary-600/20">{{ $announcement->audience }}</span>
                        @endif
                    </div>
                    <p class="text-xs text-gray-500 mb-3">
                        {{ $announcement->published_at ? $announcement->published_at->format('d M Y') : $announcement->created_at->format('d M Y') }}
                    </p>
                    <p class="text-sm text-gray-600 line-clamp-3">{{ Str::limit(strip_tags($announcement->body), 200) }}</p>
                </div>
            @endforeach
        </div>

        <div class="mt-10">
            {{ $announcements->links() }}
        </div>
    @else
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-12 text-center">
            <p class="text-gray-500">No announcements at this time.</p>
        </div>
    @endif
</section>
@endsection