<div class="modal-header">
    <h3>
        <span translate>complaints.comp.tags.modal.title</span>
    </h3>

</div>

<div class="modal-body">
    <form name="addTagsForm">
        <label translate>complaints.comp.tags.modal.search</label>
        <tags-input ng-model="tags" display-property="title_parseable" key-property="id" replace-spaces-with-dashes="false"
                on-tag-adding="checkTag($tag)" add-on-blur="false" placeholder="{{'complaints.comp.tags.modal.placeholder' | translate}}">
            <auto-complete min-length="2" max-results-to-show="10" source="loadTags($query)"></auto-complete>
        </tags-input>
    </form>
</div>
<div class="modal-footer">
    <button class="btn btn-secondary" ng-click="onClickCancel()">
        <span translate>complaints.comp.tags.modal.buttons.cancel</span>
    </button>
    <button class="btn btn-primary" ng-click="onClickOk()" ng-disabled="addTagsForm.$invalid">
        <span translate>complaints.comp.tags.modal.buttons.ok</span>
    </button>
</div>