{{--
    Header bell live updates for the admin and doctor dashboards (plan_Clinics/12-notifications-plan.md §9).
    Polls $pollUrl every minute while the tab is visible, updates the badge, and shows a toast for each
    notification that arrived since the page loaded (a new booking, an offer subscription…).
    Needs: an element with id="notificationBellBadge" and $knownIds (ids already on the page).
--}}
<script>
    (function () {
        var pollUrl = @json($pollUrl);
        var seen = new Set(@json(array_values($knownIds)));
        var badge = document.getElementById('notificationBellBadge');
        var openLabel = @json(trans('system.notifications.open'));

        function setCount(count) {
            if (!badge) {
                return;
            }
            badge.textContent = count > 99 ? '99+' : count;
            badge.classList.toggle('d-none', count === 0);
        }

        function toast(item) {
            if (typeof Swal === 'undefined') {
                return;
            }
            Swal.fire({
                toast: true,
                position: document.documentElement.dir === 'rtl' ? 'top-start' : 'top-end',
                icon: 'info',
                title: item.title || '',
                text: item.message || '',
                showConfirmButton: !!item.url,
                confirmButtonText: openLabel,
                timer: 8000,
                timerProgressBar: true
            }).then(function (result) {
                if (result.isConfirmed && item.url) {
                    window.location.href = item.url;
                }
            });
        }

        function poll() {
            if (document.hidden) {
                return;
            }
            fetch(pollUrl, {headers: {'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, credentials: 'same-origin'})
                .then(function (response) { return response.ok ? response.json() : null; })
                .then(function (data) {
                    if (!data) {
                        return;
                    }
                    setCount(data.count);
                    // Oldest first so several new ones show in the order they happened.
                    data.items.slice().reverse().forEach(function (item) {
                        if (!seen.has(item.id)) {
                            seen.add(item.id);
                            toast(item);
                        }
                    });
                })
                .catch(function () {});
        }

        setInterval(poll, 60000);
        document.addEventListener('visibilitychange', function () {
            if (!document.hidden) {
                poll();
            }
        });
    })();
</script>