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

import { AccessDeniedComponent } from './core/components/access-denied/access-denied.component';
import { NotFoundComponent } from './core/components/not-found/not-found.component';

import { DefaultLayoutComponent } from './core/components/default-layout/default-layout.component';

import { DashboardPageComponent } from './features/dashboard/pages/dashboard-page/dashboard-page.component';

export const routes: Routes = [
  {
    path: '',
    redirectTo: 'auth',
    pathMatch: 'full',
  },

  {
    path: 'dashboard',
    component: DefaultLayoutComponent,
    children: [
      {
        path: '',
        loadChildren: () =>
          import('./features/dashboard/dashboard.routes').then(
            (r) => r.DASHBOARD_ROUTES
          ),
      },
    ],
  },
  {
    path: 'auth',
    loadChildren: () =>
      import('./features/auth/auth.routes').then((r) => r.AUTH_ROUTES),
  },
  {
    path: 'demo',
    loadChildren: () =>
      import('./features/demo/demo.routes').then((r) => r.DEMO_ROUTES),
  },
  {
    path: 'access-denied',
    component: AccessDeniedComponent,
    title: 'Zugriff verweigert',
  },
  {
    path: '404',
    component: NotFoundComponent,
    title: '404 - Seite nicht gefunden',
  },

  {
    path: '**',
    redirectTo: '404',
  },
];