@extends('layouts.parent')
@section('title', 'Announcements')
@section('content')
    <x-page-head title="Announcements" subtitle="School notices" />
    <x-child-switcher :students="$students" :active-child="$activeChild" />
    <x-panel>@forelse($announcements as $a)<article style="padding:16px 0; border-bottom:1px solid var(--border);"><h3 style="margin:0 0 8px;">{{ $a->title }}</h3><div>{!! nl2br(e($a->body)) !!}</div></article>@empty<x-empty-state title="No announcements" />@endforelse{{ $announcements->links() }}</x-panel>
@endsection
