import { NgModule } from '@angular/core';
import { RouterModule }   from '@angular/router';

//Components
import { HomeComponent } from './components/home/home.component';
import { WhoWeAreComponent } from './components/whoweare/whoweare.component';
import { ServicesComponent } from './components/services/services.component';
import { SermonsComponent } from './components/sermons/sermons.component';
import { LocationComponent } from './components/location/location.component';
import { EventsPageComponent } from './components/events-page/events-page.component';
import { ContactPageComponent } from './components/contact-page/contact-page.component';
import { SalvationPageComponent } from './components/salvation-page/salvation-page.component';
import { CampPageComponent } from './components/camp-page/camp-page.component';
import { MembersPageComponent } from './components/members-page/members-page.component';
import { AddTransactionPageComponent } from './components/add-transaction-page/add-transaction-page.component';

const routes =
  [
      {
        path: '',
        redirectTo: '/home',
        pathMatch: 'full'
      },{
        path: 'home',
        component: HomeComponent
      },
      {
        path: 'whoweare',
        component: WhoWeAreComponent
      },
      {
        path: 'services',
        component: ServicesComponent
      },
      {
        path: 'contact',
        component: ContactPageComponent
      },
      {
        path: 'sermons',
        component: SermonsComponent
      },
      {
        path: 'sermons/:id',
        component: SermonsComponent
      },
      {
        path: 'location',
        component: LocationComponent
      },
      {
        path: 'events',
        component: EventsPageComponent
      },
      {
        path: 'events/:id',
        component: EventsPageComponent
      },
      {
        path: 'salvation',
        component: SalvationPageComponent
      },
      {
        path: 'user',
        component: MembersPageComponent
      },
      {
        path: 'camp',
        component: CampPageComponent
      },
      {
        path: 'transactions/add',
        component: AddTransactionPageComponent
      }
    ]

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