// Add notification permission banner if needed function addNotificationBanner() { if (!window.nativeFeatures || !('Notification' in window)) return; if (Notification.permission === 'default') { const banner = document.createElement('div'); banner.className = 'notification-banner'; banner.innerHTML = `

🔔 Enable Reminders

Get notified about upcoming maintenance tasks

Enable Notifications `; // Insert after header const header = document.querySelector('.header, h1'); if (header) { header.parentNode.insertBefore(banner, header.nextSibling); } } } // Request notification permission async function requestNotificationPermission(banner) { if (!window.nativeFeatures) return; const granted = await window.nativeFeatures.requestNotificationPermissions(); if (granted) { banner.innerHTML = `

✅ Notifications Enabled

You'll receive reminders for your maintenance tasks

`; setTimeout(() => banner.remove(), 3000); } else { banner.innerHTML = `

❌ Notifications Disabled

You can enable them later in Settings

`; } } // Initialize notification banner on page load document.addEventListener('DOMContentLoaded', () => { setTimeout(addNotificationBanner, 2000); });