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',
		loadComponent: () => import('./pages/logged/home/home.component'),
		...canLoadAndActivate(LoggedGuard),
	},
	{
		path: 'app/live',
		loadComponent: () => import('./pages/logged/live/live.component'),
		...canLoadAndActivate(LoggedGuard),
	},
	{
		path: 'app/ondemand',
		loadComponent: () => import('./pages/logged/ondemands/ondemands.component'),
		...canLoadAndActivate(LoggedGuard),
	},
	{
		path: 'login',
		loadComponent: () => import('./pages/signin/signin.component'),
		...canLoadAndActivate(NoLoggedGuard),
	},
	{
		path: 'signup',
		loadComponent: () => import('./pages/signup/signup.component'),
		...canLoadAndActivate(NoLoggedGuard),
	},
	{
		path: '',
		loadComponent: () => import('./pages/landing/landing.component'),
		...canLoadAndActivate(NoLoggedGuard),
	},
	{ path: '**', pathMatch: 'full', redirectTo: '' },
];