<div class="supplier-layer row" ng-repeat="(supplierName, supplier) in suppliersData">
    <div class="supplier-header col-md-12">{{supplierName}}</div>
    <div class="document-types col-md-12">
        <label>{{'orders.headers.PACKAGES' | translate}}: </label>
        <select class="document-supplier-packages-for-order"
                class="form-control-static add-document-value"
                ng-model="package"
                ng-options="package.packageName for package in $parent.packages track by package.idPackage"
                ng-change="selectPackage(package, supplier.idSupplier)">
            <option value="" disabled selected>{{'orders.headers.SELECT_PACKAGE' | translate}}</option>
        </select>
    </div>
    <form name="form" class="col-md-4">
        <div ngf-drop="uploadFile($file, supplier.idSupplier)"
            ng-model="files"
            ngf-drag-over-class="'dragover'"
            ngf-select="uploadFile($file, supplier.idSupplier)"
            ngf-pattern="'.pdf,.docx,.doc,.xlsx,.xls,.odt,.ods'"
            ngf-max-size="20MB"
            class="drop-box">{{'orders.headers.SELECT_CONFIG_DOCUMENT' | translate}}</div>
    </form>
    <div class="uploaded-documents col-md-8">
        <div class="document-layer" ng-repeat="document in supplier.documents">
            <a href="utils/api/downloadFile?idDocument={{document.idDocument}}&fileName={{document.documentName}}.{{document.extension}}">
                {{document.documentName}}.{{document.extension}}
            </a>
            <div id="remove-document-{{document.idDocument}}" class="remove-document">
                <span class="remove-document-btn glyphicon glyphicon-remove" ng-click="showHideDialog(document.idDocument)">
                    {{'orders.tables.extra.REMOVE' | translate}}
                </span>
                <div id="confirm-remove-document"
                     dialog
                     ng-if="isDialogVisible[document.idDocument]"
                     on-confirmation="removeOrderDocument"
                     on-close="showHideDialog"
                     is-modal="true"
                     has-buttons="true"
                     parameters="document"
                     title="{{'orders.headers.REMOVE_DOCUMENT' | translate}}">
                  <p><span class="glyphicon glyphicon-warning-sign"></span>{{'orders.messages.REMOVE_DOCUMENT_CONFIRMATION' | translate}} <b>{{document.documentName}}.{{document.extension}}</b>?</p>
              </div>
            </div>
        </div>
    </div>
    <div ng-if="supplier.supplierBids.length > 0" class="supplier-bids col-md-12">
        Bids: <span ng-repeat="supplierBid in supplier.supplierBids">{{supplierBid.bidNumber}} </span>
    </div>
</div>

<a href="orders/excel/generateProcurementExcel?idOrder={{step.idOrder}}">
    <div class="btn btn-primary">{{'orders.buttons.PROC_REPORT_BUTTON' | translate}}</div>
</a>
