{{-- resources/views/partials/notifications-js.blade.php --}}
<script>
    function markNotificationAsRead(notificationId) {
        fetch('/notifications/' + notificationId + '/mark-read', {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
                'Accept': 'application/json'
            }
        })
        .then(res => res.json())
        .then(data => {
            if (data.success) {
                // مثال: شيل هايلايت الرسالة
                const row = document.querySelector('[data-notification-id="' + notificationId + '"]');
                if (row) {
                    row.classList.remove('bg-amber-50', 'dark:bg-amber-900/20');
                    row.classList.add('bg-white', 'dark:bg-slate-900');
                    const badge = row.querySelector('.notif-status-badge');
                    if (badge) {
                        badge.textContent = 'مقروء';
                        badge.classList.remove('bg-emerald-100', 'text-emerald-700');
                        badge.classList.add('bg-slate-100', 'text-slate-700');
                    }
                }
            }
        })
        .catch(err => {
            console.error('خطأ في تعليم الإشعار كمقروء:', err);
        });
    }
</script>