import { Routes } from '@angular/router';
import { AppShellComponent } from './layout/app-shell/app-shell.component';

export const routes: Routes = [
  { path: '', pathMatch: 'full', redirectTo: 'location' },
  {
    path: '',
    component: AppShellComponent,
    children: [
      {
        path: 'location',
        loadComponent: () =>
          import('./features/world/location-page/location-page.component').then(
            (module) => module.LocationPageComponent,
          ),
      },
      {
        path: 'world',
        loadComponent: () =>
          import('./features/world/world-page.component').then(
            (module) => module.WorldPageComponent,
          ),
      },
      {
        path: 'hunt',
        loadComponent: () =>
          import('./features/hunting/hunt-page/hunt-page.component').then(
            (module) => module.HuntPageComponent,
          ),
      },
      {
        path: 'combat/:combatId',
        loadComponent: () =>
          import('./features/combat/combat-page/combat-page.component').then(
            (module) => module.CombatPageComponent,
          ),
      },
      {
        path: 'inventory',
        loadComponent: () =>
          import('./features/inventory/inventory-page.component').then(
            (module) => module.InventoryPageComponent,
          ),
      },
    ],
  },
  { path: '**', redirectTo: 'location' },
];