{{-- PWA meta tags — replaces @laravelPWA directive from silviolleite/laravelpwa --}}
{{-- Regenerate public/manifest.json with: php artisan pwa:generate-manifest --}}

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

<!-- Theme color -->
<meta name="theme-color" content="{{ config('laravelpwa.manifest.theme_color', '#000000') }}">

<!-- Android -->
<meta name="mobile-web-app-capable" content="{{ config('laravelpwa.manifest.display') == 'standalone' ? 'yes' : 'no' }}">
<meta name="application-name" content="{{ config('laravelpwa.manifest.short_name', config('app.name')) }}">
<link rel="icon" sizes="512x512" href="public/images/icons/icon-512x512.png">

<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="{{ config('laravelpwa.manifest.display') == 'standalone' ? 'yes' : 'no' }}">
<meta name="apple-mobile-web-app-status-bar-style" content="{{ config('laravelpwa.manifest.status_bar', 'black') }}">
<meta name="apple-mobile-web-app-title" content="{{ config('laravelpwa.manifest.short_name', config('app.name')) }}">
<link rel="apple-touch-icon" href="public/images/icons/icon-512x512.png">

<!-- iOS Splash Screens -->
<link href="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="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="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="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="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="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="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="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="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="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="{{ config('laravelpwa.manifest.background_color', '#ffffff') }}">
<meta name="msapplication-TileImage" content="public/images/icons/icon-512x512.png">

<script>
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('/serviceworker.js', { scope: '.' })
            .then(r  => console.log('ServiceWorker registered:', r.scope))
            .catch(e => console.log('ServiceWorker failed:', e));
    }
</script>