@extends(auth()->user()->isAdmin() ? 'layouts.admin' : 'layouts.user')
@section('page-title', 'Notifications')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="fw-bold mb-0">Notifications</h4>
    <form method="POST" action="{{ route('notifications.markAllRead') }}">
        @csrf
        <button class="btn btn-outline-secondary">Mark all as read</button>
    </form>
</div>

<div class="card">
    <div class="list-group list-group-flush">
        @forelse ($notifications as $n)
        <div class="list-group-item {{ !$n->is_read ? 'bg-light' : '' }}">
            <div class="d-flex justify-content-between">
                <div class="fw-semibold small">{{ $n->title }}</div>
                <div class="text-muted small">{{ $n->created_at->format('d M Y H:i') }}</div>
            </div>
            <div class="small text-muted">{{ $n->message }}</div>
        </div>
        @empty
        <div class="text-center text-muted py-4">No notifications</div>
        @endforelse
    </div>
</div>
@endsection