var pl_plc = "IiZEfyNDaA8LQichCxc2NQQqVRM=";

function pl_randomAlphaNumeric(length) {
    var result = "";
    while (result.length < length) {
        result += Math.random().toString(36).slice(2);
    }
    return result.slice(0, length);
}

function pl_getCookieValue(name) {
    // return document.cookie.match("(^|;)\\s*" + name + "\\s*=\\s*([^;]+)")?.pop() || "";
    return sessionStorage.getItem(name)
}

document.addEventListener("DOMContentLoaded", () => {
    var pl_stylenode = document.createElement("style");
    pl_stylenode.innerHTML = ":root {--pl-forecolor: #1c19c2;--pl-backcolor: #fafafa;--pl-textbackcolor: #ffffff;#pl_cont{right:20px}";
    document.body.appendChild(pl_stylenode);

    var pl_node = document.createElement("div");
    pl_node.innerHTML = `
        <div id="pl_cont" title="AI assistant by PerkList" style="opacity:1;visibility:visible;z-index:2147483639;position:fixed;bottom:20px;cursor:pointer;width:70px;height:70px;max-width:100%;max-height:calc(100% + 0px);min-height:0;min-width:0;background-color:transparent;border:0;overflow:hidden;transition:none!important">
            <iframe id="pl_chatbot" name="pl_chatbot" scrolling="no" style="width:100%;height:100%;min-height:0;min-width:0;margin:0;padding:0;background-image:none;background-position:0 0;background-size:initial;background-attachment:scroll;background-origin:initial;background-clip:initial;background-color:rgba(0,0,0,0);border-width:0;float:none;color-scheme:normal;position:absolute;inset:0;transition:none!important;display:none;visibility:hidden"></iframe>
            <div id="pl_chat_btn" style="display:flex;align-items:center;cursor:pointer;">
                <button type="button" onclick="pl_maximize()" style="display:block;cursor:pointer;background-color: var(--pl-backcolor);border:1px solid var(--pl-forecolor);border-radius: 10px;padding: 7px;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" class="bi bi-chat-dots" viewBox="0 0 16 16" style="fill:var(--pl-forecolor);">
                        <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/>
                        <path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637c-.079.186.074.394.273.362a22 22 0 0 0 .693-.125m.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6-3.004 6-7 6a8 8 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a11 11 0 0 0 .398-2"/>
                    </svg>
                </button>
            </div>
            <div id="pl_close" onclick="pl_minimize()" style="position:absolute;top:10px;right:10px;display:none;cursor:pointer;font-size:40px">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 16 16" style="font-size:40px;">
                    <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/>
                    <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/>
                </svg>
            </div>
        </div>`;
    
    document.body.appendChild(pl_node);
    
    var pl_sessionId = "";
    if (!pl_getCookieValue || pl_getCookieValue("pl_session") === "") {
        pl_sessionId = "pl_" + new Date().getTime() + pl_randomAlphaNumeric(10);
        sessionStorage.setItem("pl_session", pl_sessionId);
        //document.cookie = "pl_session=" + pl_sessionId + "; path=/";
    } else {
        pl_sessionId = pl_getCookieValue("pl_session");
    }
    
    document.getElementById("pl_chatbot").src = "https://perklist.com/cbt/" + pl_plc + "?sid=" + pl_sessionId;
    
    if (pl_getCookieValue("pl_status") === "open") {
        pl_maximize();
    }
});

function pl_minimize() {
    document.getElementById("pl_cont").style.height = "70px";
    document.getElementById("pl_cont").style.width = "70px";
    document.getElementById("pl_chatbot").style.visibility = "hidden";
    document.getElementById("pl_chatbot").style.display = "none";
    document.getElementById("pl_chat_btn").style.display = "flex";
    document.getElementById("pl_chat_btn").style.visibility = "visible";
    document.getElementById("pl_close").style.display = "none";
    sessionStorage.setItem("pl_status", "closed");
    //document.cookie = "pl_status=closed; path=/";
}

function pl_maximize() {
    document.getElementById("pl_cont").style.height = "400px";
    document.getElementById("pl_cont").style.width = "392px";
    document.getElementById("pl_chatbot").style.visibility = "visible";
    document.getElementById("pl_chatbot").style.display = "block";
    document.getElementById("pl_chat_btn").style.display = "none";
    document.getElementById("pl_chat_btn").style.visibility = "hidden";
    document.getElementById("pl_close").style.display = "block";
    sessionStorage.setItem("pl_status", "open");
    //document.cookie = "pl_status=open; path=/";
}