<vn-watcher
    vn-id="watcher"
    data="$ctrl.dms">
</vn-watcher>
<form name="form" ng-submit="$ctrl.onSubmit()" margin-medium enctype="multipart/form-data">
    <div compact>
        <vn-card pad-large>
            <vn-horizontal>
                <vn-textfield vn-one vn-focus
                    label="Reference" 
                    field="$ctrl.dms.reference">
                </vn-textfield>
                <vn-autocomplete vn-one required="true"
                    label="Company"
                    field="$ctrl.dms.companyId"
                    url="/api/Companies"
                    show-field="code"
                    value-field="id">
                </vn-autocomplete>
            </vn-horizontal>
            <vn-horizontal>
                <vn-autocomplete vn-one required="true"
                    label="Warehouse"
                    field="$ctrl.dms.warehouseId"
                    url="/api/Warehouses"
                    show-field="name"
                    value-field="id">
                </vn-autocomplete>
                <vn-autocomplete vn-one required="true"
                    label="Type"
                    field="$ctrl.dms.dmsTypeId"
                    url="/api/DmsTypes"
                    show-field="name"
                    value-field="id">
                </vn-autocomplete>
            </vn-horizontal>
            <vn-horizontal>
                <vn-textarea vn-one required="true"
                    label="Description" 
                    field="$ctrl.dms.description">
                </vn-textarea>
            </vn-horizontal>
            <vn-horizontal>
                <vn-input-file vn-one 
                    label="File" 
                    model="$ctrl.dms.files"
                    on-change="$ctrl.onFileChange(files)"
                    accept="{{$ctrl.allowedContentTypes}}"
                    multiple="true">
                    <t-right-icons>
                        <vn-icon vn-none
                            color-secondary
                            title="{{$ctrl.contentTypesInfo}}"
                            icon="info">
                        </vn-icon>
                    </t-right-icons>
                </vn-input-file>
            </vn-horizontal>
            <vn-vertical>
                <vn-check disabled="true"
                    label="Generate identifier for original file" 
                    field="$ctrl.dms.hasFile">
                </vn-check>
            </vn-vertical>
        </vn-card>
        <vn-button-bar>
            <vn-submit label="Save"></vn-submit>
            <vn-button ui-sref="ticket.card.dms.index" label="Cancel"></vn-button>
        </vn-button-bar>
    </div>
</form>