@extends('layouts.dashboard')
@section('title', 'Notifications')
@section('page-title', 'Notifications Center')
@section('content')
<div class="snyt-page">
  <div class="snyt-hero"><div><h1>Notifications Center</h1><p>Send operational updates and urgent messages to the field team.</p></div><a href="{{ route('admin.notifications.create') }}" class="btn btn-primary">+ New notification</a></div>
  @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
  <section class="snyt-panel"><div class="overflow-x-auto"><table class="table"><thead><tr><th>Recipient</th><th>Title</th><th>Type</th><th>Sent</th><th>Status</th></tr></thead><tbody>
  @forelse($notifications as $item)<tr><td class="font-bold">{{ $item->user_name }}</td><td><div class="font-semibold">{{ $item->title }}</div><div class="text-xs text-slate-500">{{ Str::limit($item->message, 80) }}</div></td><td><span class="badge">{{ $item->type }}</span></td><td>{{ \Carbon\Carbon::parse($item->created_at)->diffForHumans() }}</td><td>{{ $item->read_at ? 'Read' : 'Unread' }}</td></tr>@empty<tr><td colspan="5" class="text-center py-10 text-slate-500">No notifications sent yet.</td></tr>@endforelse
  </tbody></table></div><div class="mt-4">{{ $notifications->links() }}</div></section>
</div>
@endsection