/**
 * @author Usman Naeem
 */
const login_form_id = "login_form";

function enableLoginPage() {
    addLoader();
    setPage("login_page");
    addHeader(false);
    addFooter();
    preventDefaultFormSubmit(login_form_id);
    const messageboxElement = getElement("login_message_box");
    messageboxElement.innerHTML = "";
    const loginIdElement = getElement("login_id");
    loginIdElement.value = "";
    const loginPasswordElement = getElement("login_password");
    loginPasswordElement.value = "";

    removeLoader();
}

async function login() {
    try {
        const messageboxElement = getElement("login_message_box");
        messageboxElement.innerHTML = "";
        const loginIdElement = getElement("login_id");
        const loginPasswordElement = getElement("login_password");
        if (loginIdElement.value.trim() === "" || loginPasswordElement.value.trim() === "") {
            return;
        }

        const form_data = getFormData(login_form_id);
        disableOrEnableForm(login_form_id, true);
        const url = "Login";
        const json = await callWebservicePOST(url, form_data, messageboxElement, null);
        if (json.code !== 200) {
            messageboxElement.innerHTML = json.message;
        } else {
            messageboxElement.innerHTML = "";
            enableHomePage();
        }
    } catch (error) {
        handleError("Failed to login", "message_box");
    }
    disableOrEnableForm(login_form_id, false);
}