/**
 * @author Usman Naeem
 */
const WS_ROOT = "/ws/";
const HOME = "/";
const explicit_delay = 0;
var page = "";
var user_json;

window.onload = function () {
    load_timeframes().then(() => {
        set_all_timeframes_elements();
        enableHomePage();
    }).catch(error => {
        handleError(error, "home_message_box", true);
        return;
    });
    initCollapsable();
};

function goHome() {
    window.location = HOME;
}

function sleep(time) {
    if (time > 0) {
        return new Promise(resolve => {
            setTimeout(resolve, time);
        });
    }
}

function escapeCharacters(text) {
  return String(text)
    .replaceAll("&", "&")
    .replaceAll("<", "&lt;")
    .replaceAll(">", "&gt;")
    .replaceAll('"', "&quot;")
    .replaceAll("'", "&#39;");
}

function isCompressionSupported() {
    return ('DecompressionStream' in window);
}
async function unzipGzipString(gzippedString, encoded) {
    if (!encoded) {
        gzippedString = window.btoa(gzippedString);
    }
    const gzippedBuffer = new Uint8Array(window.atob(gzippedString).split("").map(c => c.charCodeAt(0)));
    const ds = new DecompressionStream("gzip");
    const writer = ds.writable.getWriter();
    writer.write(gzippedBuffer);
    writer.close();
    const response = new Response(ds.readable);
    const arrayBuffer = await response.arrayBuffer();
    const textDecoder = new TextDecoder();
    const unzippedString = textDecoder.decode(arrayBuffer);
    return unzippedString;
}

function getElement(id) {
    return document.getElementById(id);
}

function setPage(_page) {
    hidePage();
    page = _page;
}

function displayPage() {
    const _page = getElement(page);
    if (_page) {
        _page.style.display = "block";
        scrollToTop();
    }
}

function hidePage() {
    const _page = getElement(page);
    if (_page) {
        _page.style.display = "none";
    }
}

function scrollToTop() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}

function removeLoader() {
    const loaderContainer = getElement('loader_container');
    if (loaderContainer) {
        //loaderContainer.remove();
        loaderContainer.style.display = 'none';
    }
    displayPage();
}
function addLoader() {
    const loaderContainer = getElement('loader_container');
    if (loaderContainer) {
        loaderContainer.style.display = 'block';
    }
    displayPage();
}

function isObject(obj) {
    return obj !== null && obj !== undefined && obj.constructor === Object;
}

function isString(obj) {
    return obj !== null && obj !== undefined && obj.constructor === String;
}

function isError(obj) {
    return obj !== null && obj !== undefined && obj.constructor === Error;
}

function handleError(error, message_box, remove_loader) {
    if (remove_loader) {
        removeLoader();
    }
    var msg = getErrorMessage(error);
    const messageboxElement = getElement(message_box);
    if (messageboxElement) {
        messageboxElement.innerHTML = msg;
    }
}

function getErrorMessage(error) {
    var msg = "";
    if (error) {
        if (isError(error)) {
            msg = error.message;
        } else {
            msg = error;
        }
        if (isString(msg)) {
            var ind = msg.lastIndexOf("Error:");
            if (ind !== -1) {
                msg = msg.substr(ind + 6).trim();
            }
            ind = msg.lastIndexOf("Exception:");
            if (ind !== -1) {
                msg = msg.substr(ind + 10).trim();
            }
        }
    }
    return msg;
}

function addHeader(menue) {
    const header = getElement("header");
    if (header) {
        header.setAttribute("class", "header");
        var content = "<span class='title' onclick='goHome();'>AEATAS</span>";
        if (menue) {
            content += "<div class='setting-menu'>";
            content += "<div id='setting-menu' onclick='javascript:settingMenu();'>";
            content += "<div id='setting-item-1' class='setting'></div>";
            content += "<div id='setting-item-2' class='setting'></div>";
            content += "<div id='setting-item-3' class='setting'></div>";
            content += "</div>";
            content += "<div id='setting-content' class='setting-content'>";
            content += "<a onclick='enableHomePage();'>Home</a>";
            content += "<div id='setting-content-admin' class='setting-content-admin'>";
            content += "<a onclick='enableAdministrationPage();'>Administration</a>";
            content += "</div>";
            content += "<a onclick='enableWatchListPage();'>Watch List</a>";
            content += "<a onclick='enablePreferredItemsPage();'>Preferred Symbols</a>";
            content += "<a onclick='enablePreferredTimeframesPage();'>Preferred Timeframes</a>";
            //content += "<a onclick='enableChangePasswordPage();'>Change Password</a>";
            content += "<a onclick='enableProfilePage();'>Profile</a>";
            content += "<a href='javascript:logout();'>Logout</a>";
            content += "</div>";
            content += "</div>";
            content += "<div class='user' id='user_info' onclick='settingMenu();'></div>";
        }
        header.innerHTML = content;
    }
}

