<div class="supplier-layer row" ng-repeat="(supplierName, supplier) in productsEstimations">
    <div class="supplier-header col-md-12">{{supplierName}}</div>
    <div class="col-md-12">
        <div class="col-md-3 col-md-offset-5">
            {{ 'orders.tables.headers.estimatedDate' | translate }}
        </div>
        <div class="col-md-3">
            {{ 'orders.tables.headers.confirmedDate' | translate }}
        </div>
    </div>

    <div class="product-layer col-md-12" ng-repeat="product in supplier.estimations">
        <div class="prdocut-name col-md-5">
            {{product.productName}}
        </div>

        <div class="prdocut-estimated col-md-3">
            <input class="product-input"
                placeholder="{{ 'orders.tables.headers.estimatedDate' | translate }}"
                element-data="product"
                datepicker
                on-date-selected="updateProductEstimation"
                ng-model="product.estimatedDate" />
        </div>

        <div class="prdocut-confimrmed col-md-3">
            <input class="product-input"
                placeholder="{{ 'orders.tables.headers.confirmedDate' | translate }}"
                element-data="product"
                datepicker
                on-date-selected="updateProductEstimation"
                ng-model="product.confirmedDate" />
        </div>
        <div class="col-md-1">
            <span class="glyphicon {{getEstimationIcon(product.confirmedDate)}}"></span>
        </div>
    </div>

    <div class="uploaded-documents col-md-12">
        <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>
    </div>
</div>
