import "construct-style-sheets-polyfill";

import "../elements/messages/MessageContainer";
import { customElement } from "lit-element";
import { me } from "../api/Users";
import { SidebarItem } from "../elements/sidebar/Sidebar";
import { ID_REGEX, SLUG_REGEX, UUID_REGEX } from "../elements/router/Route";
import { Interface } from "./Interface";

export const SIDEBAR_ITEMS: SidebarItem[] = [
    new SidebarItem("Library", "/library"),
    new SidebarItem("Monitor").children(
        new SidebarItem("Overview", "/administration/overview"),
        new SidebarItem("System Tasks", "/administration/system-tasks"),
    ).when((): Promise<boolean> => {
        return me().then(u => u.user.isSuperuser||false);
    }),
    new SidebarItem("Events").children(
        new SidebarItem("Logs", "/events/log").activeWhen(
            `^/events/log/(?<id>${UUID_REGEX})$`
        ),
        new SidebarItem("Notification Rules", "/events/rules"),
        new SidebarItem("Notification Transports", "/events/transports"),
    ).when((): Promise<boolean> => {
        return me().then(u => u.user.isSuperuser||false);
    }),
    new SidebarItem("Resources").children(
        new SidebarItem("Applications", "/core/applications").activeWhen(
            `^/core/applications/(?<slug>${SLUG_REGEX})$`
        ),
        new SidebarItem("Sources", "/core/sources").activeWhen(
            `^/core/sources/(?<slug>${SLUG_REGEX})$`,
        ),
        new SidebarItem("Providers", "/core/providers").activeWhen(
            `^/core/providers/(?<id>${ID_REGEX})$`,
        ),
        new SidebarItem("Outposts", "/outpost/outposts"),
        new SidebarItem("Outpost Service Connections", "/outpost/service-connections"),
    ).when((): Promise<boolean> => {
        return me().then(u => u.user.isSuperuser||false);
    }),
    new SidebarItem("Customisation").children(
        new SidebarItem("Policies", "/policy/policies"),
        new SidebarItem("Property Mappings", "/core/property-mappings"),
    ).when((): Promise<boolean> => {
        return me().then(u => u.user.isSuperuser||false);
    }),
    new SidebarItem("Flows").children(
        new SidebarItem("Flows", "/flow/flows").activeWhen(`^/flow/flows/(?<slug>${SLUG_REGEX})$`),
        new SidebarItem("Stages", "/flow/stages"),
        new SidebarItem("Prompts", "/flow/stages/prompts"),
        new SidebarItem("Invitations", "/flow/stages/invitations"),
    ).when((): Promise<boolean> => {
        return me().then(u => u.user.isSuperuser||false);
    }),
    new SidebarItem("Identity & Cryptography").children(
        new SidebarItem("Users", "/identity/users").activeWhen(`^/identity/users/(?<id>${ID_REGEX})$`),
        new SidebarItem("Groups", "/identity/groups"),
        new SidebarItem("Certificates", "/crypto/certificates"),
        new SidebarItem("Tokens", "/core/tokens"),
    ).when((): Promise<boolean> => {
        return me().then(u => u.user.isSuperuser||false);
    }),
];

@customElement("ak-interface-admin")
export class AdminInterface extends Interface {

    get sidebar(): SidebarItem[] {
        return SIDEBAR_ITEMS;
    }

}