import {Routes} from '@angular/router';
import {AgendaComponent} from './pages/agenda/agenda.component';
import {LoginComponent} from './pages/login/login.component';
import {HomeComponent} from './pages/home/home.component';
import {KlantenComponent} from './pages/klanten/klanten.component';
import {AgendaInviteComponent} from './pages/agenda-invite/agenda-invite.component';
import {AgendaDelenComponent} from './pages/agenda-delen/agenda-delen.component';

export const routes: Routes = [
  {path: '', redirectTo: 'login', pathMatch: 'full'},
  {path: 'login', component: LoginComponent},
  {
    path: 'home',
    component: HomeComponent,
    children: [
      {
        path: 'agenda',
        component: AgendaComponent,
      },
      {
        path: 'klanten',
        component: KlantenComponent,
      },
      {
        path: 'agenda-invite',
        component: AgendaInviteComponent
      },
      {
        path: 'agenda-delen',
        component: AgendaDelenComponent
      }
      // {
      //     path: 'dashboard',
      //     component: DashboardComponent,
      // },
    ],
  },
];