<form class="form-horizontal padT-20" name="htmlForm">
  <div class="form-group" ng-init="vm.htmlForm = htmlForm">
    <label for="comment"
           class="col-sm-3 control-label">{{ 'DECISION' | translate }}:</label>
    <div class="col-sm-9">
      <checkboxes items="['APPROVE_', 'REJECT']"
                  ng-model="vm.form.decision"
                  ng-disabled="vm.ro"></checkboxes>
    </div>
  </div>
  <div class="form-group" ng-if="!vm.ro">
    <label for="comment"
           class="col-sm-3 control-label">{{ 'FILES' | translate }}:</label>
    <div class="col-sm-9">
      <div style="margin: 8px 0;"
           ng-repeat="item in vm.uploader.queue">
        {{item.file.name}}
        <span class="pull-right remove-file"
              ng-click="item.remove()"><i class="material-icons">delete</i></span>
      </div>
      <div class="btn btn-primary btn-file-upload" ng-if="vm.uploader">
        <span>{{ 'ADD' | translate }}</span>
        <input type="file"
               multiple
               nv-file-select
               uploader="vm.uploader"/>
      </div>
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-3 control-label">{{ 'COMMENT' | translate }}:<br/>
      ({{vm.form.additional_information.length}}/7000)</label>
    <div class="col-sm-9">
      <textarea 
        class="form-control"
        type="text"
        ng-model="vm.form.additional_information"
        ng-change="vm.limitStringLength()"
        ng-trim="false"
        ng-disabled="vm.ro"/>
    </div>
  </div>
</form>