import { Component, OnInit, Input, HostBinding } from "@angular/core";
import { IDynamicBaseControl } from "../../interfaces/dynamic-control.interface";
import { FormGroup } from '@angular/forms';
@Component({
  selector: "dynamic-input",
  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">
            <input-group [formControlName]="control.labelCode" [readonly]="control.control.readonly"></input-group>
          </div>
        </div>
      </div>
  `,
  styles: []
})
export class InputComponent implements OnInit {
  @HostBinding('class') className: string;
  @Input()
  control: IDynamicBaseControl;
  @Input()
  form: FormGroup;

  constructor() {}
  ngOnInit() {
    this.className = this.control.className ? this.control.className : 'col-12 col-md-6 col-xl-3 col-el-2';
  }
}