import { Routes } from '@angular/router';
import { canLoadAndActivate } from './core/guards/guard.helpers';
import { LoggedGuard } from './core/guards/logged.guard';
import { NoLoggedGuard } from './core/guards/no-logged.guard';

export const appRoutes: Routes = [
	{
		path: 'app',
		...canLoadAndActivate(LoggedGuard),
		loadComponent: () => import('./pages/home/home.component'),
	},
	{
		path: 'signup',
		loadComponent: () => import('./pages/signup/signup.component'),
		...canLoadAndActivate(NoLoggedGuard),
	},
	{
		path: 'login',
		loadComponent: () => import('./pages/signin/signin.component'),
		data: { mode: 'user' },
		...canLoadAndActivate(NoLoggedGuard),
	},
	{
		path: 'login/staff',
		loadComponent: () => import('./pages/signin/signin.component'),
		data: { mode: 'staff' },
		...canLoadAndActivate(NoLoggedGuard),
	},
	{
		path: '',
		loadComponent: () => import('./pages/landing/landing.component'),
		...canLoadAndActivate(NoLoggedGuard),
	},
	{ path: '**', pathMatch: 'full', redirectTo: '' },
];