import { Component, OnInit, Input, HostBinding } from "@angular/core";
import { FormGroup } from "@angular/forms";
import { IDynamicBaseControl, IDynamicDropdownControl } from "../../interfaces/dynamic-control.interface";
@Component({
  selector: "dynamic-base-dropdown",
  template: `
    <div class="farris-group-wrap" [formGroup]="form">
      <div class="form-group farris-form-group">
        <label class="col-form-label">
          <span *ngIf="0" class="farris-label-info text-danger">*</span>
          <span class="farris-label-text">{{control.name}}</span>
        </label>
        <div class="farris-input-wrap">
            <farris-combo-list *ngIf="options.items"
                [readonly]="options.readonly"
                [formControlName]="control.labelCode"
                [idField]="options.idField"
                [textField]="options.textField"
                [multiSelect]="options.multiSelect"
                [data]="options.items"
            ></farris-combo-list>
            <farris-combo-list *ngIf="options.uri"
                [readonly]="options.readonly"
                [formControlName]="control.labelCode"
                [idField]="options.idField"
                [textField]="options.textField"
                [multiSelect]="options.multiSelect"
                [uri]="options.uri"
            ></farris-combo-list>
        </div>
      </div>
    </div>
  `,
  styles: []
})
export class BaseDropdownComponent implements OnInit {
  @HostBinding('class') className: string;
  @Input()
  control: IDynamicDropdownControl;
  @Input()
  form: FormGroup;
  options: any;
  constructor() {}
  ngOnInit() {
      this.options = this.control.control;
      this.className = this.control.className ? this.control.className : 'col-12 col-md-6 col-xl-3 col-el-2';
  }
}