// Ad server URL constant
const BANNER_URL = '/get';

/**
 * Function to load and display the banner
 */
async function loadBanner() {
    const bannerElement = document.getElementById('banner');
    const zone = bannerElement.getAttribute('nexus-zone');

    try {
        // Send GET request to ad server
        const response = await fetch(BANNER_URL + "?zone=" + zone, {
            method: 'GET',
            headers: {
                'Accept': 'text/html'
            }
        });

        // Check if request was successful
        if (!response.ok) {
            throw new Error(`HTTP Error: ${response.status}`);
        }

        // Get banner HTML code
        const bannerHTML = await response.text();

        // Insert HTML code into banner container
        bannerElement.innerHTML = bannerHTML;

        // Execute scripts from loaded HTML (if any)
        executeScripts(bannerElement);

    } catch (error) {
        console.error('Banner loading error:', error);
        bannerElement.innerHTML = `
                    <div class="error">
                        <strong>Banner loading error</strong><br>
                        ${error.message}
                    </div>
                `;
    }
}

/**
 * Function to execute scripts from loaded HTML
 * (needed because innerHTML doesn't execute <script> tags)
 */
function executeScripts(container) {
    const scripts = container.querySelectorAll('script');
    scripts.forEach(script => {
        const newScript = document.createElement('script');

        if (script.src) {
            // External script
            newScript.src = script.src;
        } else {
            // Inline script
            newScript.textContent = script.textContent;
        }

        // Copy attributes
        Array.from(script.attributes).forEach(attr => {
            if (attr.name !== 'src') {
                newScript.setAttribute(attr.name, attr.value);
            }
        });

        // Replace old script with new one
        script.parentNode.replaceChild(newScript, script);
    });
}

// Load banner on page load
document.addEventListener('DOMContentLoaded', loadBanner);