import { CommonModule } from '@angular/common';
import { Inject, LOCALE_ID, NgModule } from '@angular/core';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';

import { NgSelectModule } from '@ng-select/ng-select';
import { bsDatepickerModuleWithProviders, bsDropdownModuleWithProviders } from './ng-xform.module-imports';
import { BsLocaleService } from 'ngx-bootstrap/datepicker';
import { PipesModule } from '../pipes/pipes.module';
import { CheckboxFieldComponent } from './checkbox-field/checkbox-field.component';
import { CustomFieldComponent } from './custom-field/custom-field.component';
import { DateFieldComponent } from './date-field/date-field.component';
import { DateRangeFieldComponent } from './date-range-field/date-range-field.component';
import { EditableLabelComponent } from './editable-label/editable-label.component';
import { OptionalTagComponent } from './field-components/optional-tag.component';
import { ErrorMessagePipe } from './field-error-message/error-message.pipe';
import { FieldErrorMessageComponent } from './field-error-message/field-error-message.component';
import { FormControlLayoutComponent } from './form-control-layout/form-control-layout.component';
import { FormGroupComponent } from './form-group/form-group.component';
import { MeasureFieldComponent } from './measure-field/measure-field.component';
import { MultilineFieldComponent } from './multiline-field/multiline-field.component';
import { NgXformComponent } from './ng-xform.component';
import { RadioGroupFieldComponent } from './radiogroup-field/radiogroup-field.component';
import { SelectFieldComponent } from './select-field/select-field.component';
import { NgXformEditSaveComponent } from './ng-xform-edit-save/ng-xform-edit-save.component';
import { EditSaveCancelButtonBarComponent } from './edit-save-cancel-button-bar/edit-save-cancel-button-bar.component';
import { NumberFieldComponent } from './number-field/number-field.component';
import { InputNumberComponent } from './number-field/input-number.component';


@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    PipesModule,
    NgSelectModule,
    bsDatepickerModuleWithProviders,
    bsDropdownModuleWithProviders,
  ],
  declarations: [
    NgXformComponent,
    NgXformEditSaveComponent,
    FormGroupComponent,
    EditableLabelComponent,
    NumberFieldComponent,
    CheckboxFieldComponent,
    CustomFieldComponent,
    RadioGroupFieldComponent,
    MeasureFieldComponent,
    SelectFieldComponent,
    FieldErrorMessageComponent,
    ErrorMessagePipe,
    MultilineFieldComponent,
    OptionalTagComponent,
    DateFieldComponent,
    DateRangeFieldComponent,
    FormControlLayoutComponent,
    EditSaveCancelButtonBarComponent,
    InputNumberComponent,
  ],
  exports: [
    NgXformComponent,
    NgXformEditSaveComponent,
    FieldErrorMessageComponent,
    InputNumberComponent,
    PipesModule,
  ]
})
export class NgXformModule {
  constructor(bsLocaleService: BsLocaleService, @Inject(LOCALE_ID) locale: string) {
    if (bsLocaleService.locale.value !== locale) {
      bsLocaleService.use(locale);
    }
  }
}