import { createRouter, createWebHashHistory } from "vue-router";
import { defineAsyncComponent } from "vue";
import type { Component } from "vue";
import type { RouteRecordRaw } from "vue-router";
import { adminMenu } from "./adminMenu";
import type { AdminNavItem } from "./types";

const ApplicationListPage: Component = defineAsyncComponent(
    () => import("./pages/ApplicationListPage.vue"),
);
const ApplicationFormPage: Component = defineAsyncComponent(
    () => import("./pages/ApplicationFormPage.vue"),
);
const AuthorizationListPage: Component = defineAsyncComponent(
    () => import("./pages/AuthorizationListPage.vue"),
);
const TokenListPage: Component = defineAsyncComponent(
    () => import("./pages/TokenListPage.vue"),
);
const AccessRequestListPage: Component = defineAsyncComponent(
    () => import("./pages/AccessRequestListPage.vue"),
);
const GrantListPage: Component = defineAsyncComponent(
    () => import("./pages/GrantListPage.vue"),
);

function listRoute(item: AdminNavItem): RouteRecordRaw {
    return {
        path: item.hash.replace(/^#/, ""),
        name: item.key,
        component: componentFor(item.key),
        meta: {
            key: item.key,
            icon: item.icon,
            title: item.title,
            subtitle: item.subtitle,
            accent: item.accent,
        },
    };
}

function componentFor(key: AdminNavItem["key"]): Component {
    switch (key) {
        case "applications":
            return ApplicationListPage;
        case "authorizations":
            return AuthorizationListPage;
        case "tokens":
            return TokenListPage;
        case "access-requests":
            return AccessRequestListPage;
        case "grants":
        default:
            return GrantListPage;
    }
}

export const adminRouter = createRouter({
    history: createWebHashHistory(),
    routes: [
        ...adminMenu.map(listRoute),
        {
            path: "/applications/create",
            name: "application-create",
            component: ApplicationFormPage,
            meta: {
                key: "application-form",
                title: "新建客户端",
                subtitle: "创建 OpenID Connect 客户端并配置安全授权能力",
                icon: "add_circle",
                accent: "cyan",
            },
        },
        {
            path: "/applications/:id",
            name: "application-edit",
            component: ApplicationFormPage,
            meta: {
                key: "application-form",
                title: "编辑客户端",
                subtitle: "调整客户端展示信息、回调地址与授权范围",
                icon: "edit_note",
                accent: "cyan",
            },
        },
        { path: "/:pathMatch(.*)*", redirect: "/applications" },
    ],
});