<ng-form class="env-item form-horizontal" name="$ctrl.{{ $ctrl.formName }}">
  <div class="form-group col-sm-12">
    <div class="form-inline mt-3">
      <div class="input-group col-sm-5 input-group-sm">
        <span class="input-group-addon required">path</span>
        <input type="text" name="name" class="form-control" ng-model="$ctrl.variable" ng-change="$ctrl.onChangePath($ctrl.variable)" required />
      </div>
      <button class="btn btn-dangerlight" type="button" ng-click="$ctrl.removeValue()" title="Remove">
        <pr-icon icon="'trash-2'" size="'md'"></pr-icon>
      </button>
    </div>
    <div ng-show="$ctrl[$ctrl.formName].name.$invalid">
      <div class="small text-warning">
        <div ng-messages="$ctrl[$ctrl.formName].name.$error" class="mt-1">
          <p class="vertical-center" ng-message="required"> <pr-icon icon="'alert-triangle'" mode="'warning'"></pr-icon> Path is required. </p>
        </div>
      </div>
    </div>
  </div>
</ng-form>
