import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import {FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import { HomeComponent } from './home/home.component';
//import {SignupComponent} from './signup/signup.component'
import { HttpClientModule } from '@angular/common/http';
import {DvrEntryComponent} from '../app/createentry/dvrentry.component';
import { ContactComponent} from '../app/contact/contact.component';
import {DateFormatPipe} from '../app/pipe/date.pipe'
import {DataTablesModule} from 'angular-datatables';
import { FieldErrorDisplayComponent } from "../app/field-error-display/field-error-display.component";
import {HeaderComponent} from "../app/header/header.component";

import { HashLocationStrategy, LocationStrategy } from '@angular/common';
import {CustomerComponent} from '../app/customer/customer.component';
import {PasswordComponent} from './password/password.component';

import { NgxIntlTelInputModule } from 'ngx-intl-tel-input';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';

@NgModule({
    declarations: [
        AppComponent,
        LoginComponent,
        HomeComponent,
        // SignupComponent
        DvrEntryComponent,
        ContactComponent,
        DateFormatPipe,
        FieldErrorDisplayComponent,
        HeaderComponent,
        CustomerComponent,
        PasswordComponent
    ],
    providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
    bootstrap: [AppComponent],
    imports: [
        BrowserModule,
        AppRoutingModule,
        ReactiveFormsModule,
        HttpClientModule,
        DataTablesModule,
        BrowserAnimationsModule,
        NgxIntlTelInputModule,
        BsDropdownModule.forRoot(),
    ]
})
export class AppModule { }
