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

import { authGuard } from '../auth/auth-guard.service';
import { menuCategoryListResolver } from '../menu-category/menu-category-list.resolver';
import { saleCategoryListResolver } from '../sale-category/sale-category-list.resolver';
import { BundleDetailComponent } from './bundle-detail/bundle-detail.component';
import { bundleListResolver } from './bundle-list.resolver';
import { BundleListComponent } from './bundle-list/bundle-list.component';
import { bundleResolver } from './bundle.resolver';

export const routes: Routes = [
  {
    path: '',
    component: BundleListComponent,
    canActivate: [authGuard],
    data: { permission: 'Products' }, // change if you have a separate permission
    resolve: {
      list: bundleListResolver,
      menuCategories: menuCategoryListResolver,
    },
  },
  {
    path: 'new',
    component: BundleDetailComponent,
    canActivate: [authGuard],
    data: { permission: 'Products' },
    resolve: {
      item: bundleResolver, // returns new Bundle() because id === null (no param here)
      menuCategories: menuCategoryListResolver,
      saleCategories: saleCategoryListResolver,
    },
  },
  {
    path: ':id',
    component: BundleDetailComponent,
    canActivate: [authGuard],
    data: { permission: 'Products' },
    resolve: {
      item: bundleResolver,
      menuCategories: menuCategoryListResolver,
      saleCategories: saleCategoryListResolver,
    },
  },
];