(function () {
    const RegistryApp = (window.RegistryApp = window.RegistryApp || {});
    const { h } = RegistryApp.runtime;
    const store = RegistryApp.store;

    RegistryApp.componentFns = RegistryApp.componentFns || {};

    function closeRegistry() {
        if (
            typeof A3API !== "undefined" &&
            typeof A3API.SendAlert === "function"
        ) {
            A3API.SendAlert(
                JSON.stringify({
                    event: "org::close",
                    data: {},
                }),
            );
            return;
        }

        store.setView("home");
    }

    RegistryApp.componentFns.Navbar = function Navbar() {
        const view = store.getView();
        const viewLabel =
            view === "login"
                ? "Organization Login"
                : view === "create"
                  ? "Organization Registration"
                  : view === "portal"
                    ? "Organization Portal"
                    : "Entry Hub";
        const actionLabel = view === "portal" ? "Sign Out" : "Close";

        return h(
            "nav",
            { className: "app-navbar" },
            h(
                "div",
                { className: "app-navbar-inner" },
                h(
                    "div",
                    { className: "app-navbar-brand" },
                    h("span", { className: "app-navbar-kicker" }, "ORBIS"),
                    h(
                        "span",
                        { className: "app-navbar-title" },
                        "Global Organization Network",
                    ),
                ),
                h(
                    "div",
                    { className: "app-navbar-actions" },
                    h("span", { className: "app-navbar-view" }, viewLabel),
                    h(
                        "button",
                        {
                            type: "button",
                            className: "app-close-btn",
                            onClick: closeRegistry,
                        },
                        actionLabel,
                    ),
                ),
            ),
        );
    };
})();