<div class="upload-product-document">
    <div class="document-types">
        <label>{{'orders.headers.DOCUMENT_TYPES' | translate}}: </label>
        <select id="document-types-for-prod"
                class="form-control-static add-document-value"
                ng-model="docType"
                ng-options="docType.type for docType in documentTypes track by docType.idDocumentType"
                ng-change="selectFileType(docType)">
            <option value="" disabled selected>{{'orders.headers.SELECT_DOCUMENT_TYPE' | translate}}</option>
        </select>
    </div>
    <div class="document-name">
        <label>Document name: </label>
        <input id="new-doc-name"
            class="add-document-value"
            type="text"
            placeholder="Document name"
            ng-model="documentName" />
    </div>
    <div class="document-name">
        <label>Visible To Customer </label>
        <span class="product-radio-layer">
            <input class="product-radio"
                type="radio"
                id="document-is-visible-yes"
                ng-model="visibleToCustomer"
                value="1">
            {{'suppliers.headers.YES' | translate}}
        </span>
        <span class="product-radio-layer">
            <input class="product-radio"
                type="radio"
                id="document-is-visible-no"
                ng-model="visibleToCustomer"
                value="0">
            {{'suppliers.headers.NO' | translate}}
        </span>
    </div>
    <div ngf-drop="uploadFile($file)"
        ng-model="files"
        ngf-drag-over-class="'dragover'"
        ngf-select="uploadFile($file)"
        ngf-pattern="'.pdf,.docx,.doc,.xlsx,.xls,.odt,.ods,.png,.jpg,.jpeg'"
        ngf-max-size="20MB"
        class="drop-box">Select Document</div>
</div>
