import { Routes } from '@angular/router';

export const appRoutes: Routes = [
    {
        path: 'info',
        loadComponent: () => import(
            /* webpackChunkName: "page-info" */
            './pages/info.component'
        ).then(m => m.InfoComponent),
    },
    {
        path: 'settings',
        loadComponent: () => import(
            /* webpackChunkName: "page-settings" */
            './pages/settings.component'
        ).then(m => m.SettingsComponent),
    },
    {
        path: 'database',
        loadComponent: () => import(
            /* webpackChunkName: "page-main" */
            './pages/database/database.component'
        ).then(m => m.DatabaseComponent),
        children: [
            {
                path: 'statistics',
                loadComponent: () => import(
                    /* webpackChunkName: "page-statistics" */
                    './pages/database/statistics.component'
                ).then(m => m.StatisticsComponent),
            },
            {
                path: 'key/:key',
                loadComponent: () => import(
                    /* webpackChunkName: "page-main-key" */
                    './pages/database/database-key.component'
                ).then(m => m.DatabaseKeyComponent),
            },
            {
                path: '',
                redirectTo: 'statistics',
                pathMatch: 'full',
            },
        ],
    },
    {
        path: 'search',
        loadComponent: () => import(
            /* webpackChunkName: "page-search" */
            './pages/search/search.component'
        ).then(m => m.SearchComponent),
    },
    {
        path: 'monitoring',
        loadComponent: () => import(
            /* webpackChunkName: "page-monitoring" */
            './pages/monitoring/monitoring.component'
        ).then(m => m.MonitoringComponent),
    },
    {
        path: 'main',
        redirectTo: 'database',
        pathMatch: 'prefix',
    },
    {
        path: 'socketio-error',
        loadComponent: () => import(
            /* webpackChunkName: "page-error" */
            './components/p3xr-error.component'
        ).then(m => m.P3xrErrorComponent),
    },
    {
        path: '',
        redirectTo: 'settings',
        pathMatch: 'full',
    },
    {
        path: '**',
        redirectTo: 'settings',
    },
];