<div class="search-panel">
    <form ng-submit="$ctrl.onSearch()">
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="General search"
                model="filter.search"
                info="Search workers by id, firstName, lastName or user name"
                vn-focus>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Worker id"
                model="filter.id">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="User id"
                model="filter.userFk">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Name"
                model="filter.firstName">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Last name"
                model="filter.name">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="User name"
                model="filter.userName">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Fiscal Identifier"
                model="filter.fi">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-one
                field="filter.departmentFk"
                url="/api/Departments"
                show-field="name"
                value-field="id"
                label="Department">
            </vn-autocomplete>
            <vn-textfield
                vn-one
                label="Extension"
                model="filter.extension">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal margin-large-top>
            <vn-submit label="Search"></vn-submit>
        </vn-horizontal>
    </form>
</div>