<vn-watcher
    vn-id="watcher"
    data="$ctrl.dms">
</vn-watcher>
<vn-crud-model
    auto-load="true" 
    url="Warehouses" 
    data="warehouses">
</vn-crud-model>
<form
    name="form"
    ng-submit="$ctrl.onSubmit()"
    class="vn-ma-md"
    enctype="multipart/form-data">
    <div class="vn-w-md">
        <vn-card class="vn-pa-lg">
            <vn-horizontal>
                <vn-textfield
                    vn-one
                    vn-focus
                    label="Reference" 
                    ng-model="$ctrl.dms.reference"
                    rule>
                </vn-textfield>
                <vn-autocomplete vn-one required="true"
                    label="Company"
                    ng-model="$ctrl.dms.companyId"
                    url="Companies"
                    show-field="code"
                    value-field="id">
                </vn-autocomplete>
            </vn-horizontal>
            <vn-horizontal>
                <vn-autocomplete vn-one required="true"
                    label="Warehouse"
                    ng-model="$ctrl.dms.warehouseId"
                    data="warehouses"
                    show-field="name"
                    value-field="id">
                </vn-autocomplete>
                <vn-autocomplete vn-one required="true"
                    label="Type"
                    ng-model="$ctrl.dms.dmsTypeId"
                    url="DmsTypes"
                    show-field="name"
                    value-field="id">
                </vn-autocomplete>
            </vn-horizontal>
            <vn-horizontal>
                <vn-textarea
                    vn-one
                    required="true"
                    label="Description" 
                    ng-model="$ctrl.dms.description"
                    rule>
                </vn-textarea>
            </vn-horizontal>
            <vn-horizontal>
                <vn-input-file
                    vn-one 
                    label="File" 
                    ng-model="$ctrl.dms.files"
                    on-change="$ctrl.onFileChange($files)"
                    accept="{{$ctrl.allowedContentTypes}}"
                    multiple="true">
                    <append>
                        <vn-icon vn-none
                            color-marginal
                            title="{{$ctrl.contentTypesInfo}}"
                            icon="info">
                        </vn-icon>
                    </append>
                </vn-input-file>
            </vn-horizontal>
            <vn-vertical>
                <vn-check disabled="true"
                    label="Generate identifier for original file" 
                    ng-model="$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>