import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule} from '@angular/forms';
import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
import { DataTablesModule } from 'angular-datatables';
import { NewProductComponent } from './new-product/new-product.component';
import { CommonModules } from '../common/common.module';

// Product Routing
import { ProductRoutingModule } from './product-routing.module';
import { DisplayOrderComponent } from './display-order/display-order.component';
import { NewVariantComponent } from './new-variant/new-variant.component';
import { CategoryDisplayOrderComponent } from './category-display-order/category-display-order.component';
import { AllItemsComponent } from './all-items/all-items.component';
import { ProductImagesComponent } from './product-images/product-images.component';
import { ProductInfoComponent } from './product-info/product-info.component';
import { AllVariantsComponent } from './all-variants/all-variants.component';
import { SalesInfoComponent } from './sales-info/sales-info.component';
import { TaxInfoComponent } from './tax-info/tax-info.component';
import { CostInfoComponent } from './cost-info/cost-info.component';
import { VariantInfoComponent } from './variant-info/variant-info.component';

@NgModule({
  imports: [
    CommonModule,
    CommonModules,
    ProductRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    PerfectScrollbarModule,
    DataTablesModule,
    BsDatepickerModule.forRoot(),
    TooltipModule.forRoot()
  ],
  declarations: [
    NewProductComponent,
    DisplayOrderComponent,
    NewVariantComponent,
    CategoryDisplayOrderComponent,
    AllItemsComponent,
    ProductImagesComponent,
    ProductInfoComponent,
    AllVariantsComponent,
    SalesInfoComponent,
    TaxInfoComponent,
    CostInfoComponent,
    VariantInfoComponent
  ],
  entryComponents: [DisplayOrderComponent,CategoryDisplayOrderComponent,ProductImagesComponent,ProductInfoComponent,SalesInfoComponent,TaxInfoComponent,CostInfoComponent,VariantInfoComponent],
  exports: [DisplayOrderComponent,CategoryDisplayOrderComponent,ProductImagesComponent,ProductInfoComponent,SalesInfoComponent,TaxInfoComponent,CostInfoComponent,VariantInfoComponent],
})
export class ProductsModule { }