@extends('layouts.app')
@section('title','Notifications')
@section('content')
<div class="page-header"><div><div class="page-title">Notifications</div></div><div class="page-actions"><form method="POST" action="{{ route('notifications.read-all') }}">@csrf<button class="btn btn-secondary">Mark All Read</button></form></div></div>
<div class="card"><div class="table-wrapper"><table><thead><tr><th>Title</th><th>Message</th><th>Time</th><th>Status</th><th></th></tr></thead><tbody>@forelse($notifications as $n)<tr style="{{ $n->is_read?'':'background:var(--primary-light);' }}"><td><i class="fas {{ $n->icon??'fa-bell' }}" style="color:var(--$n->color ?? 'info');margin-right:6px;"></i><strong>{{ $n->title }}</strong></td><td style="font-size:12px;">{{ $n->message }}</td><td style="font-size:12px;color:var(--text-muted);">{{ $n->created_at->diffForHumans() }}</td><td>@if($n->is_read)<span class="badge badge-secondary">Read</span>@else<span class="badge badge-info">New</span>@endif</td><td><form method="POST" action="{{ route('notifications.destroy',$n) }}">@csrf @method('DELETE')<button type="submit" class="btn btn-xs btn-danger">Dismiss</button></form></td></tr>@empty<tr><td colspan="5" class="text-center text-muted" style="padding:40px;">No notifications</td></tr>@endforelse</tbody></table></div>@if($notifications->hasPages())<div class="card-footer">{{ $notifications->links() }}</div>@endif</div>
@endsection