var godsinlosen = {};

godsinlosen.PopupMessageTemplate = function(template) {
    var bodyOverflow = document.body.style.overflow;
    document.body.style.overflow = 'hidden';
    
    var root = document.createElement('div');
    root.classList.add('godsinlosen-popup-message');
    var css = {
        position: 'fixed',
        left: 0,
        right: 0,
        top: 0,
        bottom: 0,
        width: '100vw',
        height: '100vh',
        backgroundColor: 'rgba(0,0,0,0.4)',
        zIndex: 100000
    };
    for(var prop in css) {
        root.style[prop] = css[prop];
    }
    document.body.appendChild(root);
    
    var dialog = document.createElement('div');
    dialog.classList.add('godsinlosen-dialog');
    css = {
        position: 'absolute',
        left: 0,
        right: 0,
        top: '10vh',
        bottom: '10vh',
        width: '800px',
        maxWidth: '90%',
        height: '80vh',
        backgroundColor: '#FFF',
        borderRadius: '6px',
        overflow: 'hidden',
        margin: 'auto',
    };
    for(var prop in css) {
        dialog.style[prop] = css[prop];
    }
    root.appendChild(dialog);
    
    var iframe = document.createElement('iframe');
    iframe.classList.add('godsinlosen-dialog-iframe');
    css = {
        width: '100%',
        height: '80vh',
        border: 0
    };
    for(var prop in css) {
        iframe.style[prop] = css[prop];
    }
    iframe.src = 'https://www.godsinlosen.se/forsakringsbolag/we_reuse_form/popupMessage?key=d96e20c123be5837c7a4a7b24e9e4eb0&template='+template;
    dialog.appendChild(iframe);
    
    var close = document.createElement('div');
    close.classList.add('godsinlosen-dialog-close');
    close.innerHTML = '×';
    css = {
        position: 'absolute',
        left: 'calc(50% + 346px)',
        top: 'calc(10vh + 12px)',
        width: '30px',
        height: '30px',
        fontSize: '20px',
        fontWeight: 'bold',
        textAlign: 'center',
        lineHeight: '30px',
        cursor: 'pointer'
    };
    for(var prop in css) {
        close.style[prop] = css[prop];
    }
    root.appendChild(close);
    
    close.onclick = e => {
        //root.remove();
        root.parentNode.removeChild(root);
        document.body.style.overflow = bodyOverflow;
    };
};

godsinlosen.WeReuse = function(divNode, options) {
    options = options || {};
    var defaultOptions = {
        width: '100%',
        height: 'auto',
        border: 'none',
        donate: [25,50,75,100]
    };
    for(var propKey in defaultOptions) {
        if(!options.hasOwnProperty(propKey)) {
            options[propKey] = defaultOptions[propKey];
        }
    }
    var params = {};
    params.key = 'd96e20c123be5837c7a4a7b24e9e4eb0';
    params.donate = options.donate.join('-');
    
    var searchParameters = new URLSearchParams();
    for(var parameterName in params) {
        searchParameters.append(parameterName, params[parameterName]);
    }
    var searchParametersStr = searchParameters.toString();
    
    var iframe = document.createElement('iframe');
    iframe.src = 'https://www.godsinlosen.se/forsakringsbolag/we_reuse_form/index?'+searchParametersStr;
    iframe.style.width = options.width;
    iframe.style.height = options.height;
    iframe.style.border = options.border;
    iframe.style.display = 'none';
    iframe.scrolling = 'no';
    
    divNode.appendChild(iframe);
    
    var godsinlosenFrameHeightCounter = 0;
    window.onmessage = (e) => {
        if (e.data.hasOwnProperty("godsinlosenFrameHeight")) {
            if(godsinlosenFrameHeightCounter == 0) {
                iframe.style.display = 'block';
            }
            iframe.style.height = `${e.data.godsinlosenFrameHeight + 30}px`;
            godsinlosenFrameHeightCounter++;
        }
        if (e.data.hasOwnProperty("godsinlosenPopupMessageTemplate")) {            
            godsinlosen.PopupMessageTemplate(e.data.godsinlosenPopupMessageTemplate);
        }
    };
};


initWeReuseForm();