{% load compress %}
<meta name="theme-color" content="{{ pwa_settings.PWA_THEME_COLOR }}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="{{ pwa_settings.PWA_NAME }}">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
{% compress js %}
<link rel="manifest" href="/manifest.json">
{% endcompress %}
{% for icon in pwa_settings.PWA_ICONS %}
<link rel="apple-touch-icon" href="{{ icon.src }}" sizes="{{ icon.sizes }}">
{% endfor %}
{% if request.user.is_authenticated %}
<script type="text/javascript">
  var fcmConfig = {
    apiKey: "{{ pwa_settings.PWA_FCM_API_KEY }}",
    messagingSenderId: "{{ pwa_settings.PWA_FCM_MSGSENDER_ID }}"
  };
</script>
{% endif %}

{% compress js inline %}
<script type="text/javascript">
    if ('serviceWorker' in navigator) {
        window.addEventListener('load', function () {
            navigator.serviceWorker.register('/serviceworker.js').then(function (registration) {
              {% if request.user.is_authenticated %}
                js = document.createElement('script');
                js.src = '/fcm.js';
                js.async = true;
                document.querySelector('script').parentNode.appendChild(js);
              {% endif %}
            }).catch(function (err) {
                console.log('ServiceWorker registration failed: ', err);
            });
            navigator.serviceWorker.ready.then(function(registration){});
        });
    }
</script>
{% endcompress %}