{{-- Header bell for a signed-in patient: unread count + latest five. --}}
@php
    $patient = auth('web')->user();
    $locale = app()->getLocale();
    $bellUnread = $patient->unreadNotifications()->count();
    $bellLatest = $patient->unreadNotifications()->latest()->limit(5)->get();
@endphp
<div class="dropdown site-notification-bell">
    <a href="#" class="icon-btn style3 position-relative" data-bs-toggle="dropdown" aria-expanded="false" title="{{ trans('site.notifications.title') }}">
        <i class="far fa-bell"></i>
        @if ($bellUnread > 0)
            <span class="bell-count">{{ $bellUnread > 9 ? '9+' : $bellUnread }}</span>
        @endif
    </a>
    <div class="dropdown-menu dropdown-menu-end p-0 bell-menu">
        <div class="d-flex justify-content-between align-items-center px-3 py-2 border-bottom">
            <strong>{{ trans('site.notifications.title') }}</strong>
            <a href="{{ route('clinic.notifications.index') }}" class="small">{{ trans('site.notifications.view_all') }}</a>
        </div>
        @forelse ($bellLatest as $notification)
            <a href="{{ route('clinic.notifications.open', $notification->id) }}" class="dropdown-item bell-item">
                <span class="d-block fw-bold">{{ data_get($notification->data, "title_$locale") ?? data_get($notification->data, 'title') }}</span>
                <span class="d-block small text-body-secondary text-wrap">{{ data_get($notification->data, "message_$locale") ?? data_get($notification->data, 'message') }}</span>
                <span class="d-block small text-muted mt-1">{{ $notification->created_at?->diffForHumans() }}</span>
            </a>
        @empty
            <div class="px-3 py-4 text-center text-muted small">{{ trans('site.notifications.empty') }}</div>
        @endforelse
    </div>
</div>