@php($items = $items ?? collect())
<ul class="nest-notif-dropdown list-unstyled mb-0">
    @forelse ($items as $item)
        <li class="d-flex align-items-start p-10" style="gap:10px;{{ $item->is_read ? '' : 'background:#f6fbf8;' }}">
            <i class="{{ $item->icon ?: 'fi fi-rs-bell' }}" style="color:#1d8751;margin-top:3px;"></i>
            <div style="flex:1 1 auto;min-width:0;">
                <a href="{{ $item->url ?: '#' }}" class="d-block" style="font-size:13px;font-weight:600;color:#1e293b;">{{ $item->title }}</a>
                @if ($item->message)
                    <span class="d-block text-muted" style="font-size:12px;">{{ \Illuminate\Support\Str::limit($item->message, 70) }}</span>
                @endif
            </div>
        </li>
    @empty
        <li class="text-center text-muted p-15" style="font-size:13px;">{{ __('No notifications') }}</li>
    @endforelse
</ul>