<div class="search-panel">
    <form ng-submit="$ctrl.onSearch()">
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="General search"
                model="filter.search"
                info="Search orders by id"
                vn-focus>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Order id"
                model="filter.id">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Client id"
                model="filter.clientFk">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-one
                label="Agency"
                field="filter.agencyModeFk"
                url="/agency/api/AgencyModes/isActive"
                show-field="name"
                value-field="id">
            </vn-autocomplete>
            <vn-autocomplete
                vn-one
                field="filter.workerFk"
                url="/client/api/Clients/activeWorkersWithRole"
                search-function="{firstName: $search}"
                show-field="nickname"
                value-field="id"
                where="{role: 'employee'}"
                label="Sales person">
            </vn-autocomplete>
        </vn-horizontal>
        <vn-horizontal>
            <vn-date-picker vn-one
                label="From landed"
                model="filter.from">
            </vn-date-picker>
            <vn-date-picker vn-one
                label="To landed"
                model="filter.to">
            </vn-date-picker>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Ticket id"
                model="filter.ticketFk">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete
                vn-one
                label="Application"
                field="filter.sourceApp"
                url="/order/api/Orders/getSourceValues"
                show-field="value"
                value-field="value">
            </vn-autocomplete>
            <vn-check
                vn-one
                label="Order confirmed"
                triple-state="true"
                field="filter.isConfirmed">
            </vn-check>
        </vn-horizontal>
        <vn-horizontal margin-large-top>
            <vn-submit label="Search"></vn-submit>
        </vn-horizontal>
    </form>
</div>