<div class="umb-editor umb-multiple-textbox" ng-controller="Umbraco.PropertyEditors.MultipleTextBoxController">

  <div ui-sortable="sortableOptions" ng-model="model.value">
    <div class="flex flex-wrap textbox-wrapper" ng-repeat="item in model.value">
      <input type="text" name="item_{{$index}}" ng-model="item.value" class="umb-editor umb-textstring textstring"
             ng-keyup="addRemoveOnKeyDown($event, $index)" focus-when="{{item.hasFocus}}"/>
      <i class="icon icon-navigation handle" localize="title" title="@general_move"></i>
      <a prevent-default href="" class="remove" localize="title" title="@content_removeTextBox"
         ng-show="model.value.length > model.config.min"
         ng-click="remove($index)">
        <i class="icon icon-remove"></i>
      </a>
    </div>
  </div>
  <a prevent-default href="" class="add-link" localize="title" title="@content_addTextBox"
     ng-show="model.config.max <= 0 || model.value.length < model.config.max"
     ng-click="add()">
      <localize key="general_add">Add</localize>
  </a>

</div>
