/*
 * Portal web app on the page: service worker registration, new-release check of an open app, the install
 * invitation (5 looks) with a guide for every device, notification opt-in, app badge, offline reading and counters.
 * Plain JS for every template (no Alpine or build step); settings come from <script type="application/json" id="qc-pwa">.
 * Preview from the settings page: ?pwa-preview=sheet|bar|fab|card|modal|ios|inapp|menu|update|push
 */
(function () {
    'use strict';
    if (window.qcPwa) return;

    var node = document.getElementById('qc-pwa');
    var C = {};
    try { C = JSON.parse(node ? node.textContent : '{}'); } catch (e) { return; }
    var S = C.strings || {};
    var STORE = 'qcpwa:' + (C.scope || '/');
    var ua = navigator.userAgent || '';
    var preview = (location.search.match(/[?&]pwa-preview=([a-z]+)/) || [])[1] || null;
    var deferred = null;

    /* ---------------- state (per browser) ---------------- */
    function state() { try { return JSON.parse(localStorage.getItem(STORE)) || {}; } catch (e) { return {}; } }
    function save(patch) { var s = state(); for (var k in patch) s[k] = patch[k]; try { localStorage.setItem(STORE, JSON.stringify(s)); } catch (e) {} return s; }
    function day() { return Math.floor(Date.now() / 864e5); }

    /* ---------------- environment ---------------- */
    var ios = /iPad|iPhone|iPod/.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);
    var ipad = ios && (/iPad/.test(ua) || (navigator.platform === 'MacIntel' && Math.min(screen.width, screen.height) >= 700));
    var android = /Android/i.test(ua);
    var inApp = (function () {
        var apps = [['Instagram', 'instagram'], ['FBAN|FBAV|FB_IAB', 'facebook'], ['Telegram', 'telegram'], ['WhatsApp', 'whatsapp'], ['LinkedInApp', 'linkedin'], ['Twitter', 'twitter'], ['Snapchat', 'snapchat'], ['TikTok|musical_ly', 'tiktok'], ['Line\\/', 'line'], ['MicroMessenger', 'wechat']];
        for (var i = 0; i < apps.length; i++) if (new RegExp(apps[i][0], 'i').test(ua)) return apps[i][1];
        if (window.TelegramWebviewProxy) return 'telegram';
        if (android && /; wv\)/.test(ua)) return 'app';
        return null;
    })();
    var safariDesktop = !ios && /Macintosh/.test(ua) && /Version\/1[7-9]|Version\/[2-9]\d/.test(ua) && /Safari/.test(ua) && !/Chrome|Chromium|Edg/.test(ua);
    var firefoxAndroid = android && /Firefox/.test(ua);

    function standalone() {
        return navigator.standalone === true || (window.matchMedia && (matchMedia('(display-mode: standalone)').matches || matchMedia('(display-mode: fullscreen)').matches || matchMedia('(display-mode: minimal-ui)').matches));
    }

    function quiet() {
        var path = location.pathname;
        return (C.quiet || []).some(function (p) { return path === p || path.indexOf(p + '/') === 0; });
    }

    /* ---------------- counters (portal + Matomo) ---------------- */
    function track(event) {
        if (!preview && C.eventUrl) {
            try { fetch(C.eventUrl + '?e=' + encodeURIComponent(event), { credentials: 'omit', cache: 'no-store', keepalive: true }); } catch (e) {}
        }
        if (window._paq && !preview) window._paq.push(['trackEvent', 'PWA', event, (C.install && C.install.template) || '']);
    }

    /* ---------------- service worker ---------------- */
    function worker() {
        if (!('serviceWorker' in navigator)) return Promise.resolve(null);
        return navigator.serviceWorker.register('/serviceworker.js', { scope: C.scope || '/', updateViaCache: 'none' }).then(function (registration) {
            var user = (document.querySelector('meta[name="qc-user"]') || {}).content || '0';
            navigator.serviceWorker.ready.then(function (ready) {
                if (ready.active) {
                    ready.active.postMessage({ type: 'SESSION', user: user });
                    readLater(ready.active);
                }
            });
            return registration;
        }).catch(function () { return null; });
    }

    function readLater(active) {
        if (!C.offline || !C.offline.reading || !active) return;
        var path = location.pathname;
        if ((C.offline.paths || []).some(function (p) { return path.indexOf(p) === 0 && path.length > p.length; }))
            active.postMessage({ type: 'READ_LATER', url: location.href });
    }

    /* ---------------- new release reaching an open app ---------------- */
    var lastCheck = Date.now(), hiddenAt = 0, updateShown = false;
    function checkRelease(fromBackground) {
        if (!C.versionUrl || Date.now() - lastCheck < 45000 && !fromBackground) return;
        lastCheck = Date.now();
        fetch(C.versionUrl, { cache: 'no-store', credentials: 'same-origin' }).then(function (r) { return r.ok ? r.json() : null; }).then(function (v) {
            if (!v) return;
            if (v.active === false) return retire();
            if (!v.release || v.release === C.release) return;
            var away = hiddenAt && Date.now() - hiddenAt > 10 * 60000;
            if (C.update === 'auto' || away) return reload();
            showUpdate();
        }).catch(function () {});
    }

    function reload() {
        track('update_applied');
        if (navigator.serviceWorker && navigator.serviceWorker.getRegistration) {
            navigator.serviceWorker.getRegistration().then(function (r) { return r && r.update(); }).catch(function () {}).then(function () { location.reload(); });
        } else location.reload();
    }

    function retire() {
        if (!('serviceWorker' in navigator)) return;
        navigator.serviceWorker.getRegistrations().then(function (list) {
            list.forEach(function (r) { var w = r.active || r.waiting || r.installing; if (w && w.scriptURL.indexOf('/serviceworker.js') > -1) r.unregister(); });
        });
        if (window.caches) caches.keys().then(function (keys) { keys.forEach(function (k) { if (k.indexOf('qc-') === 0 || k.indexOf('pwa-v') === 0) caches.delete(k); }); });
    }

    /* ---------------- UI kit ---------------- */
    // Text on the app color: dark on light brand colors (yellow, light green), white otherwise
    var brand = (C.app && C.app.color) || '#5B21B6';
    var onBrand = (function (hex) {
        var m = /^#?([0-9a-f]{3}|[0-9a-f]{6})/i.exec(hex || '');
        if (!m) return '#fff';
        var h = m[1].length === 3 ? m[1].replace(/./g, '$&$&') : m[1];
        var lum = [0, 2, 4].map(function (i) { var c = parseInt(h.substr(i, 2), 16) / 255; return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4); });
        return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2] > 0.45 ? '#17132a' : '#fff';
    })(brand);
    var css = '' +
        '.qcp,.qcp *{box-sizing:border-box;font-family:inherit;letter-spacing:normal}' +
        '.qcp{--c:' + brand + ';--on:' + onBrand + ';--bg:#fff;--fg:#17132a;--mu:#6b6780;--ln:rgba(23,19,42,.09);--sh:0 24px 60px -18px rgba(20,10,50,.45);color:var(--fg);font-size:15px;line-height:1.7;z-index:2147483000;position:fixed}' +
        'html.dark .qcp,.qcp.qcp-dark{--bg:#1d1730;--fg:#f4f1ff;--mu:#b9b2d6;--ln:rgba(255,255,255,.12);--ca:color-mix(in srgb,var(--c) 45%,#fff)}' +
        '.qcp-scrim{inset:0;background:rgba(15,8,35,.42);backdrop-filter:blur(2px);animation:qcp-fade .25s ease both}' +
        '.qcp-sheet{inset-inline:0;bottom:0;background:var(--bg);border-radius:26px 26px 0 0;box-shadow:var(--sh);padding:10px 20px calc(20px + env(safe-area-inset-bottom));animation:qcp-up .38s cubic-bezier(.2,.9,.25,1.05) both;max-height:92vh;overflow:auto}' +
        '@media (min-width:640px){.qcp-sheet{inset-inline:auto 24px;bottom:24px;width:380px;border-radius:24px;padding:18px 22px 22px}.qcp-sheet.qcp-wide{width:420px}}' +
        '.qcp-handle{width:42px;height:5px;border-radius:9px;background:var(--ln);margin:0 auto 14px}@media (min-width:640px){.qcp-handle{display:none}}' +
        '.qcp-head{display:flex;align-items:center;gap:12px}' +
        '.qcp-icon{width:56px;height:56px;border-radius:16px;flex:none;object-fit:cover;box-shadow:0 8px 20px -8px rgba(0,0,0,.35),0 0 0 1px var(--ln);background:var(--c)}' +
        '.qcp-name{font-weight:800;font-size:16px;line-height:1.4}.qcp-host{font-size:12px;color:var(--mu);direction:ltr;unicode-bidi:plaintext}' +
        '.qcp-title{font-size:19px;font-weight:900;line-height:1.5;margin:16px 0 4px}.qcp-text{color:var(--mu);margin:0 0 14px;font-size:14px}' +
        '.qcp-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}.qcp-list li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px}' +
        '.qcp-dot{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--ca,var(--c)) 16%,transparent);color:var(--ca,var(--c))}' +
        '.qcp-btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:13px 18px;font-weight:800;font-size:15px;min-height:46px;transition:transform .15s,filter .15s}' +
        '.qcp-btn:active{transform:scale(.97)}.qcp-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--c) 45%,transparent);outline-offset:2px}' +
        '.qcp-primary{background:var(--c);color:var(--on);box-shadow:0 10px 24px -10px var(--c)}.qcp-primary:hover{filter:brightness(1.08)}' +
        '.qcp-ghost{background:transparent;color:var(--mu)}.qcp-ghost:hover{color:var(--fg)}' +
        '.qcp-row{display:flex;gap:8px}.qcp-row .qcp-primary{flex:1}' +
        '.qcp-x{position:absolute;top:12px;inset-inline-end:12px;width:34px;height:34px;border-radius:11px;border:0;background:transparent;color:var(--mu);cursor:pointer;display:grid;place-items:center}.qcp-x:hover{background:var(--ln)}' +
        '.qcp-bar{inset-inline:0;background:var(--bg);box-shadow:0 0 0 1px var(--ln),0 10px 30px -14px rgba(20,10,50,.4);padding:10px 14px;display:flex;align-items:center;gap:12px;animation:qcp-down .35s ease both}' +
        '.qcp-bar.qcp-bottom{bottom:0;padding-bottom:calc(10px + env(safe-area-inset-bottom));animation-name:qcp-up}.qcp-bar.qcp-top{top:0;padding-top:calc(10px + env(safe-area-inset-top))}' +
        '.qcp-bar .qcp-icon{width:40px;height:40px;border-radius:11px}.qcp-bar .qcp-copy{flex:1;min-width:0}.qcp-bar b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qcp-bar small{display:block;font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}' +
        '.qcp-bar .qcp-btn{min-height:38px;padding:8px 16px;font-size:14px;border-radius:12px}.qcp-bar .qcp-x{position:static;flex:none}' +
        '.qcp-fab{bottom:calc(18px + env(safe-area-inset-bottom));inset-inline-end:16px;display:flex;align-items:center;gap:8px;height:56px;padding:0 8px;border-radius:99px;border:0;cursor:pointer;background:var(--c);color:var(--on);font-weight:800;box-shadow:0 14px 30px -10px var(--c);animation:qcp-pop .45s cubic-bezier(.2,.9,.25,1.3) both}' +
        '.qcp-fab .qcp-icon{width:40px;height:40px;border-radius:99px;box-shadow:0 0 0 2px rgba(255,255,255,.65)}.qcp-fab span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .45s ease,padding .45s ease}.qcp-fab.qcp-open span{max-width:160px;padding-inline-end:10px}' +
        '.qcp-fab::after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:2px solid var(--c);opacity:0;animation:qcp-ring 2.6s ease-out 1.2s infinite}' +
        '.qcp-card{position:relative;margin:24px auto;max-width:720px;width:calc(100% - 32px);border-radius:24px;padding:20px;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 30%,#fbbf24)) border-box;border:2px solid transparent;box-shadow:var(--sh);display:grid;gap:14px;z-index:1;animation:qcp-fade .4s ease both}' +
        '@media (min-width:640px){.qcp-card{grid-template-columns:auto 1fr auto;align-items:center}}.qcp-card .qcp-title{margin:0;font-size:17px}.qcp-card .qcp-text{margin:2px 0 0}' +
        '.qcp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.qcp-chips span{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--ca,var(--c)) 12%,transparent);color:var(--ca,var(--c))}' +
        '.qcp-modal{inset:0;display:grid;place-items:center;padding:20px}.qcp-modal .qcp-box{position:relative;background:var(--bg);border-radius:28px;width:min(420px,100%);padding:26px 24px 22px;box-shadow:var(--sh);text-align:center;animation:qcp-pop .4s cubic-bezier(.2,.9,.25,1.15) both}' +
        '.qcp-phone{width:132px;height:206px;margin:0 auto 6px;border-radius:26px;border:6px solid #17132a;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 22%,#fff),#fff);position:relative;padding:22px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-content:start}' +
        '.qcp-phone i{display:block;aspect-ratio:1;border-radius:9px;background:rgba(23,19,42,.08)}.qcp-phone .qcp-icon{width:100%;height:auto;aspect-ratio:1;border-radius:10px;animation:qcp-bounce 1.8s ease-in-out .6s infinite}' +
        '.qcp-modal .qcp-list{text-align:start}.qcp-modal .qcp-row{flex-direction:column}' +
        '.qcp-steps{list-style:none;margin:6px 0 16px;padding:0;display:grid;gap:12px;counter-reset:s}.qcp-steps li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;font-weight:600}' +
        '.qcp-steps li::before{counter-increment:s;content:counter(s);flex:none;width:28px;height:28px;border-radius:99px;display:grid;place-items:center;background:var(--c);color:var(--on);font-weight:900;font-size:13px}' +
        '.qcp-steps small{display:block;color:var(--mu);font-weight:500;font-size:12.5px}.qcp-glyph{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ln);vertical-align:middle;margin-inline:3px;color:#0a84ff}' +
        '.qcp-arrow{width:46px;height:46px;color:var(--c);filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));animation:qcp-nudge 1.1s ease-in-out infinite;pointer-events:none}' +
        '.qcp-arrow.qcp-down{bottom:calc(8px + env(safe-area-inset-bottom));left:50%;margin-left:-23px}.qcp-arrow.qcp-up{top:calc(8px + env(safe-area-inset-top));right:18px;transform:rotate(180deg);animation-name:qcp-nudge-up}' +
        '.qcp-sheet.qcp-guide{bottom:76px;border-radius:26px;inset-inline:10px}.qcp-sheet.qcp-guide.qcp-from-top{bottom:auto;top:70px;animation-name:qcp-down}@media (min-width:640px){.qcp-sheet.qcp-guide{inset-inline:auto 24px}}' +
        '.qcp-toast{left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));background:#17132a;color:#fff;border-radius:16px;padding:8px 8px 8px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--sh);font-weight:700;font-size:14px;animation:qcp-up .3s ease both;width:max-content;max-width:calc(100% - 24px)}' +
        '[dir=rtl] .qcp-toast,.qcp-toast[dir=rtl]{padding:8px 16px 8px 8px}.qcp-toast .qcp-btn{min-height:36px;padding:7px 14px;font-size:13.5px;border-radius:11px}' +
        '@keyframes qcp-up{from{transform:translateY(105%);opacity:.4}}@keyframes qcp-down{from{transform:translateY(-105%);opacity:.4}}@keyframes qcp-fade{from{opacity:0}}' +
        '@keyframes qcp-pop{from{transform:scale(.6);opacity:0}}@keyframes qcp-ring{0%{opacity:.7;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.35)}}' +
        '@keyframes qcp-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes qcp-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes qcp-nudge-up{0%,100%{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(9px)}}' +
        '.qcp-toast{animation-name:qcp-fade}' +
        '@media (prefers-reduced-motion:reduce){.qcp,.qcp *,.qcp::after,.qcp *::after{animation:none!important;transition:none!important}}';

    var ICON = {
        check: '<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12l5 5L20 7"/></svg>',
        x: '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round"><path d="M18 6L6 18M6 6l12 12"/></svg>',
        down: '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4v11m-5-5l5 5 5-5M5 20h14"/></svg>',
        share: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12M8 7l4-4 4 4"/><path d="M6 11H5a1 1 0 00-1 1v8a1 1 0 001 1h14a1 1 0 001-1v-8a1 1 0 00-1-1h-1"/></svg>',
        add: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="4" y="4" width="16" height="16" rx="4"/><path d="M12 8v8M8 12h8"/></svg>',
        dots: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><circle cx="5" cy="12" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="19" cy="12" r="2"/></svg>',
        kebab: '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="5" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="12" cy="19" r="2"/></svg>',
        bell: '<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 8a6 6 0 1112 0c0 7 3 8 3 8H3s3-1 3-8M10 20a2 2 0 004 0"/></svg>',
        arrow: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 22l-8-9h5V2h6v11h5z"/></svg>',
        link: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M10 14a5 5 0 007 0l3-3a5 5 0 00-7-7l-1 1M14 10a5 5 0 00-7 0l-3 3a5 5 0 007 7l1-1"/></svg>'
    };

    function esc(text) { return String(text == null ? '' : text).replace(/[&<>"']/g, function (c) { return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c]; }); }
    function t(key, vars) { var v = S[key] || key; for (var k in (vars || {})) v = v.replace(':' + k, vars[k]); return v; }

    var styled = false, layers = [], lastFocus = null;
    function mount(className, html, attrs) {
        if (!styled) { var st = document.createElement('style'); st.id = 'qcp-css'; st.textContent = css; document.head.appendChild(st); styled = true; }
        var el = document.createElement('div');
        el.className = 'qcp ' + className;
        el.setAttribute('dir', C.dir || document.documentElement.dir || 'rtl');
        for (var k in (attrs || {})) el.setAttribute(k, attrs[k]);
        el.innerHTML = html;
        document.body.appendChild(el);
        layers.push(el);
        return el;
    }
    function unmount(el) { if (!el) return; layers = layers.filter(function (l) { return l !== el; }); if (el.parentNode) el.parentNode.removeChild(el); }

    function dialog(className, html, onClose) {
        lastFocus = document.activeElement;
        var scrim = mount('qcp-scrim', '');
        var box = mount(className, html, { role: 'dialog', 'aria-modal': 'true' });
        function close(reason) {
            document.removeEventListener('keydown', keys, true);
            unmount(box); unmount(scrim);
            if (lastFocus && lastFocus.focus) try { lastFocus.focus(); } catch (e) {}
            if (onClose) onClose(reason);
        }
        function keys(e) {
            if (e.key === 'Escape') { e.preventDefault(); close('dismiss'); }
            if (e.key === 'Tab') {
                var f = box.querySelectorAll('button,a[href]');
                if (!f.length) return;
                if (e.shiftKey && document.activeElement === f[0]) { e.preventDefault(); f[f.length - 1].focus(); }
                else if (!e.shiftKey && document.activeElement === f[f.length - 1]) { e.preventDefault(); f[0].focus(); }
            }
        }
        document.addEventListener('keydown', keys, true);
        scrim.addEventListener('click', function () { close('dismiss'); });
        setTimeout(function () { var b = box.querySelector('.qcp-primary') || box.querySelector('button'); if (b) b.focus({ preventScroll: true }); }, 60);
        return { el: box, close: close };
    }

    /* ---------------- install invitation ---------------- */
    var I = C.install || null;
    var app = C.app || {};

    function iconImg(extra) { return '<img class="qcp-icon ' + (extra || '') + '" src="' + esc(app.icon) + '" alt="" width="56" height="56">'; }
    function head() { return '<div class="qcp-head">' + iconImg() + '<div><div class="qcp-name">' + esc(app.name) + '</div><div class="qcp-host">' + esc(app.host) + '</div></div></div>'; }
    function benefits() { return '<ul class="qcp-list">' + (I.benefits || []).map(function (b) { return '<li><span class="qcp-dot">' + ICON.check + '</span>' + esc(b) + '</li>'; }).join('') + '</ul>'; }
    function buttons() { return '<div class="qcp-row"><button type="button" class="qcp-btn qcp-primary" data-act="install">' + ICON.down + esc(I.button) + '</button><button type="button" class="qcp-btn qcp-ghost" data-act="later">' + esc(t('later')) + '</button></div>'; }

    function route() {
        if (deferred) return 'prompt';
        if (inApp) return 'inapp';
        if (ios) return 'ios';
        if (firefoxAndroid) return 'menu';
        if (safariDesktop) return 'safari';
        return null;
    }

    function canInvite() {
        if (preview) return true;
        if (!I || standalone() || quiet()) return false;
        var s = state();
        if (s.installed || (s.shown || 0) >= I.max || (s.snooze || 0) > Date.now()) return false;
        return route() !== null;
    }

    function act(container, close) {
        container.addEventListener('click', function (e) {
            var b = e.target.closest('[data-act]');
            if (!b) return;
            var a = b.getAttribute('data-act');
            if (a === 'install') { if (close) close('install'); install(); }
            if (a === 'later' || a === 'close') { if (close) close('dismiss'); else unmount(container); dismissed(); }
        });
    }

    function dismissed() {
        if (preview) return;
        save({ snooze: Date.now() + (I ? I.snooze : 14) * 864e5 });
        track('prompt_dismissed');
    }

    function shown() {
        if (preview) return;
        var s = state();
        save({ shown: (s.shown || 0) + 1 });
        track('prompt_shown');
    }

    function invite(force) {
        if (!force && !canInvite()) return;
        if (document.querySelector('.qcp-sheet,.qcp-bar,.qcp-fab,.qcp-card,.qcp-modal')) return;
        var template = (preview && ['sheet', 'bar', 'fab', 'card', 'modal'].indexOf(preview) > -1) ? preview : I.template;
        shown();

        if (template === 'bar') {
            var bar = mount('qcp-bar qcp-' + I.position, iconImg() + '<div class="qcp-copy"><b>' + esc(I.title) + '</b><small>' + esc(I.text) + '</small></div><button type="button" class="qcp-btn qcp-primary" data-act="install">' + esc(I.button) + '</button><button type="button" class="qcp-x" data-act="close" aria-label="' + esc(t('close')) + '">' + ICON.x + '</button>', { role: 'region', 'aria-label': I.title });
            act(bar, function () { unmount(bar); });
        } else if (template === 'fab') {
            var fab = mount('qcp-fab', iconImg() + '<span>' + esc(I.button) + '</span>', { role: 'button', tabindex: '0', 'aria-label': I.title });
            fab.removeAttribute('dir');
            setTimeout(function () { fab.classList.add('qcp-open'); }, 900);
            setTimeout(function () { fab.classList.remove('qcp-open'); }, 7000);
            var open = function () { unmount(fab); sheet(true); };
            fab.addEventListener('click', open);
            fab.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); open(); } });
        } else if (template === 'card') {
            var card = document.createElement('div');
            card.className = 'qcp qcp-card';
            card.setAttribute('dir', C.dir || 'rtl');
            card.setAttribute('role', 'region');
            card.setAttribute('aria-label', I.title);
            card.innerHTML = iconImg() + '<div><div class="qcp-title">' + esc(I.title) + '</div><p class="qcp-text">' + esc(I.text) + '</p><div class="qcp-chips">' + (I.benefits || []).map(function (b) { return '<span>' + esc(b) + '</span>'; }).join('') + '</div></div><button type="button" class="qcp-btn qcp-primary" data-act="install">' + ICON.down + esc(I.button) + '</button><button type="button" class="qcp-x" data-act="close" aria-label="' + esc(t('close')) + '">' + ICON.x + '</button>';
            card.style.position = 'relative';
            if (!styled) { var st = document.createElement('style'); st.id = 'qcp-css'; st.textContent = css; document.head.appendChild(st); styled = true; }
            var footer = document.querySelector('footer');
            var main = document.querySelector('main');
            if (footer && footer.parentNode) footer.parentNode.insertBefore(card, footer);
            else (main || document.body).appendChild(card);
            layers.push(card);
            act(card, function () { unmount(card); });
        } else if (template === 'modal') {
            var m = dialog('qcp-modal', '<div class="qcp-box"><button type="button" class="qcp-x" data-act="close" aria-label="' + esc(t('close')) + '">' + ICON.x + '</button><div class="qcp-phone" aria-hidden="true"><i></i><i></i><i></i><i></i>' + iconImg() + '<i></i><i></i><i></i><i></i></div><div class="qcp-title">' + esc(I.title) + '</div><p class="qcp-text">' + esc(I.text) + '</p>' + benefits() + buttons() + '</div>', function (reason) { if (reason === 'dismiss') dismissed(); });
            act(m.el, m.close);
        } else {
            sheet(false);
        }
    }

    function sheet(counted) {
        var s = dialog('qcp-sheet', '<div class="qcp-handle"></div><button type="button" class="qcp-x" data-act="close" aria-label="' + esc(t('close')) + '">' + ICON.x + '</button>' + head() + '<div class="qcp-title">' + esc(I.title) + '</div><p class="qcp-text">' + esc(I.text) + '</p>' + benefits() + buttons(), function (reason) { if (reason === 'dismiss') dismissed(); });
        s.el.setAttribute('aria-label', I.title);
        act(s.el, s.close);
    }

    function install() {
        var way = preview && ['ios', 'inapp', 'menu'].indexOf(preview) > -1 ? preview : route();
        if (way === 'prompt' && deferred) {
            track('prompt_accepted');
            deferred.prompt();
            deferred.userChoice.then(function (choice) {
                if (choice && choice.outcome === 'accepted') save({ installed: true });
                deferred = null;
            }).catch(function () {});
            return;
        }
        guide(way || 'menu');
    }

    /* ---------------- device guides ---------------- */
    function guide(way) {
        var html, top = false;
        if (way === 'ios') {
            track('guide_ios');
            var chrome = /CriOS|EdgiOS|FxiOS/.test(ua);
            top = ipad || chrome;
            html = '<div class="qcp-title" style="margin-top:4px">' + esc(t('ios_title')) + '</div><ol class="qcp-steps">' +
                '<li><div>' + esc(t(chrome ? 'ios_step1_chrome' : (ipad ? 'ios_step1_ipad' : 'ios_step1'))) + ' <span class="qcp-glyph">' + ICON.share + '</span><small>' + esc(t('ios_step1_hint')) + ' <span class="qcp-glyph" style="width:24px;height:24px">' + ICON.dots + '</span></small></div></li>' +
                '<li><div>' + esc(t('ios_step2')) + ' <span class="qcp-glyph">' + ICON.add + '</span><small>Add to Home Screen</small></div></li>' +
                '<li><div>' + esc(t('ios_step3')) + '</div></li></ol>';
        } else if (way === 'inapp') {
            track('guide_inapp');
            top = true;
            var name = t('inapp_' + inApp) !== 'inapp_' + inApp ? t('inapp_' + inApp) : t('inapp_app');
            html = '<div class="qcp-title" style="margin-top:4px">' + esc(t('inapp_title')) + '</div><p class="qcp-text">' + esc(t('inapp_text', { app: name })) + '</p><ol class="qcp-steps">' +
                '<li><div>' + esc(t('inapp_step1')) + ' <span class="qcp-glyph">' + (ios ? ICON.dots : ICON.kebab) + '</span></div></li>' +
                '<li><div>' + esc(t(ios ? 'inapp_step2_ios' : 'inapp_step2')) + '</div></li>' +
                '<li><div>' + esc(t('inapp_step3')) + '</div></li></ol>' +
                '<button type="button" class="qcp-btn qcp-ghost" data-act="copy" style="width:100%;border:1px dashed var(--ln)">' + ICON.link + esc(t('copy')) + '</button>';
        } else if (way === 'safari') {
            html = '<div class="qcp-title" style="margin-top:4px">' + esc(t('menu_title')) + '</div><p class="qcp-text">' + esc(t('safari_text')) + '</p>';
        } else {
            top = !android;
            html = '<div class="qcp-title" style="margin-top:4px">' + esc(t('menu_title')) + '</div><ol class="qcp-steps"><li><div>' + esc(t('menu_step1')) + ' <span class="qcp-glyph">' + ICON.kebab + '</span></div></li><li><div>' + esc(t('menu_step2')) + '</div></li></ol>';
        }

        var arrow = null;
        var g = dialog('qcp-sheet qcp-guide' + (top ? ' qcp-from-top' : ''), '<button type="button" class="qcp-x" data-act="close" aria-label="' + esc(t('close')) + '">' + ICON.x + '</button>' + head() + html + '<button type="button" class="qcp-btn qcp-primary" data-act="close" style="width:100%;margin-top:4px">' + esc(t('got_it')) + '</button>', function () { unmount(arrow); });
        if (way === 'ios' || way === 'inapp' || way === 'menu') arrow = mount('qcp-arrow ' + (top ? 'qcp-up' : 'qcp-down'), ICON.arrow, { 'aria-hidden': 'true' });
        g.el.addEventListener('click', function (e) {
            var b = e.target.closest('[data-act]');
            if (!b) return;
            if (b.getAttribute('data-act') === 'close') g.close('done');
            if (b.getAttribute('data-act') === 'copy') {
                var done = function () { b.innerHTML = ICON.check + esc(t('copied')); };
                if (navigator.clipboard) navigator.clipboard.writeText(location.href).then(done, function () {}); else done();
            }
        });
    }

    /* ---------------- when the invitation shows ---------------- */
    function schedule() {
        if (!I || preview) return;
        var s = state();
        if (s.lastDay !== day()) s = save({ lastDay: day(), visits: (s.visits || 0) + 1 });
        var go = function () { if (canInvite()) invite(); };
        if (I.trigger === 'scroll') {
            var onScroll = function () {
                if ((scrollY + innerHeight) / Math.max(document.documentElement.scrollHeight, 1) < 0.5) return;
                removeEventListener('scroll', onScroll); go();
            };
            addEventListener('scroll', onScroll, { passive: true });
        } else if (I.trigger === 'visits') {
            if ((s.visits || 1) >= I.visits) setTimeout(go, 6000);
        } else if (I.trigger === 'action') {
            addEventListener('qc:pwa-moment', go);
            if (/\/(verify|success|thank|thanks|callback)(\/|$)/.test(location.pathname)) setTimeout(go, 1500);
        } else {
            setTimeout(go, Math.max(3, I.delay || 20) * 1000);
        }
    }

    /* ---------------- update toast ---------------- */
    function showUpdate() {
        if (updateShown) return;
        updateShown = true;
        track('update_shown');
        var el = mount('qcp-toast', '<span>' + esc(t('update_text')) + '</span><button type="button" class="qcp-btn qcp-primary">' + esc(t('update_button')) + '</button>', { role: 'status' });
        el.querySelector('button').addEventListener('click', reload);
    }

    /* ---------------- notifications (phase 2) ---------------- */
    var P = C.push || null;
    function pushReady() { return P && 'PushManager' in window && 'Notification' in window && 'serviceWorker' in navigator; }

    function syncPush(force) {
        if (!pushReady() || Notification.permission !== 'granted') return;
        var s = state();
        if (!force && s.pushSync === day()) return;
        navigator.serviceWorker.ready.then(function (reg) {
            return reg.pushManager.getSubscription().then(function (sub) {
                return sub || reg.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: key(P.key) });
            });
        }).then(function (sub) {
            if (!sub) return;
            return post(P.subscribeUrl, { endpoint: sub.endpoint, keys: (sub.toJSON() || {}).keys, device: device(), standalone: standalone() }).then(function (ok) { if (ok) save({ pushSync: day() }); });
        }).catch(function () {});
    }

    function askPush() {
        if (!pushReady() || Notification.permission !== 'default' || quiet()) return;
        if (P.ask === 'installed' && !standalone() && preview !== 'push') return;
        var s = state();
        if ((s.pushSnooze || 0) > Date.now() && preview !== 'push') return;
        setTimeout(function () {
            if (document.querySelector('.qcp-sheet,.qcp-modal')) return;
            var d = dialog('qcp-sheet', '<div class="qcp-handle"></div><div class="qcp-head"><span class="qcp-icon" style="display:grid;place-items:center;color:var(--on)">' + ICON.bell + '</span><div><div class="qcp-name">' + esc(app.name) + '</div><div class="qcp-host">' + esc(app.host) + '</div></div></div><div class="qcp-title">' + esc(P.title) + '</div><p class="qcp-text">' + esc(P.text) + '</p><div class="qcp-row"><button type="button" class="qcp-btn qcp-primary" data-act="allow">' + ICON.bell + esc(t('push_allow')) + '</button><button type="button" class="qcp-btn qcp-ghost" data-act="no">' + esc(t('push_later')) + '</button></div>', function (reason) { if (reason === 'dismiss') save({ pushSnooze: Date.now() + 30 * 864e5 }); });
            d.el.addEventListener('click', function (e) {
                var b = e.target.closest('[data-act]');
                if (!b) return;
                if (b.getAttribute('data-act') === 'no') return d.close('dismiss');
                d.close('allow');
                if (preview) return;
                Notification.requestPermission().then(function (p) { if (p === 'granted') syncPush(true); else save({ pushSnooze: Date.now() + 90 * 864e5 }); });
            });
        }, preview ? 300 : 12000);
    }

    function key(base64) {
        var pad = '='.repeat((4 - base64.length % 4) % 4);
        var raw = atob((base64 + pad).replace(/-/g, '+').replace(/_/g, '/'));
        var out = new Uint8Array(raw.length);
        for (var i = 0; i < raw.length; i++) out[i] = raw.charCodeAt(i);
        return out;
    }

    function device() {
        var os = ios ? (ipad ? 'iPad' : 'iPhone') : android ? 'Android' : /Windows/.test(ua) ? 'Windows' : /Mac/.test(ua) ? 'Mac' : /Linux/.test(ua) ? 'Linux' : 'Other';
        var br = /Edg\//.test(ua) ? 'Edge' : /SamsungBrowser/.test(ua) ? 'Samsung' : /OPR\//.test(ua) ? 'Opera' : /Firefox|FxiOS/.test(ua) ? 'Firefox' : /Chrome|CriOS/.test(ua) ? 'Chrome' : /Safari/.test(ua) ? 'Safari' : 'Browser';
        return os + ' · ' + br;
    }

    function post(url, body) {
        var cookie = (document.cookie.match(/(?:^|; )XSRF-TOKEN=([^;]+)/) || [])[1];
        var token = (document.querySelector('meta[name="csrf-token"]') || {}).content;
        var headers = { 'Content-Type': 'application/json', 'Accept': 'application/json', 'X-Requested-With': 'XMLHttpRequest' };
        if (token) headers['X-CSRF-TOKEN'] = token; else if (cookie) headers['X-XSRF-TOKEN'] = decodeURIComponent(cookie);
        return fetch(url, { method: 'POST', credentials: 'same-origin', headers: headers, body: JSON.stringify(body) }).then(function (r) { return r.ok; }).catch(function () { return false; });
    }

    /* ---------------- start ---------------- */
    addEventListener('beforeinstallprompt', function (e) {
        if (!I) return;
        e.preventDefault();
        deferred = e;
    });
    addEventListener('appinstalled', function () {
        save({ installed: true });
        track('installed');
        layers.slice().forEach(unmount);
    });

    document.addEventListener('visibilitychange', function () {
        if (document.visibilityState === 'hidden') { hiddenAt = Date.now(); return; }
        if (navigator.clearAppBadge) navigator.clearAppBadge().catch(function () {});
        if (standalone()) checkRelease(Date.now() - hiddenAt > 60000);
        hiddenAt = 0;
    });
    addEventListener('pageshow', function (e) { if (e.persisted && standalone()) checkRelease(true); });
    setInterval(function () { if (document.visibilityState === 'visible' && standalone()) checkRelease(true); }, 30 * 60000);

    /* central template moves between pages without reloading (wire:navigate) */
    document.addEventListener('livewire:navigated', function () {
        if (navigator.serviceWorker && navigator.serviceWorker.controller) readLater(navigator.serviceWorker.controller);
    });

    window.qcPwa = {
        invite: function () { invite(true); },
        guide: guide,
        moment: function () { dispatchEvent(new Event('qc:pwa-moment')); }
    };

    function start() {
        worker().then(function () { syncPush(false); });
        try {
            var offline = +localStorage.getItem('qcpwa:offline') || 0;
            if (offline) { localStorage.removeItem('qcpwa:offline'); for (var i = 0; i < Math.min(offline, 5); i++) track('offline'); }
        } catch (e) {}
        if (standalone()) {
            if (!state().standaloneDay || state().standaloneDay !== day()) { save({ standaloneDay: day(), installed: true }); track('standalone'); }
            if (navigator.clearAppBadge) navigator.clearAppBadge().catch(function () {});
        }

        if (preview) {
            if (preview === 'update') return showUpdate();
            if (preview === 'push') { P = P || { title: t('push_preview_title'), text: t('push_preview_text'), ask: 'always', key: '', subscribeUrl: '' }; return askPush(); }
            if (!I) return;
            if (['ios', 'inapp', 'menu'].indexOf(preview) > -1) return guide(preview);
            return setTimeout(function () { invite(true); }, 400);
        }

        schedule();
        askPush();
    }

    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start); else start();
})();