@php
    $isReadNotification = in_array(auth()->id(), explode(',', $notification->read_by ?? ''));
    $href = $notification->notification_href ? $notification->notification_href : '#';
@endphp

<li class="w-100 d-block border-bottom py-2">
    <a href="{{ $href }}"
        class="dropdown-item mb-0 p-3 header-notification-item unread-noti 
       {{ $isReadNotification ? 'read-noti' : '' }} {{ $isReadNotification && $notification->notification_href == '' ? 'cursor-no-drop' : '' }}"
        data-notification-id="{{ $notification->id }}">
        <div class="w-100 d-flex align-items-start gap-3">
            <div class="user-notification-box d-flex align-items-center justify-content-center noti-time">
                {{ getInitials($notification->user_name) }}
            </div>
            <div class="w-100 flex-1">
                <h4 class="notification-title mb-1">
                    {{ $notification->notification_title ?? 'Notification' }}
                </h4>
                <span class="text-14">{!! $notification->notification_description ?? '' !!}</span>
                <span class="noti-time mt-1 d-block">
                    {{ \Carbon\Carbon::parse($notification->created_at)->diffForHumans() }}
                </span>
            </div>
        </div>
    </a>
</li>