import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { EditTravelComponent } from './pages/edit-travel/edit-travel.component';
import { HomeComponent } from './pages/home/home.component';
import { NewTravelComponent } from './pages/new-travel/new-travel.component';
import { TravelComponent } from './pages/travel/travel.component';

const routes: Routes = [
    {
      path: '',
      redirectTo: 'home',
      pathMatch: 'full'
    },
    {
      path: 'home',
      component: HomeComponent
    },
    {
      path: 'travel/new',
      component: NewTravelComponent
    },
    {
      path: 'travel/:id',
      component: TravelComponent
    },
    {
      path: 'travel/:id/edit',
      component: EditTravelComponent
    },
    {
      path: '**',
      redirectTo: 'home'
    }
  ];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRouterModule { }