import React from "react";
import {
  DashboardIcon,
  DashboardIconActive,
} from "../assets/adminSvg/dashboardIcon";
import { CmsIcon, CmsIconActive } from "../assets/adminSvg/cmsIcon";
import { AlertIcon, AlertIconActive } from "../assets/adminSvg/alertIcon";
import {
  AnalyticsIcon,
  AnalyticsIconActive,
} from "../assets/adminSvg/analyticsIcon";
import { RevenueIcon, RevenueIconActive } from "../assets/adminSvg/revenueIcon";
import { TicketsIcon, TicketsIconActive } from "../assets/adminSvg/ticketsIcon";
import { ChatIcon, ChatIconActive } from "../assets/adminSvg/chatIcon";
import { FlaggedIcon, FlaggedIconActive } from "../assets/adminSvg/flaggedIcon";
import { UsersIcon, UsersIconActive } from "../assets/adminSvg/usersIcon";
import {
  SettingsIcon,
  SettingsIconActive,
} from "../assets/adminSvg/settingsIcon";
import {
  AccountsIcon,
  AccountsIconActive,
} from "../assets/adminSvg/accountsIcon";
import { ManagersIcon, ManagersIconActive } from "../assets/adminSvg/managers";
import {
  RequestsIcon,
  RequestsIconActive,
} from "../assets/adminSvg/requestsIcon";

export const adminSideMenuOptions = [
  {
    optionType: "MENU",
    routes: [
      {
        path: "/dashboard",
        icon: <DashboardIcon />,
        iconActive: <DashboardIconActive />,
        text: "Dashboard",
        hasNotification: false,
        hasDropdown: false,
        notifications: 2,
        dropdownItems: [{}],
      },
      {
        path: null,
        icon: <CmsIcon />,
        iconActive: <CmsIconActive />,
        text: "CMS",
        hasNotification: false,
        hasDropdown: true,
        notifications: null,
        dropdownItems: [
          {
            path: "/skill-test",
            hasNotification: true,
            notifications: 2,
            text: "Skill Test",
          },
          {
            path: "/lessons",
            hasNotification: true,
            notifications: 2,
            text: "Lessons",
          },
          {
            path: "/manage-content",
            hasNotification: false,
            notifications: null,
            text: "Manage Content",
          },
          {
            path: "/drafts",
            hasNotification: false,
            notifications: null,
            text: "Draft (6)",
          },
          {
            path: "/statistics",
            hasNotification: false,
            notifications: null,
            text: "Flagged Content",
          },
        ],
      },
      {
        path: null,
        icon: <AlertIcon />,
        iconActive: <AlertIconActive />,
        text: "Alerts",
        hasNotification: false,
        hasDropdown: true,
        notifications: null,
        dropdownItems: [
          {
            path: "/push-notifications",
            hasNotification: false,
            notifications: null,
            text: "Push Notifications",
          },
          {
            path: "/newsletters",
            hasNotification: false,
            notifications: null,
            text: "Newsletters",
          },
          // {
          //   path: "/direct-emailing",
          //   hasNotification: false,
          //   notifications: null,
          //   text: "Direct Emailing",
          // },
          // {
          //   path: "/create-ads",
          //   hasNotification: false,
          //   notifications: null,
          //   text: "Create Ads",
          // },
        ],
      },
    ],
  },
  {
    optionType: "STATISTICS",
    routes: [
      {
        path: null,
        icon: <AnalyticsIcon />,
        iconActive: <AnalyticsIconActive />,
        text: "Analytics",
        hasNotification: false,
        hasDropdown: true,
        notifications: null,
        dropdownItems: [
          {
            path: "/general-review",
            hasNotification: false,
            notifications: null,
            text: "General Review",
          },
          {
            path: "/personal-account",
            hasNotification: false,
            notifications: null,
            text: "Personal account",
          },
          {
            path: "/instructor-account",
            hasNotification: false,
            notifications: null,
            text: "Instructor account",
          },
          {
            path: "/enterprise-account",
            hasNotification: false,
            notifications: null,
            text: "Enterprise account",
          },
          {
            path: "/developer-account",
            hasNotification: false,
            notifications: null,
            text: "Developer account",
          },
        ],
      },
      {
        path: "/revenue",
        icon: <RevenueIcon />,
        iconActive: <RevenueIconActive />,
        text: "Revenue",
        hasNotification: false,
        hasDropdown: false,
        notifications: null,
        dropdownItems: [{}],
      },
    ],
  },
  {
    optionType: "SUPPORT",
    routes: [
      {
        path: "/requests",
        icon: <RequestsIcon />,
        iconActive: <RequestsIconActive />,
        text: "Requests",
        hasNotification: true,
        hasDropdown: false,
        notifications: 5,
        dropdownItems: [{}],
      },
      {
        path: "/tickets",
        icon: <TicketsIcon />,
        iconActive: <TicketsIconActive />,
        text: "Tickets",
        hasNotification: true,
        hasDropdown: false,
        notifications: 5,
        dropdownItems: [{}],
      },
      {
        path: "/live-chat",
        icon: <ChatIcon />,
        iconActive: <ChatIconActive />,
        text: "Live Chat",
        hasNotification: true,
        hasDropdown: false,
        notifications: 5,
        dropdownItems: [{}],
      },
      {
        path: "/flagged-account",
        icon: <FlaggedIcon />,
        iconActive: <FlaggedIconActive />,
        text: "Issues & Reports",
        hasNotification: true,
        hasDropdown: false,
        notifications: 5,
        dropdownItems: [{}],
      },
      {
        path: "/all-users",
        icon: <UsersIcon />,
        iconActive: <UsersIconActive />,
        text: "All users",
        hasNotification: false,
        hasDropdown: false,
        notifications: null,
        dropdownItems: [{}],
      },
    ],
  },
  {
    optionType: "Dev. management",
    routes: [
      {
        path: "/accounts",
        icon: <AccountsIcon />,
        iconActive: <AccountsIconActive />,
        text: "Accounts",
        hasNotification: true,
        hasDropdown: false,
        notifications: 5,
        dropdownItems: [{}],
      },
      {
        path: "/managers",
        icon: <ManagersIcon />,
        iconActive: <ManagersIconActive />,
        text: "Managers",
        hasNotification: true,
        hasDropdown: false,
        notifications: 5,
        dropdownItems: [{}],
      },
      {
        path: "/custom-requests",
        icon: <RequestsIcon />,
        iconActive: <RequestsIconActive />,
        text: "Requests",
        hasNotification: true,
        hasDropdown: false,
        notifications: 5,
        dropdownItems: [{}],
      },
    ],
  },
  {
    optionType: null,
    routes: [
      {
        path: null,
        icon: <SettingsIcon />,
        iconActive: <SettingsIconActive />,
        text: "Settings",
        hasNotification: false,
        hasDropdown: true,
        notifications: null,
        dropdownItems: [
          {
            path: "/profile",
            hasNotification: false,
            notifications: null,
            text: "Profile",
          },
          {
            path: "/admins",
            hasNotification: false,
            notifications: null,
            text: "Admins",
          },
          {
            path: "/notifications",
            hasNotification: false,
            notifications: null,
            text: "Notifications",
          },
          {
            path: "/roles",
            hasNotification: false,
            notifications: null,
            text: "Roles & Permissions",
          },
          {
            path: "/security",
            hasNotification: false,
            notifications: null,
            text: "Security",
          },
        ],
      },
    ],
  },
];
