import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { DashboardComponent } from './pages/dashboard/dashboard.component';

import { FlightsComponent } from './pages/flights/flights.component';
import { UsersComponent } from './pages/users/users.component';
import { ReadersComponent } from './pages/readers/readers.component';
import { PlanesComponent } from './pages/planes/planes.component';

import { FlightComponent } from './pages/flight/flight.component';
import { UserComponent } from './pages/user/user.component';
import { ReaderComponent } from './pages/reader/reader.component';
import { PlaneComponent } from './pages/plane/plane.component';


const routes: Routes = [
  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
  { path: 'dashboard',  component: DashboardComponent },
  { path: 'flights', component: FlightsComponent },
  { path: 'users', component: UsersComponent},
  { path: 'readers', component: ReadersComponent},
  { path: 'planes', component: PlanesComponent},
  { path: 'flight/:id', component: FlightComponent},
  { path: 'user/:id', component: UserComponent},
  { path: 'reader/:id', component: ReaderComponent},
  { path: 'plane/:id', component: PlaneComponent}
];
@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}