<script>
document.addEventListener('DOMContentLoaded', function() {
    const mainContent = document.querySelector('.message-content');
    if (!mainContent) return;

    let featuredImage = null;
    
    const attachments = document.querySelectorAll('.attachment-image');
    if (attachments.length > 0) {
        const img = attachments[0].querySelector('img');
        if (img) featuredImage = img.src;
    }
    
    if (!featuredImage) {
        const contentImages = mainContent.querySelectorAll('img:not(.smilie):not(.avatar)');
        if (contentImages.length > 0) {
            featuredImage = contentImages[0].src;
        }
    }
    
    //  إذا لم نجد أي صورة، نستخدم صورة افتراضية
    if (!featuredImage) {
        featuredImage = 'https://your-domain.com/path/to/default-image.jpg'; // ضع هنا رابط الصورة الخاصة بك
    }
    
    if (featuredImage) {
        const absoluteImageUrl = new URL(featuredImage, window.location.origin).href;
        
        updateMetaTag('og:image', absoluteImageUrl);
        updateMetaTag('og:image:url', absoluteImageUrl);
        updateMetaTag('og:image:secure_url', absoluteImageUrl);
        
        updateMetaTag('twitter:image', absoluteImageUrl);
        
        updateLinkTag('image_src', absoluteImageUrl);
    }
});

function updateMetaTag(property, content) {
    let meta = document.querySelector(`meta[property="${property}"]`) || 
               document.querySelector(`meta[name="${property}"]`);
               
    if (!meta) {
        meta = document.createElement('meta');
        if (property.startsWith('og:')) {
            meta.setAttribute('property', property);
        } else {
            meta.setAttribute('name', property);
        }
        document.head.appendChild(meta);
    }
    
    meta.setAttribute('content', content);
}

function updateLinkTag(rel, href) {
    let link = document.querySelector(`link[rel="${rel}"]`);
    
    if (!link) {
        link = document.createElement('link');
        link.setAttribute('rel', rel);
        document.head.appendChild(link);
    }
    
    link.setAttribute('href', href);
}
</script>