<form [formGroup]="formGroup">
  <c8y-form-group class="m-b-8">
    <label
      class="c8y-switch"
      [title]="'Legacy configuration' | translate"
    >
      <input
        type="checkbox"
        formControlName="legacy"
      />
      <span></span>
      <span>{{ 'Legacy configuration' | translate }}</span>
      <span class="sr-only">{{ 'Legacy configuration' | translate }}</span>
    </label>
  </c8y-form-group>

  <c8y-form-group
    class="form-group-sm m-b-16"
    *ngIf="!isLegacy"
  >
    <label
      [title]="'Configuration type' | translate"
      translate
    >
      Configuration type
    </label>
    <input
      class="form-control"
      name="type"
      type="text"
      formControlName="type"
    />
    <c8y-messages
      [show]="formGroup.controls?.type?.touched && formGroup?.controls?.type?.errors"
    ></c8y-messages>
  </c8y-form-group>
</form>