<div id="add-documents-to-order-container" ng-controller="uploadDocumentsForOrderPackageCtrl" ng-init="getDocumentTypes()">
    <span ng-if="isOrderOngoingOrCompleted()" class="col-md-5 outside-process-steps">
        <h3 class="upload-files-header">{{'orders.tables.headers.uploadFile' | translate}}</h3>
        <hr />
        <form id="upload-new-doc-container" name="form" class="row">
            <div class="col-md-6">
                <div class="document-types">
                    <label>{{'orders.headers.DOCUMENT_TYPES' | translate}}: </label>
                    <select id="document-types-for-order"
                            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-types">
                    <label>{{'orders.headers.PACKAGES' | translate}}: </label>
                    <select id="document-packages-for-order"
                            class="form-control-static add-document-value"
                            ng-model="package"
                            ng-options="package.packageName for package in packages track by package.idPackage"
                            ng-change="selectPackage(package)">
                        <option value="" disabled selected>{{'orders.headers.SELECT_PACKAGE' | translate}}</option>
                    </select>
                </div>
                <div class="document-types">
                    <label>{{'orders.headers.DOCUMENT_NAME' | translate}}: </label>
                    <input id="new-doc-name"
                        class="add-document-value"
                        type="text"
                        placeholder="{{'orders.headers.DOCUMENT_NAME' | translate}}"
                        ng-model="$parent.fileName" />
                </div>
            </div>
            <div class="col-md-6">
                <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">{{'orders.headers.SELECT_DOCUMENT' | translate}}</div>
            </div>
        </form>
    </span>
</div>
