<ng-form name="nestedSmartRuleForm">
  <div
    class="form-group col-lg-12"
    ng-class="{ 'has-error': nestedSmartRuleForm.$dirty && nestedSmartRuleForm.$invalid }"
  >
    <textarea
      class="form-control"
      uib-tooltip="{{ placeholder(param) }}"
      tooltip-popup-delay="500"
      tooltip-append-to-body="true"
      name="operation"
      rows="6"
      c8y-code-editor="json"
      ng-model="operation.json"
      ng-attr-placeholder='{"c8y_Reset": {}}'
      ng-required="param.required"
    ></textarea>
  </div>
  <div class="p-16">
    <label>{{ 'List of operation examples' | translate }}</label>
    <div class="input-group">
      <div class="c8y-select-wrapper">
        <select
          aria-label="{{ 'List of operation examples' | translate }}"
          class="form-control"
          ng-options="operationExample as (operationExample.description | translate) for operationExample in operationExamples"
          ng-model="operation.example"
        ></select>
      </div>
      <span class="input-group-btn">
        <button
          class="btn btn-primary"
          title="{{ 'Use this operation' | translate }}"
          type="button"
          ng-click="chooseOperationExample(operation.example)"
        >
          <i c8y-icon="share"></i>
        </button>
      </span>
    </div>
  </div>
</ng-form>