<aura:component controller="wrapperClassController" implements="force:hasRecordId,flexipage:availableForAllPageTypes">

    <aura:attribute name="recordId" type="String"/>
     <aura:attribute name="totalAmount" type="Decimal"/>
	<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
    <aura:handler event="force:refreshView" action="{!c.doInit}" />
    <aura:attribute name="lstData" type="List"/>
	<lightning:card title="My Yearly Product Increase"> 
    <table class="slds-table slds-table_cell-buffer slds-table_bordered">
			<thead>
				<tr class="slds-line-height_reset">
					<th class="slds-text-title_caps" scope="col">
						<div class="slds-truncate" title="Year">Year</div>
					</th>
					<th class="slds-text-title_caps" scope="col">
						<div class="slds-truncate" title="Price">Price</div>
					</th>
				</tr>
			</thead>
			<tbody>
        <aura:iteration items="{!v.lstData}" var="item">
         <tr>
            <td>{!item.name}</td> 
             <td> {!item.productPrice} </td>
          </tr>
    </aura:iteration>
                <tr>
            <td>lifetime total</td> 
             <td> {!v.totalAmount} </td>
          </tr>
        </tbody>
        </table>
    </lightning:card>
</aura:component>

({
	doInit: function(cmp) {
       var action = cmp.get("c.generateData");
        action.setParams({ recordId : cmp.get("v.recordId") });

        // Create a callback that is executed after 
        // the server-side action returns
        action.setCallback(this, function(response) {
            var state = response.getState();
            if (state === "SUCCESS") {
                // Alert the user with the value returned 
                // from the server
                var lstdata =  response.getReturnValue();
                var totalAmount = 0;
                for(var i=0 ; i<lstdata.length ; i++){
                    totalAmount +=lstdata[i].productPrice;
                }
                cmp.set('v.totalAmount' , totalAmount);
				cmp.set('v.lstData' , response.getReturnValue());
                // You would typically fire a event here to trigger 
                // client-side notification that the server-side 
                // action is complete
            }
            else if (state === "INCOMPLETE") {
                // do something
            }
            else if (state === "ERROR") {
                var errors = response.getError();
                if (errors) {
                    if (errors[0] && errors[0].message) {
                        console.log("Error message: " + 
                                 errors[0].message);
                    }
                } else {
                    console.log("Unknown error");
                }
            }
        });

        // optionally set storable, abortable, background flag here

        // A client-side action could cause multiple events, 
        // which could trigger other events and 
        // other server-side action calls.
        // $A.enqueueAction adds the server-side action to the queue.
        $A.enqueueAction(action);
    }
})

public class wrapperClassController {

 @AuraEnabled 
    public static list<wrapper> generateData(String recordId){

        list<OpportunityLineItem> lstOppItem = [Select Product_Price__c,yearly_increase__c,term__c from opportunityLineItem where id = :recordId];
        
        list<Wrapper> lstWrapper = new list<Wrapper>();
        
        if(lstOppItem.size() > 0){
            Decimal productPrice = lstOppItem[0].Product_Price__c== null ? 0 : lstOppItem[0].Product_Price__c;
            Decimal yearIncrease = lstOppItem[0].yearly_increase__c == null ? 0 : lstOppItem[0].yearly_increase__c;
            Decimal term = lstOppItem[0].Term__c == null ? 0 : lstOppItem[0].Term__c;
            
            wrapper wrp = new wrapper();
            wrp.productPrice = productPrice ;
            wrp.name = 'Year 1';
            lstWrapper.add(wrp);
            for(integer i = 1 ; i<term  ; i++){
                wrapper wrpObj = new wrapper();
                wrpObj.name = 'Year '+ (i+ 1);
                wrpObj.productPrice = productPrice + (productPrice * (yearIncrease  /100));
                productPrice = wrpObj.productPrice;
                
                lstWrapper.add(wrpObj);
            }

        }
        return lstWrapper ;
    }

//Main Wrapper Class STEP 1
    public class wrapper{
       @AuraEnabled //Annotation when using for lightning component
          public Decimal productPrice;
       @AuraEnabled 
          public String name;
    }   
}