@php
/**
 * Notification bell — shared by the storefront header and the dashboard topbar.
 * Each signed-in user sees only their own notifications. The list is rendered from the
 * database on load and kept current by notifications.js (same-origin polling, no external
 * calls); a short local chime plays for a new notification when sound is enabled. Sound and
 * live updates require BOTH the platform master switch and the user's own preference.
 */
use App\Support\Auth;

$nUser     = Auth::user();
$nUid      = (int) ($nUser['id'] ?? 0);
$nItems    = $nUid > 0 ? notifications_recent($nUid, 8) : [];
$nUnread   = $nUid > 0 ? notifications_unread($nUid) : 0;
$nPrefs    = $nUid > 0 ? notification_prefs($nUid) : notification_prefs_defaults();
$nRealtime = setting('notify_realtime_enabled', '1') === '1' && !empty($nPrefs['realtime']);
$nSound    = setting('notify_sound_enabled', '1') === '1' && !empty($nPrefs['sound']);
@endphp
<div class="qm-notif dropdown"
     data-notif
     data-auth="{{ $nUid > 0 ? '1' : '0' }}"
     data-realtime="{{ $nRealtime ? '1' : '0' }}"
     data-sound="{{ $nSound ? '1' : '0' }}"
     data-poll-url="{{ route('notifications.poll') }}"
     data-read-url="{{ route('notifications.read') }}">
    <button class="qm-icon-pill" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false" aria-label="{{ t_raw('header.notifications') }}">
        <i class="fas fa-bell" aria-hidden="true"></i>
        <span class="qm-dot qm-notif-dot"{{ $nUnread ? '' : ' hidden' }}>{{ (int) $nUnread }}</span>
    </button>
    <div class="dropdown-menu dropdown-menu-end qm-pop qm-notif-pop">
        <div class="qm-pop-head">{{ t_raw('header.notifications') }}</div>
        <div class="qm-notif-list" data-empty="{{ t_raw('header.no_notifications') }}">
            @if ($nItems)
                @foreach ($nItems as $n)
                <a class="qm-pop-row{{ ((int) $n['is_read'] === 0) ? ' is-unread' : '' }}" data-id="{{ (int) $n['id'] }}" href="{{ url('notifications/open?id=' . (int) $n['id']) }}">
                    <span class="qm-pop-ico"><i class="fas {{ $n['icon'] ?: 'fa-bell' }}" aria-hidden="true"></i></span>
                    <span class="qm-pop-row-body">
                        <strong>{{ $n['title'] }}</strong>
                        @if (!empty($n['body']))<span class="qm-pop-row-sub">{{ $n['body'] }}</span>@endif
                        <span class="qm-pop-row-time">{{ time_ago($n['created_at']) }}</span>
                    </span>
                </a>
                @endforeach
            @else
                <div class="qm-pop-empty">{{ t_raw('header.no_notifications') }}</div>
            @endif
        </div>
        @if ($nUid > 0)
        <div class="qm-notif-foot">
            <form method="post" action="{{ route('notifications.read') }}" class="qm-notif-markall" data-notif-markall>
                @csrf
                <button type="submit" class="qm-notif-foot-link"{{ $nUnread ? '' : ' disabled' }}><i class="fas fa-check-double" aria-hidden="true"></i> {{ t_raw('notif.mark_all_read') }}</button>
            </form>
            <a class="qm-notif-foot-link" href="{{ notifications_page_url($nUser) }}">{{ t_raw('notif.view_all') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></a>
        </div>
        @endif
    </div>
</div>