import { createRouter, createWebHashHistory } from 'vue-router';
import Layout from './layouts/Main.vue';

const routes = [
  {
    path: '/',
    component: Layout,
    children: [
      { path: '', component: () => import('./views/Overview.vue') },
      { path: '/rewards/users', component: () => import('./views/UserRewards.vue') },
      { path: '/submissions/list', component: () => import('./views/submissions/ListOfSubmissions.vue') },
      { path: '/submission/:id', component: () => import('./views/submissions/SubmissionForm.vue'), props: true },
      { path: '/challenges/list', component: () => import('./views/challenges/ListOfChallenges.vue') },
      { path: '/rank/:id', component: () => import('./views/ranks/RankForm.vue'), props: true },
      { path: '/ranks/add', component: () => import('./views/ranks/RankForm.vue') },
      { path: '/ranks/list', component: () => import('./views/ranks/ListOfRanks.vue') },
      { path: '/achievement/:id', component: () => import('./views/achievements/AchievementForm.vue'), props: true },
      { path: '/achievements/add', component: () => import('./views/achievements/AchievementForm.vue') },
      { path: '/achievements/list', component: () => import('./views/achievements/ListOfAchievements.vue') },
      { path: '/wallets/list', component: () => import('./views/wallets/ListOfWallets.vue') },
      { path: '/wallet/:id', component: () => import('./views/wallets/WalletForm.vue'), props: true },
      { path: '/wallets/add', component: () => import('./views/wallets/WalletForm.vue') },
      { path: '/wallets/transactions/:id', component: () => import('./views/wallets/Transactions.vue') },
      { path: '/wallets/transactions/add', component: () => import('./views/wallets/TransactionForm.vue') },
      { path: '/challenge/:id', component: () => import('./views/challenges/ChallengeForm.vue'), props: true },
      { path: '/challenges/add', component: () => import('./views/challenges/ChallengeForm.vue') },
      { path: '/settings', component: () => import('./views/Settings.vue') },
      { path: '/analytics', component: () => import('./views/Analytics.vue') },
    ]
  }
];

const router = createRouter({
  history: createWebHashHistory(),
  routes
});

export default router;