/* ==========================================================================
 * WG NAV — chuyển trang kiểu SPA cho các trang đã đăng ký, vẫn là PHP như cũ
 * --------------------------------------------------------------------------
 * • Chỉ chạy trên trang có #wgView[data-wg-page] (PHP đặt $wg_view trước khi
 *   nạp inc/head.php). Trang khác không nạp file này → hoạt động y như trước.
 * • Bấm link nội bộ thuộc ROUTES: tải trang đó bằng fetch (vẫn là HTML đầy đủ
 *   do PHP render), chỉ thay phần #wgView + vài ô header cần cập nhật, đổi URL
 *   bằng history.pushState. Header, sidebar, footer, popup... giữ nguyên.
 * • KHÔNG chạy <script> trong HTML tải về: trang nào cần JS thì đăng ký module
 *   bằng WGNav.page(tên, fn) trong /cdn/js/pages/*.js. Trang tải về mà còn
 *   <script> nhúng → mở trang như bình thường cho chắc.
 * • Có gì bất thường (lỗi HTTP, chuyển hướng ra trang khác, phiên đổi, trang
 *   chưa hỗ trợ...) → quay về điều hướng thường: location.assign(url).
 * • Lưu ý: Apache xử lý .js bằng PHP (AddHandler) — file này không được chứa
 *   chuỗi mở thẻ PHP.
 *
 * THÊM MỘT TRANG
 *   1. Trang chỉ đọc hoặc chỉ có form GET; không đăng nhập/thanh toán/upload.
 *   2. PHP, trước require head.php:  $wg_view = 'ten';  (và nếu có JS:
 *      $wg_view_js = '/cdn/js/pages/ten.js?v=' . filemtime(...);)
 *   3. Chuyển hết <script> nhúng trong nội dung sang cdn/js/pages/ten.js:
 *        WGNav.page('ten', function (root, ctx) {
 *            ctx.on(root, 'click', '.nut', fn);   // tự gỡ khi rời trang
 *            ctx.interval(fn, 1000);              // tự clearInterval
 *            ctx.cleanup(function () { ... });     // dọn thứ khác (tooltip...)
 *        });
 *   4. Thêm đường dẫn vào ROUTES bên dưới, kiểm thử rồi mới mở rộng tiếp.
 *   Trang riêng tư hơn (số dư, đơn hàng) đặt $wg_view_cache = 'no'.
 * ========================================================================== */
