<div id="set-customers-discount-module-container">
    <div class="row">
        <div class="interest-rate col-md-12">
            <h4 class="col-md-2">Customer name</h4>
            <h4 class="col-md-1">Discount</h4>
            <h4 class="col-md-2">New financing rate</h4>
        </div>
        <div ng-repeat="customerDetails in customers track by customerDetails.idCustomer">
            <div class="customer-info-discount col-md-12">
                <span class="col-md-2">{{::customerDetails.name}}</span>
                <div class="customer-discount col-md-1">
                    <input id="discount-input-{{customerDetails.idCustomer}}"
                        class="edit-interest-rate-discount"
                        type="number"
                        placeholder="0"
                        name="customerDiscount"
                        ng-model="discounts[customerDetails.idCustomer]"
                        ng-model-options="{ allowInvalid: true}"
                        min="0"
                        max="{{interestRate-0.01}}"
                        step="0.01" />
                        %
                </div>
                <span class="col-md-2">{{getNewInterestRate(customerDetails.idCustomer)}} %</span>
            </div>
            <div class="col-md-12 customer-discount-message" ng-if="showMessage">
                <span class="col-md-offset-1 alert alert-warning">
                    Value should be between 0 and {{getMaxInterestRateValue()}} with maximum 2 decimals
                </span>
            </div>
        </div>

        <div class="col-md-12">
            <div class="btn btn-primary" ng-click="saveCustomersDiscount()">Save</div>
        </div>
    </div>
</div>
