<div class="vn-pa-lg" style="min-width: 18em">
    <form name="form" ng-submit="$ctrl.onSearch()">
        <vn-horizontal>
            <vn-autocomplete
                vn-id="tag"
                vn-one
                selection="filter.tagSelection"
                ng-model="filter.tagFk"
                data="$ctrl.resultTags"
                show-field="name"
                label="Tag"
                on-change="itemTag.value = null">
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal ng-repeat="tagValue in filter.values">
            <vn-textfield
                vn-one
                ng-show="tag.selection.isFree != false"
                vn-id="text"
                label="Value"
                ng-model="tagValue.value">
            </vn-textfield>
            <vn-autocomplete
                vn-one
                ng-show="tag.selection.isFree == false"
                url="{{'Tags/' + tag.selection.id + '/filterValue'}}"
                search-function="{value: $search}"
                label="Value"
                ng-model="tagValue.value"
                show-field="value"
                value-field="value">
            </vn-autocomplete>
            <vn-icon-button
                vn-none
                vn-tooltip="Remove tag"
                icon="delete"
                ng-click="filter.values.splice($index, 1)"
                tabindex="-1">
            </vn-icon-button>
        </vn-horizontal>
        <vn-horizontal>
            <vn-icon-button
                vn-none
                vn-bind="+"
                vn-tooltip="Add value"
                icon="add_circle"
                ng-click="$ctrl.addValue()">
            </vn-icon-button>
        </vn-horizontal>
        <vn-horizontal class="vn-mt-lg">
            <vn-submit label="Search"></vn-submit>
        </vn-horizontal>
    </form>
</div>