import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule } from '@angular/forms';
import { MatButtonModule,MatCardModule,MatCheckboxModule,MatDialogModule,MatFormFieldModule,MatGridListModule, MatIconModule,MatInputModule,MatSelectModule,MatToolbarModule} from '@angular/material';
import { NgModule } from '@angular/core';

import { AnonymousSuggestionComponent } from './anonymous-suggestion/anonymous-suggestion.component';
import { ClearBrowserCacheComponent } from './clear-browser-cache/clear-browser-cache.component';
import { CreateAccountComponent } from './create-account/create-account.component'
import { LoginComponent } from './login/login.component';
import { ResetpasswordComponent } from './resetpassword/resetpassword.component';

import { MainComponent } from './main-component/main.component';
import { Router, RouterModule } from '@angular/router';
import { RouterTestingModule } from '@angular/router/testing';
import { RecaptchaModule } from 'angular-google-recaptcha';
import { ReactiveFormsModule } from '@angular/forms';
import { ModalDialogComponent } from './modal-dialog/modal-dialog.component';
import { allRoutes } from './routes.service';
import { DataService } from './routes.service';

@NgModule({
     declarations: [
          AnonymousSuggestionComponent,
          LoginComponent,
          ModalDialogComponent,
          MainComponent,
          ResetpasswordComponent,
          ClearBrowserCacheComponent,
          CreateAccountComponent
     ],
     entryComponents: [ModalDialogComponent],
     imports: [
          BrowserModule,
          BrowserAnimationsModule,
          FormsModule,
          MatButtonModule,
          MatCardModule,
          MatCheckboxModule,
          MatDialogModule,
          MatFormFieldModule,
          MatGridListModule,
          MatIconModule,
          MatInputModule,
          MatSelectModule,
          MatToolbarModule,
          ReactiveFormsModule,
          RouterTestingModule,

          RouterModule.forRoot(
               allRoutes
               //{ enableTracing: true } // <-- debugging purposes only
          ),

          RecaptchaModule.forRoot({
               siteKey: '6LeU3gYUAAAAAIDFpoT5cCXNzO26VdSdQZzUURZ1',
          }),
     ],
     exports: [RouterModule],
     providers: [
          DataService,
          MainComponent,
     ],
     bootstrap: [MainComponent]
})

export class AppModule {}