import { Routes } from '@angular/router';
import { LandingComponent } from './feature/landing/landing.component';
import { authGuard } from './auth.guard';

export const routes: Routes = [
  {
    path: '',
    component: LandingComponent,
  },
  {
    path: 'home',
    loadComponent: () => import('./feature/home/home.component'),
    canActivate: [authGuard],
  },
  {
    path: 'verify',
    loadComponent: () =>
      import('./feature/auth/verify-email/verify-email.component').then(
        (m) => m.VerifyEmailComponent
      ),
  },
  {
    path: 'game/blackjack',
    loadComponent: () => import('./feature/game/blackjack/blackjack.component'),
    canActivate: [authGuard],
  },
  {
    path: 'game/slots',
    loadComponent: () => import('./feature/game/slots/slots.component'),
    canActivate: [authGuard],
  },
  {
    path: 'game/lootboxes',
    loadComponent: () =>
      import('./feature/lootboxes/lootbox-selection/lootbox-selection.component'),
    canActivate: [authGuard],
  },
  {
    path: 'game/lootboxes/open/:id',
    loadComponent: () => import('./feature/lootboxes/lootbox-opening/lootbox-opening.component'),
    canActivate: [authGuard],
  },
];