<div class="search-panel">
<form ng-submit="$ctrl.onSearch()">
    <vn-horizontal>
        <vn-textfield
            vn-one
            label="General search"
            ng-model="filter.search"
            info="Search client by id or name"
            vn-focus>
        </vn-textfield>
    </vn-horizontal>
    <vn-horizontal>
        <vn-textfield
            vn-one label="Name"
            ng-model="filter.name">
        </vn-textfield>
        <vn-autocomplete
            vn-one
            ng-model="filter.salesPersonFk"
            url="Workers/activeWithInheritedRole"
            search-function="{firstName: $search}"
            show-field="firstName"
            value-field="id"
            where="{role: 'salesPerson'}"
            label="Salesperson">
            <tpl-item>{{firstName}} {{name}}</tpl-item>
        </vn-autocomplete>
    </vn-horizontal>
    <vn-horizontal>
        <vn-textfield
            vn-one
            label="Tax number"
            ng-model="filter.fi">
        </vn-textfield>
        <vn-textfield
            vn-one
            label="Social name"
            ng-model="filter.socialName">
        </vn-textfield>
    </vn-horizontal>
    <vn-horizontal>
        <vn-textfield
            vn-one
            label="Town/City"
            ng-model="filter.city">
        </vn-textfield>
        <vn-textfield
            vn-one
            label="Postcode"
            ng-model="filter.postcode">
        </vn-textfield>
    </vn-horizontal>
    <vn-horizontal>
        <vn-autocomplete
            ng-model="filter.provinceFk"
            url="Provinces"
            show-field="name"
            value-field="id"
            label="Province">
        </vn-autocomplete>
        <vn-autocomplete
            ng-model="filter.zoneFk"
            url="Zones"
            show-field="name"
            value-field="id"
            label="Zone">
        </vn-autocomplete>
    </vn-horizontal>
    <vn-horizontal>
        <vn-textfield
            vn-one
            label="Email"
            ng-model="filter.email">
        </vn-textfield>
        <vn-textfield
            vn-one
            label="Phone"
            ng-model="filter.phone">
        </vn-textfield>
    </vn-horizontal>
    <vn-horizontal class="vn-mt-lg">
        <vn-submit label="Search"></vn-submit>
    </vn-horizontal>
</form>
</div>