import { createRouter, createWebHistory } from 'vue-router'

const routes = [
    { path: '/', redirect: '/dashboard' }, {
        path: '/dashboard',
        name: 'Dashboard',
        component: () => import('@/views/DashboardView.vue'),
        meta: { sidebar: true, icon: 'dashboard' }
    },
    {
        path: '/chat',
        name: 'Chat with Eira',
        component: () => import('@/views/ChatView.vue'),
        meta: { sidebar: true, icon: 'chat' } // add a relevant icon if you want
    },
    {
        path: '/tasks',
        name: 'Tasks',
        component: () => import('@/views/TasksView.vue'),
        meta: { sidebar: true, icon: 'tasks' } // add a relevant icon if you want
    },
    {
        path: '/morning-briefing',
        name: 'Morning Briefing',
        component: () => import('@/views/MorningBriefingView.vue'),
        meta: { sidebar: true, icon: 'morning' } // add a relevant icon if you want
    },
    {
        path: '/midday-news',
        name: 'Midday News',
        component: () => import('@/views/MiddayNewsView.vue'),
        meta: { sidebar: true, icon: 'midday' } // add a relevant icon if you want
    },
    {
        path: '/admin-panel',
        name: 'Admin Panel',
        component: () => import('@/views/AdminView.vue'),
        meta: { sidebar: true, icon: 'admin' } // add a relevant icon if you want
    },
    {
        path: '/settings',
        name: 'Settings',
        component: () => import('@/views/SettingsView.vue'),
        meta: {
            sidebar: true,
            icon: 'settings'
        } // add a relevant icon if you want
    }
]

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

export default router