import DashboardLayout from "@/layout/dashboard/DashboardLayout.vue";
// GeneralViews
import NotFound from "@/pages/NotFoundPage.vue";

// Admin pages
// const Dashboard = () => import(/* webpackChunkName: "dashboard" */"@/pages/Dashboard.vue");
// const Profile = () => import(/* webpackChunkName: "common" */ "@/pages/Profile.vue");
// const Notifications = () => import(/* webpackChunkName: "common" */"@/pages/Notifications.vue");
// const Icons = () => import(/* webpackChunkName: "common" */ "@/pages/Icons.vue");
// const Maps = () => import(/* webpackChunkName: "common" */ "@/pages/Maps.vue");
// const Typography = () => import(/* webpackChunkName: "common" */ "@/pages/Typography.vue");
// const TableList = () => import(/* webpackChunkName: "common" */ "@/pages/TableList.vue");
const Robot = () => import("@/pages/Robot");
const Account = () => import("@/pages/Account");
const Edit = () => import("@/pages/Robot/edit.vue");
const WinRate = () => import("@/pages/WinRate");
const ReCheck = () => import("@/pages/ReCheck");
const Capital = () => import("@/pages/Profit");
const Prev = () => import("@/pages/Prev");
const RobotSec = () => import("@/pages/RobotSec");
const AccountSec = () => import("@/pages/RobotSec/Account");
const MainSec = () => import("@/pages/MainSec");

const routes = [
  {
    path: "/",
    component: DashboardLayout,
    redirect: "/prev",
    children: [
      {
        path: "prev",
        name: "prev",
        meta: { auth: false },
        component: Prev
      },
      {
        path: "robot/:type",
        name: "robot",
        meta: { auth: true },
        component: Robot
      },
      {
        path: "edit/:id",
        name: "edit",
        meta: { auth: true },
        component: Edit
      },
      {
        path: "editt/:id",
        name: "editt",
        meta: { auth: true },
        component: MainSec
      },
      {
        path: "winRate",
        name: "winRate",
        meta: { auth: true },
        component: WinRate
      },
      {
        path: "account/:type",
        name: "account",
        meta: { auth: true },
        component: Account
      },
      {
        path: "reCheck",
        name: "reCheck",
        meta: { auth: true },
        component: ReCheck
      },
      {
        path: "capital",
        name: "capital",
        meta: { auth: true },
        component: Capital
      },
      {
        path: "robotsec",
        name: "robotsec",
        meta: { auth: true },
        component: RobotSec
      },
      {
        path: "accountSec",
        name: "accountSec",
        meta: { auth: true },
        component: AccountSec
      }

      // {
      //   path: "profile",
      //   name: "profile",
      //   component: Profile
      // },
      // {
      //   path: "notifications",
      //   name: "notifications",
      //   component: Notifications
      // },
      // {
      //   path: "icons",
      //   name: "icons",
      //   component: Icons
      // },
      // {
      //   path: "maps",
      //   name: "maps",
      //   component: Maps
      // },
      // {
      //   path: "typography",
      //   name: "typography",
      //   component: Typography
      // },
      // {
      //   path: "table-list",
      //   name: "table-list",
      //   component: TableList
      // }
    ]
  },
  { path: "*", component: NotFound }
];

/**
 * Asynchronously load view (Webpack Lazy loading compatible)
 * The specified component must be inside the Views folder
 * @param  {string} name  the filename (basename) of the view to load.
function view(name) {
   var res= require('../components/Dashboard/Views/' + name + '.vue');
   return res;
};**/

export default routes;