Bing Image Search Tool

function processImage(originalImg, buttonText = "Искать в Bing", errorMsg = "Для прямого поиска требуется публичный URL изображения. Для локальных файлов используйте: ") {
    // Create the main container div
    const container = document.createElement('div');
    container.style.display = 'flex';
    container.style.flexDirection = 'column';
    container.style.alignItems = 'center';
    container.style.justifyContent = 'center';
    container.style.padding = '25px';
    container.style.fontFamily = '"Segoe UI", Arial, sans-serif';
    container.style.backgroundColor = '#f8f9fa';
    container.style.borderRadius = '12px';
    container.style.boxShadow = '0 4px 12px rgba(0,0,0,0.08)';
    container.style.maxWidth = '100%';
    container.style.boxSizing = 'border-box';
    
    // Create the image preview element
    const imgPreview = document.createElement('img');
    imgPreview.src = originalImg.src;
    imgPreview.style.maxWidth = '100%';
    imgPreview.style.maxHeight = '350px';
    imgPreview.style.objectFit = 'contain';
    imgPreview.style.borderRadius = '8px';
    imgPreview.style.marginBottom = '20px';
    imgPreview.style.boxShadow = '0 2px 6px rgba(0,0,0,0.15)';
    container.appendChild(imgPreview);
    
    // Create the search button
    const searchBtn = document.createElement('button');
    searchBtn.textContent = buttonText;
    searchBtn.style.padding = '12px 28px';
    searchBtn.style.fontSize = '16px';
    searchBtn.style.color = '#fff';
    searchBtn.style.backgroundColor = '#007DAA'; // Official Bing Blue
    searchBtn.style.border = 'none';
    searchBtn.style.borderRadius = '24px';
    searchBtn.style.cursor = 'pointer';
    searchBtn.style.transition = 'background-color 0.2s, transform 0.1s';
    searchBtn.style.fontWeight = '600';
    searchBtn.style.outline = 'none';
    
    searchBtn.onmouseover = () => { 
        searchBtn.style.backgroundColor = '#005b7f'; 
    };
    searchBtn.onmouseout = () => { 
        searchBtn.style.backgroundColor = '#007DAA'; 
    };
    searchBtn.onmousedown = () => {
        searchBtn.style.transform = 'scale(0.97)';
    };
    searchBtn.onmouseup = () => {
        searchBtn.style.transform = 'scale(1)';
    };
    container.appendChild(searchBtn);
    
    // Create a message container for warnings (e.g., data URIs)
    const msg = document.createElement('div');
    msg.style.marginTop = '15px';
    msg.style.fontSize = '14px';
    msg.style.color = '#555';
    msg.style.textAlign = 'center';
    msg.style.maxWidth = '450px';
    msg.style.display = 'none';
    msg.style.lineHeight = '1.5';
    container.appendChild(msg);
    
    // Setup click event for the search
    searchBtn.onclick = () => {
        const src = originalImg.src;
        
        // Bing reverse image search directly supports http/https URLs via GET request
        if (src.startsWith('http://') || src.startsWith('https://')) {
            const bingUrl = `https://www.bing.com/images/search?view=detailv2&iss=sbi&q=imgurl:${encodeURIComponent(src)}`;
            window.open(bingUrl, '_blank');
            msg.style.display = 'none';
        } else {
            // If the image is a data URI or local blob, provide fallback text and a link
            msg.style.display = 'block';
            msg.textContent = errorMsg;
            
            const fallbackLink = document.createElement('a');
            fallbackLink.href = 'https://www.bing.com/visualsearch';
            fallbackLink.target = '_blank';
            fallbackLink.textContent = 'Bing Visual Search';
            fallbackLink.style.color = '#007DAA';
            fallbackLink.style.textDecoration = 'none';
            fallbackLink.style.fontWeight = 'bold';
            
            fallbackLink.onmouseover = () => { 
                fallbackLink.style.textDecoration = 'underline'; 
            };
            fallbackLink.onmouseout = () => { 
                fallbackLink.style.textDecoration = 'none'; 
            };
            
            msg.appendChild(fallbackLink);
        }
    };
    
    return container;
}