// angular
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';

// libs
import { GoogleSigninButtonModule } from '@abacritt/angularx-social-login';

// app
import { AuthenticationRoutingModule } from './authentication-routing.module';
import { Page500Component } from './page500/page500.component';
import { Page404Component } from './page404/page404.component';
import { SigninComponent } from './signin/signin.component';
import { SignupComponent } from './signup/signup.component';
import { LockedComponent } from './locked/locked.component';
import { ForgotPasswordComponent } from './forgot-password/forgot-password.component';
import { environment } from '../../environments/environment';

const googleButtonImports = environment.externalLogins?.google?.clientId
	? [GoogleSigninButtonModule]
	: [];

@NgModule({
	imports: [
		CommonModule,
		FormsModule,
		ReactiveFormsModule,
		AuthenticationRoutingModule,
		MatFormFieldModule,
		MatInputModule,
		MatIconModule,
		MatButtonModule,
		...googleButtonImports,
	],
	declarations: [
		Page500Component,
		Page404Component,
		SigninComponent,
		SignupComponent,
		LockedComponent,
		ForgotPasswordComponent,
	],
	providers: [
	],
	schemas: [
		CUSTOM_ELEMENTS_SCHEMA
	]
})
export class AuthenticationModule {
}