var giselpay_control = false;
var ref_GiselPay = "";

function init_giselpay(ref) {
    var text = document.getElementById('giselpay-panel')
    if (text) {
        close_panel_giselpay()
    }
    var ifrm = document.createElement("div");
    ifrm.setAttribute("id", "giselpay-panel");
    ifrm.style.width = "398px";
    ifrm.style.boxShadow = "2px 1px 20px 1px #6c757d";
    ifrm.style.height = "200px";
    ifrm.style.position = "fixed";
    ifrm.style.bottom = "5%";
    ifrm.style.left = "50%";
    ifrm.style.borderRadius = "15px";
    ifrm.style.backgroundColor = "white";
    ifrm.style.maxHeight = "100vh";
    ifrm.style.maxWidth = "95%";
    ifrm.style.transform = "translatex(-50%)";
    ifrm.style.transition = "all .5s ease-in-out";

    ifrm.style.zIndex = "999999999";

    document.body.appendChild(ifrm);
    GiselPay_frame(ref);
}

function close_panel_giselpay() {
    var panel_giselpay = document.getElementById('giselpay-panel');
    panel_giselpay.parentNode.removeChild(panel_giselpay);
    console.log('remove')
}

function GiselPay_frame(ref) {
    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src", "https://terminal.giselpay.com");
    ifrm.setAttribute("id", "giselpay-frame");
    ifrm.style.width = "100%";
    ifrm.style.border = "none";
    ifrm.style.height = "100%";
    ifrm.style.position = "relative";
    ifrm.style.bottom = "0px";
    ifrm.style.right = "0px";
    ifrm.style.maxHeight = "100vh";
    ifrm.style.maxWidth = "100vh";

    document.getElementById('giselpay-panel').appendChild(ifrm);
    ref_GiselPay = ref

    // console.log("giselpay_control", )

    setTimeout(() => {
        if (!giselpay_control) {
            close_panel_giselpay()
        }
    }, 15000);


}

window.addEventListener("message", function(message) {
    if (message.data == 'go_gisel_pay') {
        giselpay_control = true
        frame_giselpay = document.getElementById('giselpay-frame');
        frame_giselpay.contentWindow.postMessage({
                ref: ref_GiselPay,
            },
            "*"
        );
    }

    if (message.data.start != undefined) {
        var height = message.data.val
        var panel_giselpay = document.getElementById('giselpay-panel');
        panel_giselpay.style.height = height;
        console.log("start")
    }
    if (message.data.close_panel != undefined) {
        close_panel_giselpay()
    }
});