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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { LoginComponent } from './components/login/login.component';
import { HttpClientJsonpModule, HttpClientModule } from "@angular/common/http";
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {MatNativeDateModule} from '@angular/material/core';
import { MatSidenavModule } from '@angular/material/sidenav';
import { LoginModalComponent } from './components/login-modal/login-modal.component';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MessageService } from 'primeng/api';
import { APP_BASE_HREF } from '@angular/common';
import {MessagesModule} from "primeng/messages";
import { RouterModule } from '@angular/router';
import { ClientsComponent } from './pages/clients/clients.component';
import { OrdersComponent } from './pages/orders/orders.component';
import { TerminalsComponent } from './pages/terminals/terminals.component';
import { DivisionsComponent } from './pages/divisions/divisions.component';
import { AreasComponent } from './pages/areas/areas.component';
import { MenuComponent } from './components/menu/menu.component';
import { ExitComponentComponent } from './components/exit-component/exit-component.component';
import { TableModule } from 'primeng/table';
import { ScrollPanelModule } from 'primeng/scrollpanel';
import { ToastModule } from 'primeng/toast';
import { ConfirmDialogModule } from 'primeng/confirmdialog';
import { ConfirmationService } from 'primeng/api';
import { DropdownModule } from 'primeng/dropdown';
import { ChipsModule } from 'primeng/chips';
import { ButtonModule } from 'primeng/button';

const routes = [
  { path: 'clients', component: ClientsComponent },
  { path: 'orders', component: OrdersComponent },
  { path: 'terminals', component: TerminalsComponent },
  { path: 'divisions', component: DivisionsComponent },
  { path: 'areas', component: AreasComponent },
  { path: '', redirectTo: '/clients', pathMatch: 'full' }
]


@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    LoginModalComponent,
    ClientsComponent,
    OrdersComponent,
    TerminalsComponent,
    DivisionsComponent,
    AreasComponent,
    MenuComponent,
    ExitComponentComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    HttpClientJsonpModule,
    BrowserAnimationsModule,
    MatNativeDateModule,
    MatSidenavModule,
    FormsModule,
    ReactiveFormsModule,
    ToastModule,
    MessagesModule,
    ConfirmDialogModule,
    TableModule,
    ScrollPanelModule,
    DropdownModule,
    ChipsModule,
    ButtonModule,
    RouterModule.forRoot(routes)
  ],
  providers: [MessageService, { provide: APP_BASE_HREF, useValue: '/' }, ConfirmationService],
  bootstrap: [AppComponent]
})
export class AppModule { }