const form = document.getElementById('urlForm');
        const input = document.getElementById('urlInput');
        const result = document.getElementById('result');
        const fullScreenLoader = document.getElementById('fullScreenLoader');

        form.addEventListener('submit', async (e) => {
            e.preventDefault();
            const url = input.value;

            fullScreenLoader.classList.add('active');
            result.style.opacity = '0';
            result.innerHTML = '';

            try {
                const response = await fetch('https://shrink-dazzler.adaptable.app/process-link', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ htmlUrl: url })
                });
                const data = await response.json();

                if (data.data) {
                    const processedUrl = data.data;
                    result.innerHTML = `
                        <p style="margin-bottom: 15px;">Bypassed URL:</p>
                        <p style="margin-bottom: 20px;"><a href="${processedUrl}" target="_blank">${processedUrl}</a></p>
                        <button onclick="window.open('${processedUrl}', '_blank')">Open Bypassed URL</button>
                    `;
                } else {
                    result.textContent = 'Error: Unable to bypass the URL.';
                }
            } catch (error) {
                result.textContent = 'Error processing URL. Please try again.';
            } finally {
                fullScreenLoader.classList.remove('active');
                result.style.opacity = '1';
            }
        });