import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule } from '@angular/router';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppComponent } from './app.component';
import { NavMenuComponent } from './nav-menu/nav-menu.component';
import { HomeComponent } from './home/home.component';
import { GuiGridModule } from '@generic-ui/ngx-grid';
import { BaseTableComponent } from './components/tables/base-table/base-table.component';
import { UserTableComponent } from './components/tables/user-table/user-table.component';
import { GroupTableComponent } from './components/tables/group-table/group-table.component';
import { ModuleTableComponent } from './components/tables/module-table/module-table.component';
import { UserAssignmentComponent } from './components/user-assignment/user-assignment.component';
import { CardComponent } from './components/common/card/card.component';
import { TabCardComponent } from './components/common/tab-card/tab-card.component';
import { MatTabsModule, MatTabGroup } from '@angular/material/tabs';
import { MatCommonModule } from '@angular/material/core';
import { DragDropModule } from '@angular/cdk/drag-drop';
import { MatTableComponent } from './components/common/mat-table/mat-table.component';
import { UserRepresentationComponent } from './components/user-representation/user-representation.component';
import { GroupUserTableComponent } from "./components/tables/group-user-table/group-user-table.component";
import { UserRepTableComponent } from './components/tables/user-rep-table/user-rep-table.component';
import { SweetAlert2Module } from '@sweetalert2/ngx-sweetalert2';
import { DirGroupTableComponent } from './components/tables/dir-group-table/dir-group-table.component';
import { UserGroupDirImportComponent } from './components/user-group-dir-import/user-group-dir-import.component';
import { GroupDirImportComponent } from './components/group-dir-import/group-dir-import.component';
import { DirUserTableComponent } from "./components/tables/dir-user-table/dir-user-table.component";
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
import { AuthGuard } from './auth/auth.guard';
import { LoginComponent } from './login/login.component';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'
import { NgbPaginationModule, NgbAlertModule } from '@ng-bootstrap/ng-bootstrap';
import { ColorModeBttnComponent } from './components/common/color-mode-bttn/color-mode-bttn.component';
import { UserComponent } from './components/user/user.component';
import { GroupComponent } from './components/group/group.component';
import { ModuleComponent } from './components/module/module.component';

@NgModule({
    declarations: [
        AppComponent,
        NavMenuComponent,
        HomeComponent,
        BaseTableComponent,
        UserTableComponent,
        GroupTableComponent,
        ModuleTableComponent,
        GroupUserTableComponent,
        UserRepTableComponent,
        DirGroupTableComponent,
        UserAssignmentComponent,
        UserRepresentationComponent,
        UserGroupDirImportComponent,
        DirUserTableComponent,
        GroupDirImportComponent,
        LoginComponent,
        ColorModeBttnComponent,
        UserComponent,
        GroupComponent,
        ModuleComponent
    ],
    providers: [],
    bootstrap: [AppComponent],
    imports: [
        BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }),
        HttpClientModule,
        FormsModule,
        BrowserAnimationsModule,
        GuiGridModule,
        CardComponent,
        MatTableComponent,
        TabCardComponent,
        MatTabsModule,
        MatTabGroup,
        MatCommonModule,
        DragDropModule,
        SweetAlert2Module,
        MatButtonModule,
        MatIconModule,
        NgbPaginationModule,
        NgbAlertModule,
        RouterModule.forRoot([
            { path: '', component: HomeComponent },
            { path: 'user-table', component: UserComponent, canActivate:[AuthGuard] },
            { path: 'group-table', component: GroupComponent, canActivate:[AuthGuard] },
            { path: 'module-table', component: ModuleComponent, canActivate:[AuthGuard]  },
            { path: 'user-assignment', component: UserAssignmentComponent, canActivate:[AuthGuard]  },
            { path: 'user-representation', component: UserRepresentationComponent, canActivate:[AuthGuard]  }
        ]),
        NgbModule
    ]
})
export class AppModule { }