<div class="search-panel">
    <form ng-submit="$ctrl.onSearch()">
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="General search"
                ng-model="filter.search"
                info="Search shelvings by code"
                vn-focus>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-one
                url="Parkings"
                label="Parking"
                show-field="code"
                value-field="id"
                ng-model="filter.parkingFk">
            </vn-autocomplete>
            <vn-autocomplete
                vn-one
                url="Workers"
                label="Worker"
                search-function="{or: [{id: $search}, {firstName: {like: $search}}]}"
                show-field="firstName"
                value-field="id"
                ng-model="filter.userFk">
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-check 
                vn-one
                label="Recyclable"
                ng-model="filter.isRecyclable"
                triple-state="true">
            </vn-check>
        </vn-horizontal>
        <vn-horizontal class="vn-mt-lg">
            <vn-submit label="Search"></vn-submit>
        </vn-horizontal>
    </form>
</div>