<script>
 document.addEventListener('DOMContentLoaded', function () {
 
     const cache = {};
 
     document.querySelectorAll('.last-writer').forEach(el => {
 
         let loaded = false;
 
         el.addEventListener('mouseenter', function () {
 
             const userId = this.dataset.userId;
             const tooltip = this.querySelector('.member-tooltip');
 
             if (!userId || userId === '0') return;
 
             tooltip.style.display = 'block';
 
             if (cache[userId]) {
                 tooltip.innerHTML = cache[userId];
                 return;
             }
 
             if (loaded) return;
             loaded = true;
 
             tooltip.innerHTML = 'جاري التحميل...';
 
             fetch(`index.php?page=usercp&member_tooltip=1&uid=${userId}`)
                 .then(res => res.text())
                 .then(html => {
                     cache[userId] = html;
                     tooltip.innerHTML = html;
                 })
                 .catch(() => {
                     tooltip.innerHTML = 'تعذر جلب البيانات';
                 });
 
         });
 
         el.addEventListener('mouseleave', function () {
             const tooltip = this.querySelector('.member-tooltip');
             tooltip.style.display = 'none';
         });
 
     });
 
 });
 </script>