{{-- PWA meta tags --}}
{{-- Regenerate public/manifest.json with: php artisan pwa:generate-manifest --}}

<!-- Web Application Manifest -->
<link rel="manifest" href="{{ url('manifest.json') }}">

<!-- Theme color -->
<meta name="theme-color" content="#000000">

<!-- Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="{{ Settings('site_title') ?: config('app.name') }}">
<link rel="icon" sizes="512x512" href="{{ assetPath('public/images/icons/icon-512x512.png') }}">

<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="{{ Settings('site_title') ?: config('app.name') }}">
<link rel="apple-touch-icon" href="{{ assetPath('public/images/icons/icon-512x512.png') }}">

<!-- iOS Splash Screens -->
<link href="{{ assetPath('public/images/icons/splash-640x1136.png') }}"  media="(device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2)"   rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-750x1334.png') }}"  media="(device-width:375px) and (device-height:667px) and (-webkit-device-pixel-ratio:2)"   rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-1242x2208.png') }}" media="(device-width:621px) and (device-height:1104px) and (-webkit-device-pixel-ratio:3)"  rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-1125x2436.png') }}" media="(device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3)"   rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-828x1792.png') }}"  media="(device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2)"   rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-1242x2688.png') }}" media="(device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3)"   rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-1536x2048.png') }}" media="(device-width:768px) and (device-height:1024px) and (-webkit-device-pixel-ratio:2)"  rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-1668x2224.png') }}" media="(device-width:834px) and (device-height:1112px) and (-webkit-device-pixel-ratio:2)"  rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-1668x2388.png') }}" media="(device-width:834px) and (device-height:1194px) and (-webkit-device-pixel-ratio:2)"  rel="apple-touch-startup-image"/>
<link href="{{ assetPath('public/images/icons/splash-2048x2732.png') }}" media="(device-width:1024px) and (device-height:1366px) and (-webkit-device-pixel-ratio:2)" rel="apple-touch-startup-image"/>

<!-- Windows -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ assetPath('public/images/icons/icon-512x512.png') }}">

<script>
    if ('serviceWorker' in navigator) {
        // v2 — fixes SW that intercepted all requests and broke navigation
        navigator.serviceWorker.getRegistrations().then(function(registrations) {
            for (var r of registrations) {
                // Unregister any old worker not pointing at current serviceworker.js
                if (!r.active || !r.active.scriptURL.includes('serviceworker.js?v=2')) {
                    r.unregister();
                }
            }
        });

        navigator.serviceWorker.register('/serviceworker.js?v=2', { scope: '/' })
            .then(function(r) { console.log('SW registered:', r.scope); })
            .catch(function(e) { console.log('SW failed:', e); });
    }
</script>