@foreach($notifications as $notification)
<li class="list-group-item list-group-item-action dropdown-notifications-item cursor-inherit {{ $notification->read == 0 ? 'no-read' : '' }}"">
<div class="d-flex  ">
    <div class="flex-grow-1 d-flex">
        <div class="flex-grow-1">
              <a href="{{ $notification['url'] }}" >
            <h6 class="mb-1 d-inline-block">{{ $notification->title }}</h6></a> 
            <p class="mb-0">{!! $notification->message !!}</p>
            <small class="text-muted">{{ $notification->time }}</small>
        </div>
        @if($notification->read == 0)
        <div class="notification-rightbox flex-shrink-0  d-inline-flex flex-column mask-as-read" attr-id="{{$notification->id}}" data-bs-toggle="tooltip" data-bs-placement="top" title="Mark as read">
            <span class="markread-point ms-auto mt-1 cursor-pointer"></span>
        </div>
        @endif
    </div>
 </div>   
</li>

@endforeach