@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4>{{ $announcement->title }}</h4>
        <div>
            <a href="{{ route('admin.announcements.edit', $announcement->id) }}" class="btn btn-primary btn-sm">{{ __('admin.edit') }}</a>
            <a href="{{ route('admin.announcements.index') }}" class="btn btn-secondary btn-sm">{{ __('admin.back_to_list') }}</a>
        </div>
    </div>

    <div class="mb-3">
        <strong>{{ __('admin.target_audience') }}</strong> {{ $announcement->target_role ? ucfirst($announcement->target_role) . 's' : 'All Users' }}
    </div>
    <div class="mb-3">
        <strong>{{ __('admin.status_2') }}</strong>
        <span class="badge {{ $announcement->is_active ? 'bg-success' : 'bg-secondary' }}">
            {{ $announcement->is_active ? 'Active' : 'Inactive' }}
        </span>
    </div>
    <div class="mb-3">
        <strong>{{ __('admin.published_at_2') }}</strong> {{ $announcement->published_at ? $announcement->published_at->format('Y-m-d H:i') : '—' }}
    </div>
    <div class="mb-3">
        <strong>{{ __('admin.content_2') }}</strong>
        <div class="border p-3 bg-light mt-2">{!! nl2br(e($announcement->content)) !!}</div>
    </div>
    <div class="mb-3">
        <strong>{{ __('admin.created_by_2') }}</strong> {{ $announcement->creator->name ?? 'System' }}
    </div>
</div>
@endsection