"use strict";
let gHandlersXslt = null;
let gVariablesXslt = null;
let gEgo = "all";
let gPersonality = "";
let gParent = "";
let gCustomerId = null;
let gHandlertemplates = [];
let gDeployments = [];

// ajax error handler
$.ajaxSetup({
    error: function(xhr, status, error) {
        showError("An AJAX error occured: " + status + "\nError: " + error + "\nError detail: " + xhr.responseText);
        var errtext = "data:text/html;base64," + window.btoa(xhr.responseText);
        window.open(errtext, "_blank");
    }
});

doLogin(() => {
    // analyze URL
    gCustomerId = $.url("?customerid");
    gEgo = decodeURIComponent($.url("?ego"));
    if (!gEgo || gEgo === "null") gEgo = "all";
    else if (gEgo.charAt(0) === '"') gEgo = gEgo.substr(1, gEgo.length - 2);
    gPersonality = $.url(1);

    // Check permissions
    if (!gPermissions.has("/toolbox/golem")) {
        loginFailed("Permission /toolbox/golem not found");
        return;
    }

    if (gPersonality) {
        // check access level to personality
        if (!canViewDB()) {
            loginFailed("Access to db " + gPersonality + " not allowed");
            return;
        }
        loadXsltUi(`/${gPersonality}/info`, "/html/agent.xslt", () => {
            setupAgentUi();
        });
    } else {
        loadXsltUi(`/xml`, "/html/personalities.xslt", () => {
            setupPersonalitiesUi();
        });
    }
});

function loadXsltUi(dataPath, xsltPath, callback) {
    $.when($.get(formatEndpoint(dataPath)), $.get(xsltPath)).then(
        function(data, styleSheet) {
            let newDoc = xslTransform(data[0], styleSheet[0]);
            document.body.outerHTML = newDoc.body.outerHTML;
            gParent = $("#parentName").text();
            callback();
        },
        function(s) {
            showError("An AJAX error occurred: " + s.statusText);
        }
    );
}

