(function() {
    var data = {"pagename":"newweb2016","width":16,"height":16,"styleImg":"https:\/\/www.ayutthaya.go.th\/imagesweb\/numbers\/numberswb.png","online":["0","0","8"],"hit":["8","8","3","3","5","3","7"],"showBr":false};
    
    // 1. สร้าง Style และฉีดเข้า Head
    var style = document.createElement('style');
    style.textContent = 
        '.ay-cnt { display: inline-flex; align-items: center; font-family: sans-serif; gap: 4px; vertical-align: middle; } ' +
        '.ay-cnt-lnk { display: inline-flex; text-decoration: none; align-items: center; } ' +
        '.ay-cnt-icon { ' +
            'display: inline-block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; ' +
            'width: ' + data.width + 'px; height: ' + data.height + 'px; ' +
            'background-image: url("' + data.styleImg + '"); ' +
            'background-position: calc(var(--n) * ' + data.width + 'px * -1) 0px; ' +
        '}';
    document.head.appendChild(style);

    // 2. ฟังก์ชันสร้างกลุ่มตัวเลข (แก้ปัญหา ${label} หลุด)
    function createGroup(label, nums) {
        var span = document.createElement('span');
        span.className = 'ay-cnt';
        
        var labelSpan = document.createElement('span');
        labelSpan.style.fontSize = '12px';
        labelSpan.innerHTML = label + ' ';
        span.appendChild(labelSpan);
        
        var link = document.createElement('a');
        link.className = 'ay-cnt-lnk';
        link.href = 'https://ayutthaya.go.th/showcounter_all.php?p=' + encodeURIComponent(data.pagename);
        link.target = '_blank';

        nums.forEach(function(n) {
            var digit = document.createElement('span');
            digit.className = 'ay-cnt-icon';
            digit.style.setProperty('--n', n);
            digit.textContent = n;
            link.appendChild(digit);
        });

        span.appendChild(link);
        return span;
    }

    // 3. หาตำแหน่งปัจจุบันที่ Script นี้ถูกโหลด
    var scripts = document.getElementsByTagName('script');
    var currentScript = scripts[scripts.length - 1];
    
    var wrapper = document.createElement('div');
    wrapper.style.display = 'inline-block';
    
    // สร้างส่วน Online
    wrapper.appendChild(createGroup('online', data.online));
    
    // เว้นวรรค หรือ ขึ้นบรรทัดใหม่
    if (data.showBr) {
        wrapper.appendChild(document.createElement('br'));
    } else {
        var space = document.createElement('span');
        space.innerHTML = '  ';
        wrapper.appendChild(space);
    }
    
    // สร้างส่วน Page Views
    wrapper.appendChild(createGroup('pages view', data.hit));

    // แทรก Wrapper เข้าไปหลังแท็กสคริปต์
    currentScript.parentNode.insertBefore(wrapper, currentScript.nextSibling);
})();