@extends('admin.layout.app')

@section('title', $pageTitle . ' | LVT')

@section('content')
    <div class="container-fluid">
        <div class="mb-4">
            <a href="{{ route('notifications.index') }}" class="text-primary text-decoration-none">
                <i class="fas fa-arrow-left mr-1"></i> Quay lại danh sách
            </a>
        </div>

        <div class="card mb-4">
            <div class="card-header py-3 bg-{{ $announcement->type }} text-white">
                <h6 class="m-0 font-weight-bold">{{ $announcement->title }}</h6>
            </div>
            <div class="card-body">
                <div class="text-xs font-weight-bold text-muted text-uppercase mb-3">
                    <i class="fas fa-calendar-alt mr-1"></i> {{ $announcement->created_at->format('d/m/Y H:i') }}
                </div>

                <div class="announcement-content text-gray-800">
                    {!! nl2br(e($announcement->content)) !!}
                </div>
            </div>
        </div>
    </div>

    <style>
        .announcement-content {
            line-height: 1.6;
            font-size: 1.1rem;
        }
    </style>
@endsection