import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
import { BsDropdownModule } from 'ngx-bootstrap';
import { SortablejsModule } from 'ngx-sortablejs';
import { AppComponent } from './app.component';
import { ExamplesModule } from './examples/examples.module';
import { MultipleListsComponent } from './examples/multiple-lists/multiple-lists.component';
import { SimpleSortableComponent } from './examples/simple-sortable/simple-sortable.component';
import { SortableFormArrayComponent } from './examples/sortable-form-array/sortable-form-array.component';
import { SortableWithOptionsComponent } from './examples/sortable-with-options/sortable-with-options.component';
import { CrossComponentsMultipleListsComponent } from './test-cases/cross-components-multiple-lists/cross-components-multiple-lists.component';
import { TestCasesModule } from './test-cases/test-cases.module';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot([
    { path: '', pathMatch: 'full', redirectTo: 'sortable-array' },
    {
        path: 'sortable-array',
        component: SimpleSortableComponent,
    },
    {
        path: 'sortable-form-array',
        component: SortableFormArrayComponent,
    },
    {
        path: 'custom-options',
        component: SortableWithOptionsComponent,
    },
    {
        path: 'multiple-lists',
        component: MultipleListsComponent,
    },
    {
        path: 'tests/cross-components-multiple-list',
        component: CrossComponentsMultipleListsComponent,
    },
], { relativeLinkResolution: 'legacy' }),

    // global settings
    SortablejsModule.forRoot({
      animation: 200,
    }),

    BsDropdownModule.forRoot(),

    ExamplesModule,
    TestCasesModule,
  ],
  bootstrap: [AppComponent],
})
export class AppModule { }