(function (win, doc) {
    'use strict';

    /* Các trang đã chuyển sang cơ chế này — mở rộng dần theo từng nhóm */
    var ROUTES = [
        /^\/$/, /^\/index\.php$/,                         // trang chủ
        /^\/topnap\/?$/,
        /^\/blog\/?$/,                                     // danh sách blog (trang đọc bài chưa hỗ trợ)
        /^\/game\/?$/, /^\/game\/index\.php$/,             // danh sách game (sản phẩm chưa hỗ trợ)
        /^\/game\/[a-zA-Z0-9_-]+$/,                        // danh mục (admin tự về tải trang thường)
        /^\/notification$/,
        /^\/point\/?$/, /^\/point\/index\.php$/,
        /^\/account\/profile\/(biendong|transactions)$/   // 2 tab chỉ đọc của khu tài khoản
    ];
    /* Không bao giờ AJAX hoá dù có lỡ thêm vào ROUTES: đăng nhập/đăng xuất,
       thanh toán, nạp tiền, upload, OAuth, admin, API... */
    var DENY = /^\/(logout|dangxuat|dangnhap|dangky|dangky-baotri|login|google|gg|fb|flogin|gglogin|discord_login|login_discord|verify|verification|recharge|nap|cart|order|orders|upload|adminpanel|admin|api|system|cdn|ajax|AI)(\/|\.|$)/i;

    /* POST chỉ đọc dữ liệu — không làm cũ cache trang (các POST khác đều bỏ cache) */
    var READ_ONLY = /\/(system\/notify|system\/unread_notify|system\/game\/comment\.load|game\/cart\.php|cdn\/ajax\/search_ajax\.php|account\/fetch_order\.php|point\/load-more\.php)(\?|$)/;

    var CACHE_MAX  = 12;       // số trang giữ trong bộ nhớ
    var FRESH_MS   = 15000;    // bấm link: dùng lại bản tải trước (prefetch) trong 15s
    var BACK_MS    = 180000;   // Back/Forward: dùng bản đã tải trong 3 phút
    var TIMEOUT_MS = 12000;
    var BUSY_MS    = 120;      // chưa có dữ liệu sau 120ms mới làm mờ nội dung

    var pages   = {};          // tên trang -> hàm mount
    var current = null;        // { name, ctx, cleanup }
    var scripts = {};          // src đã nạp -> Promise

    /* ---------------------------------------------------------------
     * Module trang: WGNav.page('ten', function (root, ctx) { ... })
     * ctx.on / ctx.timeout / ctx.interval / ctx.cleanup tự gỡ khi rời trang
     * --------------------------------------------------------------- */
    function makeCtx(root) {
        var fns  = [];
        var ctrl = win.AbortController ? new AbortController() : null;
        var ctx  = {
            root: root,
            alive: true,
            signal: ctrl ? ctrl.signal : undefined,
            cleanup: function (fn) { fns.push(fn); },
            on: function (target, type, sel, fn, opt) {
                if (typeof sel === 'function') { opt = fn; fn = sel; sel = null; }
                var h = sel ? function (ev) {
                    var m = ev.target && ev.target.closest ? ev.target.closest(sel) : null;
                    if (m && root.contains(m)) fn.call(m, ev, m);
                } : fn;
                target.addEventListener(type, h, opt || false);
                fns.push(function () { target.removeEventListener(type, h, opt || false); });
            },
            timeout: function (fn, ms) {
                var t = setTimeout(fn, ms);
                fns.push(function () { clearTimeout(t); });
                return t;
            },
            interval: function (fn, ms) {
                var t = setInterval(fn, ms);
                fns.push(function () { clearInterval(t); });
                return t;
            },
            /* Nạp thư viện ngoài; resolve sau khi rời trang thì coi như huỷ */
            load: function (src) {
                return loadScript(src).then(function () {
                    if (!ctx.alive) throw new Error('unmounted');
                });
            }
        };
        ctx._destroy = function () {
            ctx.alive = false;
            if (ctrl) ctrl.abort();
            while (fns.length) {
                try { fns.pop()(); } catch (e) { if (win.console) console.error(e); }
            }
        };
        return ctx;
    }

    function viewEl() { return doc.getElementById('wgView'); }

    function mount() {
        var v = viewEl();
        var name = v && v.getAttribute('data-wg-page');
        if (!name || !pages[name] || (current && current.name === name)) return;
        var ctx = makeCtx(v), cleanup = null;
        try { cleanup = pages[name](v, ctx); } catch (e) { if (win.console) console.error(e); }
        current = { name: name, ctx: ctx, cleanup: typeof cleanup === 'function' ? cleanup : null };
    }

    function unmount() {
        if (!current) return;
        var c = current;
        current = null;
        if (c.cleanup) { try { c.cleanup(); } catch (e) { if (win.console) console.error(e); } }
        c.ctx._destroy();
    }

    /* Chỉ nạp script từ thư mục /cdn/js/ của site hoặc cdnjs — không nạp src lạ */
    function scriptAllowed(src) {
        try {
            var u = new URL(src, location.href);
            if (u.origin === location.origin) return u.pathname.indexOf('/cdn/js/') === 0;
            return u.origin === 'https://cdnjs.cloudflare.com' && u.pathname.indexOf('/ajax/libs/') === 0;
        } catch (e) { return false; }
    }

    function loadScript(src) {
        var abs = new URL(src, location.href).href;
        if (scripts[abs]) return scripts[abs];
        if (!scriptAllowed(abs)) return Promise.reject(new Error('script not allowed: ' + abs));
        /* Đã có thẻ <script> này từ lúc tải trang đầy đủ (vd module trang ở foot.php) */
        var had = Array.prototype.some.call(doc.querySelectorAll('script[src]'), function (s) { return s.src === abs; });
        if (had) return (scripts[abs] = Promise.resolve());
        scripts[abs] = new Promise(function (resolve, reject) {
            var s = doc.createElement('script');
            s.src = abs;
            s.async = false;
            s.onload = resolve;
            s.onerror = function () { delete scripts[abs]; reject(new Error('load ' + abs)); };
            doc.body.appendChild(s);
        });
        return scripts[abs];
    }

    var WGNav = win.WGNav = {
        page: function (name, fn) {
            pages[name] = fn;
            if (doc.readyState === 'loading') doc.addEventListener('DOMContentLoaded', mount);
            else mount();
        },
        load: loadScript,
        invalidate: function () { cache.clear(); },
        navigate: function (url) { location.assign(url); },
        scope: ''
    };

    var cache = { m: [], clear: function () { this.m = []; } };   // thay sau nếu trình duyệt đủ tính năng

    /* Trình duyệt cũ: module vẫn chạy một lần khi tải trang, link là link thường */
    if (!(win.fetch && win.DOMParser && win.Promise && win.URL && history.pushState &&
          Element.prototype.closest && 'content' in doc.createElement('template'))) return;

    var v0 = viewEl();
    if (!v0 || !v0.getAttribute('data-wg-page')) return;

    var SCOPE = (doc.querySelector('meta[name="wg-scope"]') || {}).content || '';
    WGNav.scope = SCOPE;

    /* ---------------- URL ---------------- */
    function norm(u) {        // khoá trang: path (bỏ / cuối) + query, bỏ #hash
        return (u.pathname.replace(/\/+$/, '') || '/') + u.search;
    }
    function routable(u) {
        if (u.origin !== location.origin || !/^https?:$/.test(u.protocol)) return false;
        if (DENY.test(u.pathname)) return false;
        for (var i = 0; i < ROUTES.length; i++) if (ROUTES[i].test(u.pathname)) return true;
        return false;
    }

    /* ---------------- Cache (chỉ trong bộ nhớ tab, khoá kèm phạm vi phiên) ---------------- */
    cache = {
        m: [],                                      // [{key, e}] — mới dùng ở cuối
        key: function (u) { return SCOPE + '|' + norm(u); },
        get: function (u, maxAge) {
            var k = this.key(u);
            for (var i = 0; i < this.m.length; i++) {
                if (this.m[i].key !== k) continue;
                var hit = this.m.splice(i, 1)[0];
                if (Date.now() - hit.e.time > BACK_MS) return null;   // quá hạn thì bỏ luôn
                this.m.push(hit);
                return Date.now() - hit.e.time <= maxAge ? hit.e : null;
            }
            return null;
        },
        put: function (u, e) {
            if (e.nocache) return;
            var k = this.key(u);
            this.m = this.m.filter(function (x) { return x.key !== k; });
            this.m.push({ key: k, e: e });
            while (this.m.length > CACHE_MAX) this.m.shift();
        },
        clear: function () { this.m = []; }
    };

    /* ---------------- Tải + kiểm tra trang ---------------- */
    function Fail(kind, url) { this.kind = kind; this.url = url; }

    var inflight = {};

    function fetchPage(u) {
        var k = cache.key(u);
        if (inflight[k]) return inflight[k];

        var ctrl  = win.AbortController ? new AbortController() : null;
        var timer = setTimeout(function () { if (ctrl) ctrl.abort(); }, TIMEOUT_MS);

        var p = fetch(u.href, {
            credentials: 'same-origin',
            headers: { 'X-WG-Nav': '1', 'Accept': 'text/html' },
            signal: ctrl ? ctrl.signal : undefined
        }).then(function (r) {
            var fin = new URL(r.url || u.href);
            fin.hash = u.hash;
            if (!r.ok) throw new Fail('status', fin.href);
            var ct = r.headers.get('content-type') || '';
            if (ct && ct.indexOf('text/html') < 0) throw new Fail('type', fin.href);
            /* Bị chuyển hướng sang trang không thuộc nhóm (vd hết phiên → /dangnhap) */
            if (!routable(fin)) throw new Fail('redirect', fin.href);
            return r.text().then(function (html) { return parse(html, fin); }, function () {
                throw new Fail('net', u.href);                       // đứt kết nối / quá giờ khi đang tải
            });
        }, function () {
            throw new Fail('net', u.href);
        });

        inflight[k] = p;
        var done = function () { clearTimeout(timer); delete inflight[k]; };
        p.then(done, done);
        return p;
    }

    function parse(html, fin) {
        var d = new DOMParser().parseFromString(html, 'text/html');
        var v = d.getElementById('wgView');
        var name = v && v.getAttribute('data-wg-page');
        if (!name) throw new Fail('page', fin.href);                 // trang chưa hỗ trợ

        var sc = d.querySelector('meta[name="wg-scope"]');
        if (!sc || sc.content !== SCOPE) {                           // đăng nhập/đăng xuất ở tab khác...
            cache.clear();
            throw new Fail('scope', fin.href);
        }
        /* Còn script nhúng nghĩa là trang vẫn cần chạy JS theo kiểu cũ */
        if (v.querySelector('script:not([type="application/ld+json"])')) throw new Fail('script', fin.href);

        var sync = {};
        Array.prototype.forEach.call(d.querySelectorAll('[data-wg-sync]'), function (el) {
            sync[el.getAttribute('data-wg-sync')] = el.innerHTML;
        });
        var desc = d.querySelector('meta[name="description"]');

        var e = {
            url: fin.href,
            time: Date.now(),
            title: d.title,
            desc: desc ? desc.getAttribute('content') : null,
            attrs: {
                'data-wg-page': name,
                'data-wg-js': v.getAttribute('data-wg-js'),
                'data-wg-cache': v.getAttribute('data-wg-cache')
            },
            nocache: v.getAttribute('data-wg-cache') === 'no',
            html: v.innerHTML,
            sync: sync
        };
        cache.put(fin, e);
        return e;
    }

    /* ---------------- CSS của trang ----------------
       <link rel=stylesheet> trong nội dung được kéo lên <head> và chờ tải xong
       trước khi thay, tránh nháy trang chưa có CSS. */
    function cssReady(frag, base) {
        var want = [], waits = [];
        Array.prototype.forEach.call(frag.querySelectorAll('link[rel~="stylesheet"]'), function (l) {
            var href = new URL(l.getAttribute('href'), base).href;
            l.parentNode.removeChild(l);
            want.push(href);
            var have = doc.querySelector('head link[data-wg-css][href="' + href.replace(/"/g, '\\"') + '"]');
            if (have) return;
            var n = doc.createElement('link');
            n.rel = 'stylesheet';
            n.href = href;
            n.setAttribute('data-wg-css', '');
            waits.push(new Promise(function (r) {
                n.onload = n.onerror = r;
                setTimeout(r, 3000);
            }));
            doc.head.appendChild(n);
        });
        return Promise.all(waits).then(function () { return want; });
    }
    function cssPrune(want) {
        Array.prototype.forEach.call(doc.querySelectorAll('head link[data-wg-css]'), function (l) {
            if (want.indexOf(l.href) < 0) l.parentNode.removeChild(l);
        });
    }

    /* ---------------- Giao diện chờ / thông báo ---------------- */
    var style = doc.createElement('style');
    style.textContent =
        '#wgView{transition:opacity .18s ease}' +
        '#wgView:focus{outline:none}' +
        'header.head .dropdown.wg-dd-hold>.dropdown-menu{display:none!important}' +
        '#wgView.wg-nav-busy{opacity:.55;pointer-events:none}' +
        '#wgView.wg-nav-in{animation:wgNavIn .18s ease}' +
        '@keyframes wgNavIn{from{opacity:.55}}' +
        '#wgNavBar{position:fixed;left:0;top:0;height:2px;width:0;z-index:3000;background:var(--wg-blue,#1668ff);opacity:0;pointer-events:none;transition:width .4s ease,opacity .2s ease}' +
        '#wgNavBar.on{opacity:1;width:70%;transition:width 8s cubic-bezier(.1,.6,.2,1),opacity .1s}' +
        '#wgNavBar.end{opacity:0;width:100%;transition:width .15s ease,opacity .25s ease .1s}' +
        '@media(prefers-reduced-motion:reduce){#wgView,#wgNavBar{transition:none}#wgView.wg-nav-in{animation:none}}';
    doc.head.appendChild(style);

    var bar = doc.createElement('div');
    bar.id = 'wgNavBar';
    bar.setAttribute('aria-hidden', 'true');
    doc.body.appendChild(bar);

    var live = doc.createElement('div');
    live.setAttribute('aria-live', 'polite');
    live.setAttribute('aria-atomic', 'true');
    live.style.cssText = 'position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0';
    doc.body.appendChild(live);

    var busyTimer = null;
    function busy(on) {
        var v = viewEl();
        clearTimeout(busyTimer);
        if (on) {
            busyTimer = setTimeout(function () {
                v.classList.add('wg-nav-busy');
                v.setAttribute('aria-busy', 'true');
                bar.className = '';
                void bar.offsetWidth;
                bar.className = 'on';
            }, BUSY_MS);
            return;
        }
        var was = v.classList.contains('wg-nav-busy');
        v.classList.remove('wg-nav-busy');
        v.removeAttribute('aria-busy');
        if (bar.className === 'on') bar.className = 'end';
        return was;
    }

    function notify(msg) {
        if (win.toastr && toastr.error) toastr.error(msg);
        else win.alert(msg);
    }

    /* Đóng các lớp nổi đang mở trước khi đổi nội dung */
    function closeOverlays() {
        var $ = win.jQuery;
        var sb = doc.getElementById('sidebar');
        if (sb && sb.classList.contains('active')) {
            var dis = doc.getElementById('dismiss');
            if (dis) dis.click();
        }
        var sm = doc.getElementById('wgSearchModal');
        if (sm && sm.classList.contains('open')) {
            var cl = doc.getElementById('wgSmClose');
            if (cl) cl.click();
        }
        /* Menu header mở bằng :hover — chuột vẫn nằm trên menu sau khi bấm nên phải
           tạm ẩn tới khi chuột rời đi, nếu không menu che mất trang vừa mở */
        Array.prototype.forEach.call(doc.querySelectorAll('header.head .dropdown'), function (d) {
            if (!d.matches(':hover')) return;
            d.classList.add('wg-dd-hold');
            d.addEventListener('mouseleave', function off() {
                d.classList.remove('wg-dd-hold');
                d.removeEventListener('mouseleave', off);
            });
        });
        if ($) {
            $('header.head .dropdown.open').removeClass('open');
            if ($.fn.modal) $('.modal.in').modal('hide');
            $('.tooltip, .popover').remove();
        }
        if (win.Swal && Swal.isVisible && Swal.isVisible()) Swal.close();
        Array.prototype.forEach.call(doc.querySelectorAll('.modal-backdrop'), function (b) { b.parentNode.removeChild(b); });
        doc.body.classList.remove('modal-open');
    }

    /* Các ô header/sidebar có data-wg-sync: cập nhật số dư, giỏ hàng, thông báo */
    function syncParts(sync) {
        Array.prototype.forEach.call(doc.querySelectorAll('[data-wg-sync]'), function (el) {
            var s = sync[el.getAttribute('data-wg-sync')];
            if (typeof s === 'string' && el.innerHTML !== s) el.innerHTML = s;
        });
        if (win.wgMarkNav) win.wgMarkNav();
    }

    /* ---------------- Thay nội dung ---------------- */
    var shownKey = norm(new URL(location.href));
    var seq = 0;

    function saveScroll() {
        var st = history.state && typeof history.state === 'object' ? history.state : {};
        var ns = {};
        for (var k in st) if (Object.prototype.hasOwnProperty.call(st, k)) ns[k] = st[k];
        ns.wg = 1;
        ns.scroll = win.pageYOffset || doc.documentElement.scrollTop || 0;
        try { history.replaceState(ns, '', location.href); } catch (e) {}
    }

    function swap(e, mode, scrollY) {
        var v = viewEl();
        var fin = new URL(e.url);
        var tpl = doc.createElement('template');
        tpl.innerHTML = e.html;
        var frag = tpl.content;
        /* Phòng thủ thêm: không bao giờ chèn script từ HTML tải về */
        Array.prototype.forEach.call(frag.querySelectorAll('script:not([type="application/ld+json"])'), function (s) {
            s.parentNode.removeChild(s);
        });

        return cssReady(frag, fin.href).then(function (want) {
            if (mode.seq !== seq) return false;              // đã có lần chuyển mới hơn

            unmount();
            closeOverlays();

            /* Đổi URL TRƯỚC khi chèn để link/ảnh tương đối tính theo trang mới */
            if (mode.push) history.pushState({ wg: 1, scroll: 0 }, '', fin.href);
            else if (mode.replace) history.replaceState({ wg: 1, scroll: 0 }, '', fin.href);
            shownKey = norm(fin);

            if (e.title) doc.title = e.title;
            var md = doc.querySelector('meta[name="description"]');
            if (md && e.desc !== null) md.setAttribute('content', e.desc);

            for (var a in e.attrs) {
                if (e.attrs[a] === null) v.removeAttribute(a);
                else v.setAttribute(a, e.attrs[a]);
            }

            if (win.jQuery) win.jQuery(v).empty();           // jQuery dọn data/sự kiện của nội dung cũ
            else while (v.firstChild) v.removeChild(v.firstChild);
            v.appendChild(doc.importNode(frag, true));
            cssPrune(want);

            syncParts(e.sync);

            var waited = busy(false);
            if (waited) {
                v.classList.remove('wg-nav-in');
                void v.offsetWidth;
                v.classList.add('wg-nav-in');
            }

            /* Cuộn: Back/Forward về đúng chỗ cũ, link mới lên đầu hoặc tới #hash */
            var target = fin.hash && doc.getElementById(decodeURIComponent(fin.hash.slice(1)));
            if (typeof scrollY === 'number') win.scrollTo(0, scrollY);
            else if (target) target.scrollIntoView();
            else win.scrollTo(0, 0);

            /* Focus + đọc tên trang mới cho trình đọc màn hình */
            if (!v.hasAttribute('tabindex')) v.setAttribute('tabindex', '-1');
            try { v.focus({ preventScroll: true }); } catch (x) { v.focus(); }
            live.textContent = 'Đã mở trang ' + (e.title || '');

            var js = v.getAttribute('data-wg-js');
            if (js) loadScript(js).then(mount, function (err) {
                if (win.console) console.error(err);
                location.reload();                         // thiếu JS của trang → tải lại hẳn cho đúng
            });
            else mount();

            doc.dispatchEvent(new CustomEvent('wg:navigated', { detail: { url: fin.href, page: e.attrs['data-wg-page'] } }));
            return true;
        });
    }

    /* Từ lần chuyển SPA đầu tiên, tự khôi phục vị trí cuộn khi Back/Forward.
       Trước đó (và khi rời/tải lại trang) để 'auto' cho trình duyệt tự làm như cũ. */
    var manual = false;
    function manualScroll() {
        if (manual || !('scrollRestoration' in history)) return;
        manual = true;
        history.scrollRestoration = 'manual';
        win.addEventListener('pagehide', function () { saveScroll(); history.scrollRestoration = 'auto'; });
        win.addEventListener('pageshow', function (ev) { if (ev.persisted) history.scrollRestoration = 'manual'; });
    }

    /* mode: {push|replace|pop}; scrollY chỉ có khi Back/Forward */
    function go(u, mode, scrollY) {
        var my = ++seq;
        mode.seq = my;
        manualScroll();

        /* Lỗi bất ngờ khi thay nội dung → điều hướng thường, không để trang kẹt */
        function broken(err) {
            if (win.console) console.error(err);
            if (my === seq) location.assign(u.href);
            return false;
        }

        var e = cache.get(u, mode.pop ? BACK_MS : FRESH_MS);
        if (e) return swap(e, mode, scrollY).then(null, broken);

        busy(true);
        return fetchPage(u).then(function (n) {
            if (my !== seq) return false;
            return swap(n, mode, scrollY);
        }, function (f) {
            if (my !== seq) return false;
            busy(false);
            if (!(f instanceof Fail)) { if (win.console) console.error(f); f = new Fail('error', u.href); }
            if (f.kind === 'net') {
                if (mode.pop) { location.reload(); return false; }   // URL đã đổi → tải lại cho khớp
                notify('Không tải được trang. Vui lòng kiểm tra kết nối mạng rồi thử lại.');
                return false;
            }
            location.assign(f.url);                                  // điều hướng thường
            return false;
        }).then(null, broken);
    }

    /* ---------------- Bắt sự kiện ---------------- */
    function linkTarget(ev) {
        if (ev.defaultPrevented || ev.button !== 0 || ev.metaKey || ev.ctrlKey || ev.shiftKey || ev.altKey) return null;
        var a = ev.target && ev.target.closest ? ev.target.closest('a[href]') : null;
        if (!a || a.hasAttribute('download') || a.hasAttribute('data-toggle')) return null;
        if (a.target && a.target !== '_self') return null;
        if (/(^|\s)external(\s|$)/.test(a.getAttribute('rel') || '')) return null;
        if (a.closest('[data-wg-nav="off"]')) return null;
        var href = a.getAttribute('href');
        if (!href || href.charAt(0) === '#' || /^\s*javascript:/i.test(href)) return null;
        var u;
        try { u = new URL(a.href, location.href); } catch (e) { return null; }
        if (!routable(u)) return null;
        return u;
    }

    /* Gắn ở window (pha nổi bọt) để thấy được preventDefault của handler khác */
    win.addEventListener('click', function (ev) {
        var u = linkTarget(ev);
        if (!u) return;
        var here = new URL(location.href);
        if (norm(u) === shownKey && u.hash && u.hash !== here.hash) return;   // chỉ đổi #hash
        ev.preventDefault();
        saveScroll();
        if (norm(u) === shownKey) {                // bấm lại trang đang xem = tải mới, không thêm lịch sử
            cache.m = cache.m.filter(function (x) { return x.key !== cache.key(u); });
            go(u, { replace: true });
        } else {
            go(u, { push: true });
        }
    });

    /* Tải trước khi nhấn chuột xuống (~100ms trước click) — không prefetch khi rê
       chuột hay chạm (chạm có thể chỉ là cuộn), tránh tải thừa */
    win.addEventListener('mousedown', function (ev) {
        var u = linkTarget(ev);
        if (!u || norm(u) === shownKey) return;
        var c = navigator.connection;
        if (c && c.saveData) return;
        if (!cache.get(u, FRESH_MS)) fetchPage(u).then(null, function () {});
    }, { passive: true });

    /* Form GET (tìm kiếm, lọc) thuộc nhóm trang = điều hướng tới URL kèm query.
       Form POST không đụng tới — chỉ xoá cache vì dữ liệu sắp thay đổi. */
    win.addEventListener('submit', function (ev) {
        var f = ev.target;
        if (!f || f.tagName !== 'FORM') return;
        var method = (f.getAttribute('method') || 'get').toLowerCase();
        if (method !== 'get') {
            /* Form POST gửi thật (không bị JS chặn để xử lý AJAX): giữ nguyên cách gửi
               của trình duyệt, chỉ chặn bấm lần 2 trong lúc trang đang chuyển đi */
            if (!ev.defaultPrevented && !(f.target && f.target !== '_self')) {
                if (f.getAttribute('data-wg-sent')) { ev.preventDefault(); return; }
                f.setAttribute('data-wg-sent', '1');
            }
            cache.clear();
            return;
        }
        if (ev.defaultPrevented || (f.target && f.target !== '_self') || f.closest('[data-wg-nav="off"]')) return;
        var u;
        try { u = new URL(f.getAttribute('action') || location.href, location.href); } catch (e) { return; }
        if (!routable(u)) return;
        var fd = new FormData(f), q = [], file = false;
        if (ev.submitter && ev.submitter.name) fd.append(ev.submitter.name, ev.submitter.value || '');
        fd.forEach(function (val, key) {
            if (typeof val !== 'string') { file = true; return; }
            q.push(encodeURIComponent(key) + '=' + encodeURIComponent(val));
        });
        if (file) return;
        u.search = q.length ? '?' + q.join('&').replace(/%20/g, '+') : '';
        u.hash = '';
        ev.preventDefault();
        saveScroll();
        go(u, norm(u) === shownKey ? { replace: true } : { push: true });
    });

    /* Back về trang từ bfcache: form POST đã gửi trước đó phải gửi lại được */
    win.addEventListener('pageshow', function (ev) {
        if (!ev.persisted) return;
        Array.prototype.forEach.call(doc.querySelectorAll('form[data-wg-sent]'), function (f) {
            f.removeAttribute('data-wg-sent');
        });
    });

    /* Quay lại tab sau khi rời đi (có thể vừa mua hàng, đăng xuất ở tab khác...)
       → bỏ cache, lần chuyển trang sau hỏi lại máy chủ */
    doc.addEventListener('visibilitychange', function () {
        if (doc.visibilityState === 'visible') cache.clear();
    });

    /* AJAX ghi dữ liệu (POST...) qua jQuery → bỏ cache để lần sau lấy bản mới */
    if (win.jQuery) {
        win.jQuery(doc).ajaxSend(function (ev, xhr, s) {
            if (String(s.type || s.method || 'GET').toUpperCase() !== 'GET' && !READ_ONLY.test(s.url || '')) cache.clear();
        });
    }

    win.addEventListener('popstate', function (ev) {
        var u = new URL(location.href);
        if (norm(u) === shownKey) {                // chỉ khác #hash, hoặc Back rồi Forward về đúng trang đang hiện
            seq++;                                 // huỷ lượt chuyển đang chờ (nếu có) để nội dung khớp URL
            busy(false);
            return;
        }
        if (!routable(u)) { location.reload(); return; }
        var st = ev.state;
        go(u, { pop: true }, st && typeof st.scroll === 'number' ? st.scroll : 0);
    });

    /* Bản đang hiển thị lúc tải trang: lưu lại để Back về là có ngay */
    (function () {
        var st = history.state && typeof history.state === 'object' ? history.state : null;
        if (!st || !st.wg) saveScroll();
        var e = {
            url: location.href, time: Date.now(), title: doc.title, desc: null,
            attrs: {
                'data-wg-page': v0.getAttribute('data-wg-page'),
                'data-wg-js': v0.getAttribute('data-wg-js'),
                'data-wg-cache': v0.getAttribute('data-wg-cache')
            },
            nocache: v0.getAttribute('data-wg-cache') === 'no',
            html: v0.innerHTML, sync: {}
        };
        var md = doc.querySelector('meta[name="description"]');
        e.desc = md ? md.getAttribute('content') : null;
        Array.prototype.forEach.call(doc.querySelectorAll('[data-wg-sync]'), function (el) {
            e.sync[el.getAttribute('data-wg-sync')] = el.innerHTML;
        });
        /* CSS trong nội dung ban đầu: ghi nhận để lần thay sau không tải lại */
        Array.prototype.forEach.call(v0.querySelectorAll('link[rel~="stylesheet"]'), function (l) {
            var n = doc.createElement('link');
            n.rel = 'stylesheet';
            n.href = l.href;
            n.setAttribute('data-wg-css', '');
            doc.head.appendChild(n);
        });
        cache.put(new URL(location.href), e);
    })();

    mount();
})(window, document);