@extends('layouts.app')

@section('content')
<div class="container mt-4">
    <h1>Notifications</h1>
    <ul class="list-group">
        @forelse($notifications as $notification)
            <li class="list-group-item {{ $notification->read ? '' : 'list-group-item-info' }}">
                <a href="{{ $notification->link }}" onclick="markAsRead({{ $notification->id }})">
                    {{ $notification->message }}
                </a>
            </li>
        @empty
            <li class="list-group-item">No notifications found.</li>
        @endforelse
    </ul>

    <div class="mt-3">
        {{ $notifications->links() }}
    </div>
</div>


@endsection