<vn-autocomplete
    vn-focus
    vn-id="client"
    url="/api/Clients"
    label="Client"
    search-function="{or: [{id: $search}, {name: {like: '%'+ $search +'%'}}]}"
    show-field="name"
    value-field="id"
    field="$ctrl.clientFk"
    order="id">
    <tpl-item>{{id}}: {{name}}</tpl-item>
</vn-autocomplete>
<vn-autocomplete
    disabled="!$ctrl.clientFk"
    url="{{ $ctrl.clientFk ? '/api/Clients/'+ $ctrl.clientFk +'/addresses' : null }}"
    fields="['nickname', 'street', 'city']"
    field="$ctrl.addressFk"
    show-field="nickname"
    value-field="id"
    label="Address">
    <tpl-item>{{nickname}}: {{street}}, {{city}}</tpl-item>
</vn-autocomplete>
<vn-date-picker 
    label="Landed" 
    model="$ctrl.landed"
    ini-options="{enableTime: false}">
</vn-date-picker>
<vn-autocomplete
    disabled="!$ctrl.clientFk || !$ctrl.landed"
    data="$ctrl._availableAgencies"
    label="Agency"
    show-field="agencyMode"
    value-field="agencyModeFk"
    field="$ctrl.order.agencyModeFk">
</vn-autocomplete>