@extends('layouts.app')
@section('title', 'Announcement Details')
@section('page-title', 'Announcement Details')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb">
            <a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span>
            <a href="{{ route('admin.announcements.index') }}">Announcements</a><span>/</span>
            View
        </div>
        <h1>{{ $announcement->subject }}</h1>
    </div>
    <div>
        <a href="{{ route('admin.announcements.index') }}" class="btn btn-outline">
            <i class="fas fa-arrow-left"></i> Back
        </a>
    </div>
</div>

<div class="row">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <span class="card-title">Message</span>
                @php
                    $priorityColors = ['low' => 'badge-secondary', 'normal' => 'badge-primary', 'urgent' => 'badge-danger'];
                    $priorityNames = ['low' => 'Low Priority', 'normal' => 'Normal', 'urgent' => 'Urgent'];
                @endphp
                <span class="badge {{ $priorityColors[$announcement->priority] ?? 'badge-secondary' }}">
                    {{ $priorityNames[$announcement->priority] ?? ucfirst($announcement->priority) }}
                </span>
            </div>
            <div class="card-body">
                <div style="background:#f9fafb; padding:20px; border-radius:8px;">
                    <p style="white-space:pre-wrap; font-size:14px; line-height:1.6;">{{ $announcement->message }}</p>
                </div>
            </div>
            <div class="card-footer">
                <div style="display:flex; gap:16px; font-size:13px; color:#6b7280;">
                    <div><i class="fas fa-user"></i> Sent by: <strong>{{ $announcement->sentBy->name ?? 'System' }}</strong></div>
                    <div><i class="fas fa-calendar"></i> Date: {{ $announcement->created_at->format('d M Y H:i:s') }}</div>
                    <div><i class="fas fa-bullhorn"></i> Target: <strong>{{ ucfirst($announcement->target_type) }}</strong></div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-header"><span class="card-title">Actions</span></div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.announcements.destroy', $announcement) }}" onsubmit="return confirm('Delete this announcement?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger" style="width:100%;">
                        <i class="fas fa-trash"></i> Delete Announcement
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection