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';
import { MissionaryFormPageComponent } from './components/missionary-form-page/missionary-form-page.component';
import { ContributorYearlyReportComponent } from './components/contributor-yearly-report/contributor-yearly-report.component';
import { ContributorAllReportsComponent } from './components/contributor-all-reports/contributor-all-reports.component';
import { LiveStreamComponent } from './components/live-stream/live-stream.component';
import { VideoServicesComponent } from './components/video-services/video-services.component';
import { ImageComponent } from './components/image/image.component';
import { VideoComponent } from './components/video/video.component';
import { FCCPermitPageComponent } from './components/fcc-permit-page/fcc-permit-page.component';
import { BalloonComponent } from './components/balloon/balloon.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: 'missionary',
        component: MissionaryFormPageComponent
      },
      {
        path: 'sermons',
        component: SermonsComponent
      },
      {
        path: 'video',
        component: VideoComponent
      },
      {
        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: 'covid',
        component: ImageComponent,
        data: {
          imageUrl: 'assets/images/tiny/covid_tract.jpg',
          shareName: 'covid'
        }
      },
      {
        path: 'covid2',
        component: ImageComponent,
        data: {
          imageUrl: 'assets/images/tiny/covid_tract_2.jpg',
          shareName: 'covid2'
        }
      },
      {
        path: 'camp',
        component: CampPageComponent
      },
      {
        path: 'live',
        component: LiveStreamComponent
      },
      {
        path: 'transactions/add',
        component: AddTransactionPageComponent
      },
      {
        path: 'contributor/report',
        component: ContributorAllReportsComponent
      },
      {
        path: 'fmpermit',
        component: FCCPermitPageComponent
      },
      {
        path: 'balloon',
        component: BalloonComponent
      }
    ]

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