// ============================================================
// 二维码灯箱弹窗（通用版，支持菜单/页脚/任意链接触发）
// ============================================================
add_action('wp_footer', function() {
    ?>
    <div data-rocket-location-hash="aa929ddcff0b200085d91f32b1f62fc2" id="qrcode-lightbox" style="display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:99999;justify-content:center;align-items:center;">
        <div data-rocket-location-hash="c5ffaef437a30c9958163ff8f5f22318" style="background:#fff;padding:25px;border-radius:10px;text-align:center;position:relative;max-width:340px;width:90%;">
            <span id="qrcode-lightbox-close" style="position:absolute;top:8px;right:14px;font-size:24px;cursor:pointer;color:#999;line-height:1;">&times;</span>
            <h3 id="qrcode-lightbox-title" style="margin:0 0 15px;font-size:18px;color:#333;">扫码关注</h3>
            <img decoding="async" id="qrcode-lightbox-img" src="" alt="二维码" style="width:260px;height:260px;object-fit:contain;border:1px solid #eee;border-radius:6px;">
            <p id="qrcode-lightbox-desc" style="margin:12px 0 0;font-size:14px;color:#666;"></p>
        </div>
    </div>
    <style>
        #qrcode-lightbox.active { display: flex !important; }
        /* 菜单里的二维码链接去掉默认样式 */
        .menu-qrcode-wechat a, .menu-qrcode-gzh a { cursor: pointer; }
    </style>
    <script>
    (function() {
        var lightbox = document.getElementById('qrcode-lightbox');
        var img = document.getElementById('qrcode-lightbox-img');
        var title = document.getElementById('qrcode-lightbox-title');
        var desc = document.getElementById('qrcode-lightbox-desc');
        var closeBtn = document.getElementById('qrcode-lightbox-close');

        // 二维码配置表：class → 图片/标题/说明
        var qrcodeMap = {
            'menu-qrcode-gzh': {
                src: '/wp-content/uploads/pub/gzh.jpg',
                title: '扫码关注公众号',
                desc: '公众号：s_noni（诺丽王）'
            },
            'menu-qrcode-wechat': {
                src: 'https://www.noni.net.cn/wp-content/uploads/pub/2wm/wecah9699.jpg',
                title: '扫码添加微信',
                desc: '微信号：wecah9699'
            }
        };

        function openLightbox(src, t, d) {
            img.src = src;
            title.textContent = t || '扫码关注';
            desc.textContent = d || '';
            lightbox.classList.add('active');
        }

        // 1. 菜单点击拦截
        document.addEventListener('click', function(e) {
            var li = e.target.closest('li');
            if (!li) return;
            for (var cls in qrcodeMap) {
                if (li.classList.contains(cls)) {
                    e.preventDefault();
                    var cfg = qrcodeMap[cls];
                    openLightbox(cfg.src, cfg.title, cfg.desc);
                    return;
                }
            }
        });

        // 2. 页脚公众号二维码链接（原有功能）
        document.addEventListener('click', function(e) {
            var target = e.target.closest('a');
            if (target && target.getAttribute('href') === '/wp-content/uploads/pub/gzh.jpg') {
                e.preventDefault();
                openLightbox('/wp-content/uploads/pub/gzh.jpg', '扫码关注公众号', '公众号：s_noni（诺丽王）');
            }
        });

        // 3. 带 data-qrcode 属性的任意链接
        document.addEventListener('click', function(e) {
            var target = e.target.closest('[data-qrcode]');
            if (target) {
                e.preventDefault();
                openLightbox(
                    target.getAttribute('data-qrcode'),
                    target.getAttribute('data-qtitle') || '扫码添加',
                    target.getAttribute('data-qdesc') || ''
                );
            }
        });

        // 关闭：点×、点遮罩、ESC
        closeBtn.addEventListener('click', function() { lightbox.classList.remove('active'); });
        lightbox.addEventListener('click', function(e) { if (e.target === lightbox) lightbox.classList.remove('active'); });
        document.addEventListener('keydown', function(e) { if (e.key === 'Escape') lightbox.classList.remove('active'); });
    })();
    </script>
    <?php
});