// language=JavaScript
(function () {
    var accountUuid = '9ad2cb0c-3076-48de-9629-14914e183232';
    // Optional GA ID anf BU ID
    var buUuid = '';
    var gaId = 'G-PH1F129Y54';

    if (!accountUuid) {
    console.error('Manjka ACCOUNT UUID:', accountUuid);
    }

    // Get the first GA ID from the window.gaData object
    var gaKeys = Object.keys(window.gaData || {});
    var gaActualId = gaId || (gaKeys.length ? gaKeys[0] : null) || null;
    console.log('PREBRAN GA ID:', gaActualId);

    // Get the value of the 'vehicle' query parameter
    var urlParams = new URLSearchParams(window.location.search);
    var vehicle = urlParams.get('vehicle');
    console.log('IFRAME_PARAMS:', urlParams);

    // Create a new iframe element
    var iframe = document.createElement('iframe');

    var vsUri = vehicle ? `vehicles/${vehicle}` : 'vehicles';

    // Set attributes for the iframe
    var allOtherParams = urlParams.toString();
    allOtherParams = allOtherParams ? '&' + allOtherParams : '';
    iframe.src = `https://api.briefd.io/sl/public/${vsUri}?accountUuid=${accountUuid}&bu=${buUuid}&ga=${gaActualId}${allOtherParams}`;

    iframe.frameBorder = 'no';
    iframe.style.width = '100%';
    iframe.scrolling = 'no';
    iframe.id = 'autobrief-resizer';

    // Add the iframe to the container element
    var targetContainer = document.currentScript.dataset.target || false;
    if(targetContainer){
        var container = document.querySelector(targetContainer);
        if(!container){
            console.error('Manjka VS TARGET CONTAINER:', targetContainer);
        }
        container.appendChild(iframe);
    } else {
        document.currentScript.parentNode.insertBefore(iframe, document.currentScript);
    }

    // Add an event listener for the 'message' event
    window.addEventListener('message', function (e) {
        if (e.data.id === 'autobrief.scroll') {
            var iframe = document.querySelector("#autobrief-resizer");
            var iframeToTopOffset = window.pageYOffset + iframe.getBoundingClientRect().top;
            console.log('scrollTo', e.data, iframeToTopOffset);
            var scrollData = e.data;
            window.scrollTo(scrollData.x, iframeToTopOffset + scrollData.y);
        } else if (e.data.id === 'autobrief.resizer') {
            var iframe = document.querySelector("#autobrief-resizer");
            var message = e.data;
            iframe.style.height = message.height + 'px';
        } else if(e.data.id === 'autobrief.vehicle'){
            // Update the 'vehicle' query parameter based on the received message
            var urlParams = new URLSearchParams(window.location.search);
            var message = e.data;
            urlParams.set('vehicle', message.vehicle);
            var newUrl = window.location.pathname + '?' + urlParams.toString();
            window.history.replaceState(null, null, newUrl);
        } else if(e.data.id === 'autobrief.url'){
            // Update the 'vehicle' query parameter based on the received message
            var urlParams = new URLSearchParams(window.location.search);
            var newParams = e.data.urlParams;
            var allKeys = e.data.allKeys;

            for (var key of allKeys) {
                urlParams.delete(key);
            }

            for (var pair of newParams) {
                urlParams.append(pair[0], pair[1]);
            }

            var newUrl = window.location.pathname + '?' + urlParams.toString();
            window.history.replaceState(null, null, newUrl);
        }
    }, false);
})();