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

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span>/</span>Announcements</div>
        <h1>Announcements</h1>
        <p>Send important messages to hotels.</p>
    </div>
    <div>
        <a href="{{ route('admin.announcements.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> New Announcement
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        @if($announcements->count())
            @foreach($announcements as $announcement)
            <div style="padding:16px; border-bottom:1px solid #e5e7eb; margin-bottom:8px;">
                <div style="display:flex; justify-content:space-between; align-items:flex-start;">
                    <div style="flex:1;">
                        <div style="display:flex; gap:10px; align-items:center; margin-bottom:8px;">
                            <h3 style="margin:0; font-size:16px;">{{ $announcement->subject }}</h3>
                            @php
                                $priorityClass = [
                                    'low' => 'badge-secondary',
                                    'normal' => 'badge-primary',
                                    'urgent' => 'badge-danger'
                                ][$announcement->priority] ?? 'badge-secondary';
                                $priorityText = [
                                    'low' => 'Low Priority',
                                    'normal' => 'Normal',
                                    'urgent' => 'Urgent'
                                ][$announcement->priority] ?? $announcement->priority;
                            @endphp
                            <span class="badge {{ $priorityClass }}">{{ $priorityText }}</span>
                            <span class="badge badge-info">{{ ucfirst($announcement->target_type) }}</span>
                        </div>
                        <p style="margin:0 0 8px 0; color:#4b5563; font-size:13px;">{{ Str::limit($announcement->message, 150) }}</p>
                        <div style="font-size:12px; color:#9ca3af;">
                            <i class="fas fa-user"></i> {{ $announcement->sentBy->name ?? 'System' }} &nbsp;
                            <i class="fas fa-calendar"></i> {{ $announcement->created_at->format('d M Y H:i') }}
                        </div>
                    </div>
                    <div style="display:flex; gap:8px;">
                        <a href="{{ route('admin.announcements.show', $announcement) }}" class="btn btn-sm btn-outline">
                            <i class="fas fa-eye"></i> View
                        </a>
                        <form method="POST" action="{{ route('admin.announcements.destroy', $announcement) }}" style="display:inline;">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Delete this announcement?')">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
            @endforeach
            <div style="margin-top:20px;">
                {{ $announcements->links() }}
            </div>
        @else
            <div class="empty-state">
                <i class="fas fa-bullhorn"></i>
                <h3>No Announcements</h3>
                <p>Create your first announcement to notify hotels.</p>
                <a href="{{ route('admin.announcements.create') }}" class="btn btn-primary">Create Announcement</a>
            </div>
        @endif
    </div>
</div>
@endsection