/**
 * Example context configurations for sub-sidebar.
 * Register these in App.vue using registerExampleContexts()
 */

import { useSubSidebarContext } from "../composables/context";

export const projectContext = {
  key: "project",
  label: "Project",
  parentPath: "/project",
  items: [
    {
      label: "Overview",
      icon: "pi pi-fw pi-chart-bar",
      to: "/project/overview",
    },
    {
      label: "Tasks",
      icon: "pi pi-fw pi-check-square",
      to: "/project/tasks",
    },
    {
      label: "Team",
      icon: "pi pi-fw pi-users",
      to: "/project/team",
    },
    {
      label: "Settings 1",
      icon: "pi pi-fw pi-cog",
      items: [
        {
          label: "Options",
          icon: "pi pi-fw pi-sliders-h",
          to: "/project/settings-1/options",
        },
        {
          label: "Defaults",
          icon: "pi pi-fw pi-list",
          to: "/project/settings-1/defaults",
        },
      ],
    },
    {
      label: "Settings 2",
      icon: "pi pi-fw pi-cog",
      items: [
        {
          label: "Access",
          icon: "pi pi-fw pi-key",
          to: "/project/settings-2/access",
        },
        {
          label: "Integrations",
          icon: "pi pi-fw pi-link",
          to: "/project/settings-2/integrations",
        },
      ],
    },
    {
      label: "Settings 3",
      icon: "pi pi-fw pi-cog",
      items: [
        {
          label: "Notifications",
          icon: "pi pi-fw pi-bell",
          to: "/project/settings-3/notifications",
        },
        {
          label: "Billing",
          icon: "pi pi-fw pi-credit-card",
          to: "/project/settings-3/billing",
        },
      ],
    },
  ],
};

export const companyContext = {
  key: "company",
  label: "Company",
  parentPath: "/company",
  items: [
    {
      label: "Profile",
      icon: "pi pi-fw pi-building",
      to: "/company/profile",
    },
    {
      label: "Employees",
      icon: "pi pi-fw pi-user",
      to: "/company/employees",
    },
    {
      label: "Departments",
      icon: "pi pi-fw pi-sitemap",
      to: "/company/departments",
    },
    {
      label: "Settings",
      icon: "pi pi-fw pi-cog",
      to: "/company/settings",
    },
  ],
};

export const settingsContext = {
  key: "settings",
  label: "Instellingen",
  parentPath: "/settings",
  items: [
    {
      label: "Account",
      icon: "pi pi-fw pi-user",
      to: "/settings/account",
    },
    {
      label: "Preferences",
      icon: "pi pi-fw pi-sliders-h",
      to: "/settings/preferences",
    },
    {
      label: "Notifications",
      icon: "pi pi-fw pi-bell",
      to: "/settings/notifications",
    },
    {
      label: "Settings 1",
      icon: "pi pi-fw pi-cog",
      to: "/settings/settings-1",
    },
    {
      label: "Settings 2",
      icon: "pi pi-fw pi-cog",
      to: "/settings/settings-2",
    },
    {
      label: "Settings 3",
      icon: "pi pi-fw pi-cog",
      to: "/settings/settings-3",
    },
    {
      label: "Security",
      icon: "pi pi-fw pi-shield",
      items: [
        {
          label: "Password",
          icon: "pi pi-fw pi-key",
          to: "/settings/security/password",
        },
        {
          label: "Two-Factor",
          icon: "pi pi-fw pi-mobile",
          to: "/settings/security/2fa",
        },
      ],
    },
  ],
};

export function registerExampleContexts() {
  const { registerContext } = useSubSidebarContext();
  registerContext(projectContext.key, projectContext);
  registerContext(companyContext.key, companyContext);
  registerContext(settingsContext.key, settingsContext);
}