function addFooter() {
    const footer = getElement("footer");
    if (footer) {
        footer.setAttribute("class", "footer");
        var content = "<span class='copyright'>";
        content += "&copy; Copyright ";
        content += /\d{4}/.exec(Date())[0];
        content += " Powered by MuzTech";
        content += "</span>";
        content += "<div class='vgap'></div>";
        footer.innerHTML = content;
    }
}

function preventDefaultFormSubmit(formId) {
    const form = document.getElementById(formId);
    form.addEventListener('submit', function (e) {
        e.preventDefault();
    });
}

function disableOrEnableForm(formId, disable) {
    const form = document.getElementById(formId);
    const formChildren = form.elements;
    for (var i = 0, len = formChildren.length; i < len; ++i) {
        if (formChildren[i].name) {
            formChildren[i].readOnly = disable ? true : false;
            formChildren[i].disabled = disable ? true : false;
        }
    }
}

function getFormData(formId) {
    const form = document.getElementById(formId);
    return new URLSearchParams(new FormData(form));
}

async function httpPostResponse(url, formData) {
    const response = await fetch(url, {
        method: "POST",
        body: formData
    });
    if (response.status === 404) {
        throw new Error("Not Found");
    }
    return response;
}

async function httpGetResponse(url) {
    const response = await fetch(url, {
        method: "GET"
                //}).catch((error) =>{
                //console.log("GET FAILED: " + error);
    });
    if (response.status === 404) {
        throw new Error("Not Found");
    }
    return response;
}

async function callWebservicePOST(url, formData, message_box, callback_403) {
    const response = await httpPostResponse(WS_ROOT + url, formData);
    const json = await response.json();
    if (isObject(json)) {
        if (json.code === 403) {
            if (callback_403) {
                try {
                    callback_403();
                } catch (er) {
                    console.log(er);
                }
            }
            if (message_box) {
                message_box.innerHTML = json.message;
                await sleep(1000);
            }
            enableLoginPage();
            return;
        }
    }
    return json;
}

async function callWebserviceGET(url, message_box, callback_403) {
    const response = await httpGetResponse(WS_ROOT + url);
    const json = await response.json();
    if (isObject(json)) {
        if (json.code === 403) {
            if (callback_403) {
                try {
                    callback_403();
                } catch (er) {
                    console.log(er);
                }
                enableLoginPage();
            }
            if (message_box) {
                message_box.innerHTML = json.message;
                await sleep(1000);
            }
            enableLoginPage();
            return;
        }
    }
    return json;
}

async function load_user(messageboxElement) {
    try {
        if (user_json) {
            await set_user();
            return user_json;
        }
        const url = "GetUser";
        const json = await callWebserviceGET(url, messageboxElement, null);
        if (json.code !== 200) {
            if (messageboxElement) {
                messageboxElement.innerHTML = json.message;
            }
            throw new Error("Failed to get user");
        } else {
            user_json = json.user;
            await set_user();
        }
        return json;
    } catch (error) {
        throw new Error("Failed to load user");
    }
}

async function set_user() {
    const userInfoElement = getElement("user_info");
    if (userInfoElement) {
        userInfoElement.innerHTML = user_json.name;
    }
    //messageboxElement.innerHTML = JSON.stringify(json);

    const settingContentAdminElement = getElement('setting-content-admin');
    if (settingContentAdminElement) {
        if (user_json.type === 'Administrator') {
            settingContentAdminElement.style.display = 'block';
        } else {
            settingContentAdminElement.style.display = 'none';
        }
    }
    //TEST
    if (typeof explicit_delay !== 'undefined') {
        await sleep(explicit_delay);
    }
}

async function logout() {
    try {
        const url = "Logout";
        const json = await callWebserviceGET(url, null, null);
        enableLoginPage();
    } catch (error) {
        console.error(error);
    }
}

function closeMenu() {
    const id = event.target.id;
    if (!id || !id.startsWith("setting-")) {
        if (!id || (id !== "setting-menu" && id !== "user_info")) {
            const settingContent = getElement("setting-content");
            if (settingContent) {
                if (settingContent.style.display !== "none") {
                    settingContent.style.display = "none";
                }
            }
        }
    }
}

function settingMenu() {
    const settingContent = getElement("setting-content");
    if (settingContent.style.display === "block") {
        settingContent.style.display = "none";
    } else {
        settingContent.style.display = "block";
    }
}