<mg-ajax path="/client/api/Clients/{{patch.params.id}}" options="vnPatch"></mg-ajax>
<vn-watcher
    vn-id="watcher"
    data="$ctrl.client"
    form="form"
    save="patch">
</vn-watcher>
<form name="form" ng-submit="watcher.submit()" compact>
    <vn-card pad-large>
        <vn-horizontal>
            <vn-textfield
                vn-one 
                label="Comercial Name" 
                field="$ctrl.client.name" vn-focus>
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Contact"
                field="$ctrl.client.contact">
            </vn-textfield>
            <vn-textfield
                vn-one 
                label="Email" 
                field="$ctrl.client.email" 
                info="You can save multiple emails">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Phone"
                field="$ctrl.client.phone">
            </vn-textfield>
            <vn-textfield
                vn-one
                label="Mobile"
                field="$ctrl.client.mobile">
            </vn-textfield>
        </vn-horizontal>
        <vn-horizontal>
            <vn-autocomplete 
                vn-one
                disabled="false"
                field="$ctrl.client.salesPersonFk"
                url="/client/api/Clients/activeWorkersWithRole"
                show-field="nickname"
                search-function="{firstName: $search}"
                value-field="id"
                where="{role: 'employee'}"
                label="Salesperson"
                vn-acl="salesAssistant">
            </vn-autocomplete>
            <vn-autocomplete
                vn-one
                initial-data="$ctrl.client.contactChannel"
                field="$ctrl.client.contactChannelFk"
                url="/client/api/ContactChannels"
                label="Channel">
            </vn-autocomplete>
        </vn-horizontal>
    </vn-card>
    <vn-button-bar>
        <vn-submit label="Save"></vn-submit>
    </vn-button-bar>
</form>