<div [formGroup]="formGroup">
  <fieldset class="c8y-fieldset">
    <legend>{{ 'Rendering' | translate }}</legend>
    <c8y-form-group class="form-group-sm m-b-8">
      <label>{{ 'Select object model for rendering' | translate }}</label>
      <div class="input-group input-group-sm">
        <div class="c8y-select-wrapper">
          <select
            class="form-control"
            formControlName="objectModel"
          >
            <option value="box.min.json">{{ 'Box model' | translate }}</option>
            <option value="phoneModel.min.json">{{ 'Phone model' | translate }}</option>
          </select>
        </div>
        <span class="input-group-addon bg-level-0">
          <label class="c8y-switch">
            <input
              type="checkbox"
              formControlName="isWireframe"
            />
            <span></span>
            <span>{{ 'Wireframe' | translate }}</span>
          </label>
        </span>
      </div>
    </c8y-form-group>

    <c8y-form-group class="form-group-sm">
      <label>{{ 'Camera type' | translate }}</label>
      <div class="c8y-select-wrapper">
        <select
          class="form-control"
          formControlName="cameraType"
        >
          <option value="OC">{{ 'Orthographic camera' | translate }}</option>
          <option value="PC">{{ 'Perspective camera' | translate }}</option>
        </select>
      </div>
    </c8y-form-group>
  </fieldset>
</div>