<fieldset class="c8y-fieldset">
  <legend class="d-flex a-i-center">{{ 'File types' | translate }}</legend>
  <div [formGroup]="formGroup()">
    <div formGroupName="fileTypes">
      @for (item of dynamicFilesTypeMetadata() | keyvalue; track item.key) {
        <c8y-form-group class="m-b-8">
          <label
            class="c8y-checkbox m-t-0"
            title="{{ item.value.title }}"
          >
            <input
              type="checkbox"
              formControlName="{{ item.key }}"
            />
            <span></span>
            <i
              class="m-l-8 m-r-4"
              c8yIcon="{{ item.value.icon }}"
            ></i>
            <span>{{ item.value.label | translate }}</span>
          </label>
        </c8y-form-group>
      }
    </div>
  </div>
</fieldset>