@extends('layouts.adminlte')

@section('title', 'Announcement')
@section('page_title', 'Announcement')

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title m-0">{{ $announcement->title }}</h3>
            <a href="{{ route('announcement.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
        </div>
        <div class="card-body">
            <div class="text-muted mb-3">
                <div>Department: {{ $announcement->department ?: 'All Departments' }}</div>
                <div>Start: {{ optional($announcement->start_at)->format('Y-m-d H:i') ?: '-' }}</div>
                <div>End: {{ optional($announcement->end_at)->format('Y-m-d H:i') ?: '-' }}</div>
            </div>
            <div style="white-space: pre-line;">{{ $announcement->message }}</div>
        </div>
    </div>
@endsection