@php
    $locale = app()->getLocale();
    $title = data_get($notification->data, 'title_' . $locale) ?? data_get($notification->data, 'title', trans('system.notifications.notification'));
    $message = data_get($notification->data, 'message_' . $locale) ?? data_get($notification->data, 'message');
    $url = data_get($notification->data, 'url');
    $type = (string) data_get($notification->data, 'type', $notification->type);
    $icon = match (true) {
        str_contains($type, 'booking') => 'bi-calendar-check',
        str_contains($type, 'offer') => 'bi-tags',
        str_contains($type, 'contact') => 'bi-envelope',
        str_contains($type, 'review') => 'bi-star',
        default => 'bi-bell',
    };
@endphp
<div class="d-flex align-items-start gap-4">
    <span class="symbol symbol-40px flex-shrink-0">
        <span class="symbol-label {{ $notification->read_at ? 'bg-light' : 'bg-light-primary' }}">
            <i class="bi {{ $icon }} fs-3 {{ $notification->read_at ? 'text-gray-500' : 'text-primary' }}"></i>
        </span>
    </span>
    <div class="d-flex flex-column">
        <span class="{{ $notification->read_at ? 'fw-semibold text-gray-700' : 'fw-bold text-gray-900' }}">{{ $title }}</span>
        @if ($message)
            <span class="text-gray-600 fs-7">{{ $message }}</span>
        @endif
    </div>
</div>