<div class="search-panel">
    <form ng-submit="$ctrl.onSearch()">
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="General search"
                ng-model="filter.search"
                info="Search invoices by reference"
                vn-focus>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Client id"
                ng-model="filter.clientFk">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Client fiscal id"
                ng-model="filter.fi">
            </vn-textfield>
            <vn-check
                vn-one
                triple-state="true"
                label="Has PDF"
                ng-model="filter.hasPdf">
            </vn-check>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Amount"
                ng-model="filter.amount">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Minimum"
                ng-model="filter.min">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Maximum"
                ng-model="filter.max">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-date-picker
                vn-one
                label="Issued"
                ng-model="filter.issued">
            </vn-date-picker>
            <vn-date-picker
                vn-one
                label="Created"
                ng-model="filter.created">
            </vn-date-picker>
            <vn-date-picker
                vn-one
                label="Due date"
                ng-model="filter.dued">
            </vn-date-picker>
        </vn-horizontal>
        <vn-horizontal class="vn-mt-lg">
            <vn-submit label="Search"></vn-submit>
        </vn-horizontal>
    </form>
</div>