import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';

import {AppRoutingModule} from './app-routing.module';
import {FormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';

import {AppComponent} from './app.component';
import {LoginComponent} from './login/login.component';
import {RegisterComponent} from './register/register.component';
import {HomeComponent} from './home/home.component';
import {ProfileComponent} from './profile/profile.component';
import {BoardAdminComponent} from './board-admin/board-admin.component';
import {BoardUserComponent} from './board-user/board-user.component';
import {MatSelectModule} from '@angular/material/select';
import {authInterceptorProviders} from './_helpers/auth.interceptor';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {ArticlesComponent} from './articles/articles.component';
import {MatTabsModule} from '@angular/material/tabs';
import {MatButtonModule} from '@angular/material/button';
import {UsersComponent} from './admin_components/users/users.component';
import {UpdateUserComponent} from './admin_components/update-user/update-user.component';
import {UserDetailsComponent} from './admin_components/user-details/user-details.component';
import {CreateUserComponent} from './admin_components/create-user/create-user.component';
import {MatListModule} from '@angular/material/list';
import {CreateArticleComponent} from './article-operations/create-article/create-article.component';
import {ArticleDetailsComponent} from './article-operations/article-details/article-details.component';
// ==========FIREBASE
import {AngularFireModule} from '@angular/fire';
import {AngularFireDatabaseModule} from '@angular/fire/database';
import {AngularFireStorageModule} from '@angular/fire/storage';
// ==========PRIMENG
import {ButtonModule} from 'primeng/button';
import {ToastModule} from 'primeng/toast';
import {RippleModule} from 'primeng/ripple';
import {MessageService} from 'primeng/api';
import {MatIconModule} from '@angular/material/icon';
import {HeaderComponent} from './header/header.component';
import {FooterComponent} from './components/footer/footer.component';
import {ConfirmDialogModule} from 'primeng/confirmdialog';
import {MessagesModule} from 'primeng/messages';
import {environment} from '../environments/environment';
import { ChatBotComponent } from './components/chat-bot/chat-bot.component';

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    RegisterComponent,
    HomeComponent,
    ProfileComponent,
    BoardAdminComponent,
    BoardUserComponent,
    ArticlesComponent,
    UsersComponent,
    UpdateUserComponent,
    UserDetailsComponent,
    CreateUserComponent,
    RegisterComponent,
    CreateArticleComponent,
    ArticleDetailsComponent,
    HeaderComponent,
    FooterComponent,
    ChatBotComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    MatSelectModule,
    MatTabsModule,
    MatButtonModule,
    MatSelectModule,
    MatListModule,
    ToastModule,
    ButtonModule,
    RippleModule,
    MatIconModule,
    ConfirmDialogModule,
    MessagesModule,
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireStorageModule
  ],
  bootstrap: [AppComponent],
  providers: [authInterceptorProviders, MessageService],
})
export class AppModule {
}