import Vue from 'vue'
import App from './App.vue'
import Router from 'vue-router'

import Dashboard from '@/components/Dashboard'
import DashboardHome from '@/pages/Home'
import DashboardVerifier from '@/pages/Verifier'
import DIDcreation from '@/pages/DIDcreation'
import FileSharing from '@/pages/FileSharing'
import BackedupFiles from '@/pages/BackedupFiles'
import VerifyDID from '@/pages/VerifyDID'
import NMS from '@/pages/NMS'
import Logs from '@/pages/Logs'
import UserLog from '@/pages/UserLog'
import Account from '@/pages/Account'
import NewFileUpload from '@/pages/NewFileUpload'
import Anomalies from '@/pages/Anomalies'

import store from './store'

import '@/assets/css/tailwind.css'


Vue.config.productionTip = false

Vue.use(Router)

const routes = [
  { path: '/', redirect: { name: 'DashboardHome' } },
  { path: '/create-new-DID', name: 'DIDcreation', component: DIDcreation },
  { path: '/verification', name: 'VerifyDID', component: VerifyDID },
  { path: '/dashboard', component: Dashboard, children: [
      { path: '/', redirect: { name: 'DashboardHome' } },
      { path: 'home', name: 'DashboardHome', component: DashboardHome },
      { path: 'verifier', name: 'DashboardVerifier', component: DashboardVerifier },
      { path: 'NMS', name: 'NMS', component: NMS },
      { path: 'logs', name: 'logs', component: Logs },
      { path: 'user-log', name: 'UserLog', component: UserLog, props: true },
      { path: 'anomalies', name: 'anomalies', component: Anomalies },
      { path: 'files', name: 'FileSharing', component: FileSharing },
      { path: 'backup', name: 'BackedupFiles', component: BackedupFiles },
      { path: 'upload-file', name: 'NewFileUpload', component: NewFileUpload },
      { path: 'account', name: 'Account', component: Account },
    ]
  },
  { path: '/about', redirect: { name: 'DashboardHome' } }
]

const router = new Router({
  mode: 'history',
  routes
})

new Vue({
  render: h => h(App),
  router,
  store
}).$mount('#app')