<script>
(function() {
    'use strict';

    // ─── SHARED CDN LOADER ───
    function loadCDN() {
        if (!window._bsportCDNPromise) {
            window._bsportCDNPromise = new Promise((resolve) => {
                if (window.BsportWidget) return resolve();
                if (!document.getElementById('bsport-widget-cdn')) {
                    const script = document.createElement('script');
                    script.id = 'bsport-widget-cdn';
                    script.src = 'https://cdn.bsport.io/scripts/widget.js';
                    script.onload = resolve;
                    document.head.appendChild(script);
                } else {
                    const interval = setInterval(() => {
                        if (window.BsportWidget) { clearInterval(interval); resolve(); }
                    }, 100);
                }
            });
        }
        return window._bsportCDNPromise;
    }

    // ─── WAIT FOR ELEMENT WITH RETRY ───
    function waitForElement(selector, timeout = 15000) {
        return new Promise((resolve) => {
            // 1. Check immediately
            const found = document.querySelector(selector);
            if (found) return resolve(found);

            // 2. Otherwise observe DOM changes
            const observer = new MutationObserver(() => {
                const el = document.querySelector(selector);
                if (el) {
                    observer.disconnect();
                    clearTimeout(timer);
                    resolve(el);
                }
            });

            observer.observe(document.body, {
                childList: true,
                subtree: true
            });

            // 3. Fallback timeout
            const timer = setTimeout(() => {
                observer.disconnect();
                resolve(null);
            }, timeout);
        });
    }

    // ─── REUSABLE WIDGET FACTORY ───
    function createBsportWidget({ containerId, widgetType, targetSelector, config }) {
        let mounted = false;
        let mountAttempts = 0;
        const maxMountAttempts = 5;

        async function addContainer() {
            const existing = document.getElementById(containerId);
            if (existing) {
                return true;
            }

            const parentContainer = await waitForElement(targetSelector, 15000);
            if (!parentContainer) {
                return false;
            }

            const container = document.createElement('div');
            container.id = containerId;
            parentContainer.appendChild(container);
            return true;
        }

        function mountWidget() {
            if (mounted) return;

            mountAttempts++;
            if (mountAttempts > maxMountAttempts) {
                return;
            }

            loadCDN().then(() => {
                const container = document.getElementById(containerId);
                if (!container) {
                    setTimeout(mountWidget, 500);
                    return;
                }

                if (typeof window.BsportWidget?.mount !== 'function') {
                    setTimeout(mountWidget, 500);
                    return;
                }

                try {
                    window.BsportWidget.mount({
                        parentElement: containerId,
                        companyId: 1234, // REPLACE with your company ID
                        franchiseId: null,
                        dialogMode: 1,
                        widgetType,
                        showFab: false,
                        fullScreenPopup: false,
                        styles: undefined,
                        config
                    });
                    mounted = true;
                } catch (e) {
                    mounted = false;
                    setTimeout(mountWidget, 500);
                }
            });
        }

        function init() {
            async function start() {
                const added = await addContainer();
                if (added) mountWidget();
            }

            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', () => setTimeout(start, 3000));
            } else {
                start();
            }
        }

        init();
    }

    // ─── WIDGET INSTANCES ───
    createBsportWidget({
        containerId: 'bsport-widget-planning', // REPLACE with a name of your choice
        targetSelector: 'main[id="PAGES_CONTAINER"] section > div:nth-child(2) > div', // REPLACE with the section where the widget should appear
        widgetType: 'calendar', // REPLACE with your widget type
        config: { // REPLACE with the config from your widget code
            calendar: {
            }
        }
    });

})();
</script>