@if(auth()->user()?->hasRole('store_owner') || auth()->user()?->hasRole('admin'))
<script>
    document.addEventListener('DOMContentLoaded', function () {
        let lastOrderCount = null;
        const notificationAudio = new Audio('https://assets.mixkit.co/active_storage/sfx/2869/2869-preview.mp3');

        async function checkNewOrders() {
            try {
                const response = await fetch('/api/v1/orders/pending-count', {
                    headers: {
                        'Accept': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                });
                
                if (!response.ok) return;
                
                const data = await response.json();
                
                if (lastOrderCount !== null && data.count > lastOrderCount) {
                    // Trigger sound
                    notificationAudio.play().catch(e => console.warn('Audio playback blocked:', e));
                    
                    // Show premium toast if available, else fallback to Filament
                    if (window.showToast) {
                        window.showToast({
                            type: 'success',
                            title: 'New Order Received!',
                            message: `You have ${data.count} pending orders waiting.`
                        });
                    } else if (window.Filament) {
                        window.Filament.notifications.show({
                            title: 'New Order Received!',
                            body: 'You have a new order waiting for acceptance.',
                            status: 'success',
                            duration: 10000,
                        });
                    }
                }
                
                lastOrderCount = data.count;
            } catch (error) {
                // Silently handle errors to avoid console noise in production
            }
        }

        // Poll every 15 seconds (avoiding aggressive polling)
        setInterval(checkNewOrders, 15000);
        
        // Initial delay to let the page load completely
        setTimeout(checkNewOrders, 5000);
    });
</script>
@endif