function setupAgentUi() {
    if (gParent && canViewDB(gParent)) {
        $.get(
            // or loadXmlAsync
            formatEndpoint("/" + gParent + "/handlers", "tag=Templates"),
            data => {
                let templates = utilSelectNodes("/handlers/handler", data, data.documentElement);
                gHandlertemplates = templates.map(t => t.getAttribute("name"));
            }
        );
    }

    $("#agentTabs")
        .tabs({
            create: function(event, ui) {
                activatePanel(ui.panel);
            },
            activate: function(event, ui) {
                activatePanel(ui.newPanel);
            }
        })
        .delegate("span.ui-icon-close", "click", function() {
            var panelId = $(this)
                .closest("li")
                .remove()
                .attr("aria-controls");
            $("#" + panelId).remove();
            $("#agentTabs").tabs("option", "active", 0);
        });

    // setup theme switcher
    $("#themeswitcher")
        .themeswitcher({loadTheme: "smoothness"})
        .hover(
            function() {
                $(this).fadeTo(1, 1);
            }, // make this an easter egg
            function() {
                $(this).fadeTo(1, 0);
            }
        )
        .fadeTo(750, 0);

    if (!gPersonality.includes("-")) {
        $("#searchBox").show();
    }

    $("#searchInput")
        .focus(function(e) {
            e.target.select();
            $(e.target).one("mouseup", function(e1) {
                e1.preventDefault();
            });
        })
        .keydown(function(e1) {
            if (e1.which == 13) {
                performSearch($(this).val());
            }
        });

    $("#searchButton")
        .button({icon: "ui-icon-search", showLabel: false})
        .click(function() {
            performSearch($("#searchInput").val());
        });

    $("#copyPersonalityButton")
        .button()
        .click(function() {
            $("#copyPersonalityButton").prop("disabled", true);
            let to = $("#copyPersonalityName")
                .val()
                .trim();
            if (to && !canCreateDB(to)) {
                showError("You have no permission to create " + to);
                return;
            }
            let parent = gParent
                ? $("#copyPersonalityParent")
                      .val()
                      .trim()
                : null;
            if (parent && !canCreateDB(parent)) {
                showError("You have no permission to create " + parent);
                return;
            }
            let descr = $("#copyPersonalityDescr")
                .val()
                .trim();
            if (!to) return;
            let params =
                "to=" +
                to +
                (parent ? "&parent=" + parent : "") +
                (gParent && $("#copyPersonalityParentCopy")[0].checked ? "&parentfrom=" + gParent : "") +
                (descr ? "&todescr=" + descr : "");
            $.get(formatEndpoint("/" + gPersonality + "/copy", params), data => {
                $("#copyPersonalityButton").prop("disabled", false);
                if (data.severity === "error") showError(data.message);
                else showInfo(data.message);
            });
        });

    let dateExt = formatDateToMMDDYY(new Date());
    let personalityExt = "-s" + dateExt;
    let $copyPersonalityDescr = $("#copyPersonalityDescr");
    $copyPersonalityDescr.val($copyPersonalityDescr.val() + " - staging " + dateExt);
    $("#copyPersonalityName").val(gPersonality + personalityExt);
    if (gParent) {
        $("#copyPersonalityParent")
            .val(gParent + "-" + gPersonality + personalityExt)
            .on("input", e => {
                $("#copyParentCopy").text(e.target.value);
                $("#copyPersonalityParentCopy")[0].checked = !!e.target.value && e.target.value !== gParent;
            });
        $("#copyParentCopy").text(gParent + "-" + gPersonality + personalityExt);
    }

    $("#createPersonalityButton")
        .button()
        .click(function() {
            var name = $("#newPersonalityName")
                .val()
                .trim();
            var descr = $("#newPersonalityDescr")
                .val()
                .trim();
            var parent = $("#newPersonalityParent")
                .val()
                .trim();
            if (!name || name.indexOf(" ") !== -1 || !descr) {
                showError("Invalid field value", "Field validation");
                return;
            }
            if (parent && !canCreateDB(name)) {
                showError("You have no permission to create " + name);
                return;
            }
            $("#createPersonalityButton").prop("disabled", true);
            $.ajax({
                url: formatEndpoint("/" + name + "/create"),
                type: "POST",
                data: $.param({description: descr, parent: parent}),
                success: function(data, textStatus) {
                    $("#createPersonalityButton").prop("disabled", false);
                    showInfo(data, "Success");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#createPersonalityButton").prop("disabled", false);
                    showError(textStatus + ": " + errorThrown, "Error");
                }
            });
        });

    $("#newEgoButton")
        .button()
        .click(function() {
            if (!gEgo || gEgo == "all" || gEgo == "base") return;
            var newEgoName = $("#newEgoName").val();
            if (!newEgoName || newEgoName.indexOf(" ") !== -1) {
                showError("Invalid field value", "Field validation");
                return;
            }
            $("#newEgoButton").prop("disabled", true);
            $.ajax({
                url: formatEndpoint(getPersonalityUrl() + "/transform", "op=copyego&fromego=" + gEgo + "&toego=" + newEgoName),
                type: "POST",
                success: function(data, textStatus) {
                    $("#newEgoButton").prop("disabled", false);
                    showInfo(data, "Success");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#newEgoButton").prop("disabled", false);
                    showError("Cannot create new ego: " + errorThrown, "Error");
                }
            });
        });

    $("#sendVarsToParseButton")
        .button()
        .click(function() {
            $("#sendVarsToParseButton").prop("disabled", true);
            $.ajax({
                url: formatEndpoint(getPersonalityUrl() + "/submitvarstoparseserver"),
                type: "POST",
                success: function(data, textStatus) {
                    $("#sendVarsToParseButton").prop("disabled", false);
                    showInfo(data, "Success");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#sendVarsToParseButton").prop("disabled", false);
                    showError("Cannot update vars in parse server: " + errorThrown, "Error");
                }
            });
        });
    $("#sendVarsToParseButton_label").tooltip({
        content: '<img height="100" width="100" src="/images/michael.jpeg" />'
    });

    $("#parseAllButton")
        .button()
        .click(function() {
            $("#parseAllButton").prop("disabled", true);
            $.ajax({
                url: formatEndpoint(getPersonalityUrl() + "/parseall", gEgo && gEgo != "all" ? "ego=" + gEgo : undefined),
                type: "POST",
                success: function(data, textStatus) {
                    $("#parseAllButton").prop("disabled", false);
                    showInfo(data, "Success");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#parseAllButton").prop("disabled", false);
                    showError("Cannot send all handlers to parse server: " + errorThrown, "Error");
                }
            });
        });
    $("#parseAllButton_label").tooltip({
        content: '<img height="100" width="100" src="/images/tamar.jpeg" />'
    });

    $("#vfReport")
        .button()
        .click(function() {
            let vfGateway = $("#vfGateway").val();
            let vfKey = encodeURIComponent($("#vfKey").val());
            let vfSecret = encodeURIComponent($("#vfSecret").val());
            if (!gEgo || gEgo === "all" || gEgo === "base") return;
            if (!(!vfGateway && !vfKey && !vfSecret) && (!vfGateway || !vfKey || !vfSecret)) return;
            $("#vfReport").prop("disabled", true);
            $.ajax({
                url: formatEndpoint(
                    getPersonalityUrl() + "/voicefilereport",
                    "ego=" + gEgo + "&gateway=" + vfGateway + "&deploymentKey=" + vfKey + "&deploymentSecret=" + vfSecret
                ),
                type: "POST",
                success: function(data, textStatus) {
                    $("#vfReport").prop("disabled", false);
                    showInfo(data, "Success");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#vfReport").prop("disabled", false);
                    showError("Cannot submit voice report: " + errorThrown, "Error");
                }
            });
        });
    $("#vfReport_label").tooltip({
        content: '<img height="100" width="100" src="/images/jason.jpeg" />'
    });

    $("#deletePersonalityButton")
        .button()
        .click(function() {
            $("#deletePersonalityButton").prop("disabled", true);
            let pName = $("#perToDeleteName").val();
            if (!pName) return;
            if (!canDeleteDB(pName)) {
                showError("You have no permission to delete " + pName);
                return;
            }
            $.ajax({
                url: formatEndpoint("/" + pName),
                type: "DELETE",
                success: function(data, textStatus) {
                    $("#deletePersonalityButton").prop("disabled", false);
                    showInfo("Personality " + pName + " deleted", "Success");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#deletePersonalityButton").prop("disabled", false);
                    showError("Cannot delete personality: " + errorThrown, "Error");
                }
            });
        });

    let $deploySelect = $("#deploySelect");
    $("#deployButton")
        .button()
        .click(function() {
            $("#deployButton")
                .prop("disabled", true)
                .text("Deploying...");
            let deployName = $deploySelect.val();
            if (!canDeployCustomerId(deployName)) {
                showError("You have no permission to deploy " + deployName);
                return;
            }
            $.ajax({
                url: formatEndpoint("/deploy", "customerid=" + deployName),
                type: "GET",
                success: (data, textStatus) => {
                    $("#deployButton")
                        .prop("disabled", false)
                        .text("Deploy");
                    switch (data.severity) {
                        case "info":
                            showInfo(data.message, "Success");
                            break;
                        case "error":
                            showError(data.message, "Deployment failed");
                            break;
                    }
                },
                error: (jqXHR, textStatus, errorThrown) => {
                    $("#deployButton")
                        .prop("disabled", false)
                        .text("Deploy");
                    showError("Cannot deploy to " + deployName + ", " + errorThrown, "Deployment failed");
                }
            });
        });

    gPermissions.forEach(v => {
        if (v.startsWith("/bot/deploy/") && v !== "/bot/deploy/*") gDeployments.push(v.substr("/bot/deploy/".length));
    });
    if (gDeployments.length) {
        gDeployments.forEach(d => $deploySelect.append($("<option>", {text: d})));
    } else {
        $deploySelect.append($("<option>", {text: "No deployments"}));
        $deploySelect.prop("disabled", true);
        $("#deployButton").prop("disabled", true);
    }
    $deploySelect.selectmenu();

    setupVariantLine("export");
    setupVariantLine("import");

    // setup even handler to open personality anchors
    $("#sessionLog tbody").on("click", "a", function() {
        InsertVarsToElement($(this));
    });

    // setup all anchor references to the personality
    $(".ReplacePersonality").each(function() {
        InsertVarsToElement($(this));
    });

    // Setup entity rename
    $("#renameEntity").dialog({
        autoOpen: false,
        modal: true,
        height: 500,
        width: "80em",
        resizable: true,
        draggable: true,
        closeOnEscape: true,
        title: "Rename entity",
        buttons: {
            Rename: function() {
                var newName = $("#newEntName").val();
                var oldName = $("#renameEntity").data("vp3entName");
                if (!isValidEntityName(newName) || newName.toLowerCase() == oldName.toLowerCase()) {
                    showError("Invalid entity name");
                } else {
                    renameEntityStep2(oldName, $("#renameEntity").data("vp3entKind"), newName, false);
                    $(this).dialog("close");
                }
            },
            "Rename, and globally change all references": function() {
                var newName = $("#newEntName").val();
                var oldName = $("#renameEntity").data("vp3entName");
                if (!isValidEntityName(newName) || newName.toLowerCase() == oldName.toLowerCase()) return;
                showDialog(
                    "Are you sure you want to globally update all references? Bulk updates are dangerous!",
                    "Confirm Global Rename",
                    "highlight",
                    {
                        Cancel: function() {
                            $(this).dialog("close");
                        },
                        "Yes, Rename!": function() {
                            $(this).dialog("close");
                            renameEntityStep2(oldName, $("#renameEntity").data("vp3entKind"), newName, true);
                        }
                    }
                );
                $(this).dialog("close");
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        }
    });

    if (!canUpdateDB()) $(".update-only").hide();
    if (!canManageDB()) $(".manager-only").hide();
    if (!canCreateAnyDB()) $(".create-only").hide();
    if (!canDeleteAnyDB()) $(".delete-only").hide();
    if (!isAdmin()) $(".admin-only").hide();

    $("#egoName").text(gEgo);
    document.title = "Personality: " + gPersonality;

    $("#agentTabs").show();
}

function setupVariantLine(action) {
    $("#" + action + "VariantButton")
        .button()
        .click(function() {
            var folder = $("#" + action + "Folder").val();
            if (!folder || folder.indexOf(" ") !== -1) {
                showError("Invalid folder", "Field validation");
                return;
            }
            var url;
            if (action === "export") {
                if (!gEgo || gEgo == "all" || gEgo == "base") {
                    showError("Ego must be specified", "Field validation");
                    return;
                }
                var variantCode = $("#exportVariantCode").val();
                if (!variantCode || variantCode.indexOf(" ") !== -1) {
                    showError("Invalid variant code", "Field validation");
                    return;
                }
                var handlerName = $("#exportHandler").val();
                var translate = $("#autoTranslate").prop("checked");
                var tags = $("#exportTags").val();

                var params =
                    "folder=" +
                    encodeURIComponent(folder) +
                    "&ego=" +
                    gEgo +
                    "&variant=" +
                    variantCode +
                    (translate ? "&translate=yes" : "") +
                    (tags ? "&tags=" + encodeURIComponent(tags) : "") +
                    (handlerName ? "&handler=" + encodeURIComponent(handlerName) : "");

                var verb = "export";
                if (handlerName) verb += "handler";
                url = formatEndpoint("/" + gPersonality + "/variants/" + verb + "/" + variantCode, params);
            } else {
                // import
                url = formatEndpoint("/" + gPersonality + "/variants/import", "folder=" + encodeURIComponent(folder));
            }

            $("#" + action + "VariantButton").prop("disabled", true);

            $.ajax({
                url: url,
                type: "POST",
                success: function(data, textStatus) {
                    $("#" + action + "VariantButton").prop("disabled", false);
                    showInfo(data, "Success");
                },
                error: function(jqXHR, textStatus, errorThrown) {
                    $("#" + action + "VariantButton").prop("disabled", false);
                    showError("Cannot " + action + " variant: " + errorThrown, "Error");
                }
            });
        });
}

function activatePanel(panel) {
    let panelId = panel.attr("id");

    if (panel.find(".spinning").length === 0) return; // content already loaded

    let panelSetupFunc = null;

    switch (panelId) {
        case "variablesPanel":
            panelSetupFunc = setupVariablesPanel;
            break;
        case "handlersPanel":
            panelSetupFunc = setupHandlersPanel;
            break;
        case "intentsPanel":
            panelSetupFunc = setupIntentsPanel;
            break;
        case "newIntentsPanel":
            panel.html(
                '<iframe height="' +
                    (window.innerHeight - panel.offset().top - 50) +
                    '" width="100%" src="/' +
                    gPersonality +
                    '/intenter" />'
            );
            return;
        default:
            return;
    }

    var tabName = panelId.substr(0, panelId.length - "Panel".length);
    var panelDataUrl = "/" + gPersonality + "/" + tabName;

    //	$.url("path");
    //	if (panelDataUrl.charAt(panelDataUrl.length-1) !== "/")
    //		panelDataUrl += "/";
    //	panelDataUrl += tabName;

    var panelDataEgo = undefined;
    if (gEgo !== "all") panelDataEgo = "ego=" + gEgo;

    var xsltUrl = "/html/" + tabName + ".xslt";

    $.when($.get(formatEndpoint(panelDataUrl, panelDataEgo)), $.get(xsltUrl)).then(
        function(data, styleSheet) {
            if (tabName == "handlers") gHandlersXslt = styleSheet[0]; // save for use by the tabs
            if (tabName == "variables") gVariablesXslt = styleSheet[0];
            var newDoc = xslTransform(data[0], styleSheet[0], "isGuest", "no");
            panel.html(newDoc.body.innerHTML);
            convertTimeToLocal(panel);
            panelSetupFunc();
        },
        function(s) {
            showError("An AJAX error occured: " + s.statusText);
        }
    );
}

function convertTimeToLocal($container) {
    $.each($container.find(".updateTime"), function() {
        this.textContent = new Date(this.textContent).toLocaleString();
    });
}

function addTab(label, panelContent) {
    var tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>";
    var num_tabs = $("div#agentTabs ul li").length + 1;
    var id = "tabs-" + num_tabs;
    $("div#agentTabs ul").append(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(/#\{label\}/g, label));
    $("div#agentTabs").append("<div id='" + id + "'>" + panelContent + "</div>");
    $("div#agentTabs")
        .tabs("refresh")
        .tabs("option", "active", -1);
}

function performSearch(term, searchOn, $container, doneCallback) {
    if (!searchOn) searchOn = "t";

    if (searchOn !== "t")
        if (term.indexOf(".") !== -1 || term.indexOf("_") !== -1)
            // for vars and handlers with complex names make this an atom search
            term = '"' + term + '"';

    let searchUrl = $.url("path");
    searchUrl += (searchUrl.charAt(searchUrl.length - 1) !== "/" ? "/" : "") + "search";
    searchUrl = formatEndpoint(searchUrl, searchOn + "=" + term + "&ego=" + gEgo);

    $.when($.get(searchUrl), $.get("/html/searchresults.xslt")).then(
        function(data, styleSheet) {
            var newDoc = xslTransform(data[0], styleSheet[0], "ego", gEgo);
            if ($container) $container.html(newDoc.body.innerHTML);
            else addTab("Search: '" + term + "'", newDoc.body.innerHTML);
            // BUG: do this only for the generated results
            $(".ReplacePersonality").each(function() {
                InsertVarsToElement($(this));
            });
            var highlightStr = term;
            if (highlightStr) {
                if (highlightStr.charAt(0) == '"' && highlightStr.charAt(highlightStr.length - 1) == '"')
                    highlightStr = trimQuotes(highlightStr);
                else if (highlightStr.indexOf(" ") != -1) highlightStr = highlightStr.split(" ");
                // BUG: do this only for the generated results
                $(".search-results").highlight(highlightStr, {wordsOnly: true});
            }
            if (doneCallback) doneCallback();
        },
        function(s) {
            showError("An AJAX error occured: " + s.statusText);
        }
    );
}

function expandCollapseRow() {
    let $span = $(event.target);
    $span.toggleClass("ui-icon-plus").toggleClass("ui-icon-minus");
    $span
        .closest("tr.ui-widget-header")
        .nextUntil("tr.ui-widget-header")
        .toggleClass("hidden");
}

function getCurrentPanelName() {
    var i = $("#agentTabs").tabs("option", "active");
    var id = $("#agentTabs > ul > li > a")
        .eq(i)
        .attr("href");
    var tabName = id.substr(1, id.length - "Panel".length - 1);
    return tabName;
}

function renameEntity(entName, entKind) {
    // get search results and populate dialog
    $("#renameEntity")
        .data("vp3entName", entName)
        .data("vp3entKind", entKind)
        .dialog("option", "title", "Rename " + entKind + " '" + entName + "'");
    $("#newEntLabel").text("New name for '" + entName + "': ");
    $("#newEntName").val("");
    performSearch(entName, entKind == "handler" ? "h" : "v", $("#renameSearchResults"), function() {
        $("#renameEntity").dialog("open");
    });
}

function renameEntityStep2(entName, entKind, newName, global) {
    var url = getPersonalityUrl() + "/" + entKind + "s/" + entName + "/rename";

    $.ajax({
        type: "POST",
        url: formatEndpoint(url),
        data: {newname: newName, global: global},
        success: function(data, textStatus, jqXHR) {
            switch (data.severity) {
                case "information":
                    showInfo(
                        global
                            ? "Request to rename " + entKind + " '" + entName + "' to '" + newName + "' submitted"
                            : entKind + " '" + entName + "' successfully renamed to '" + newName + "'"
                    );
                    redisplayEntities();
                    break;
                case "error":
                    showError(data.message);
                    break;
                case "warning":
                    showWarning(data.message);
                    break;
            }
        },
        error: function(jqXHR, textStatus, errorThrown) {
            showError(textStatus + ": " + errorThrown, "Error");
        }
    });
}