<aura:component controller="createRecordController"  implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
	
 <!-- attributes to capture account fields -->
  <aura:attribute name="name" type="String"/>
  <aura:attribute name="type" type="String"/>
  <aura:attribute name="annualRevenue" type="Currency"/>
    
 <!-- Picklist options attribute -->
  <aura:attribute name="options" 
                  type="list" 
      default="[
                {'label': 'Prospect', 'value': 'Prospect'},
                {'label': 'Customer - Direct', 'value': 'Customer - Direct'},
                {'label': 'Customer - Channel', 'value': 'Customer - Channel'},
                {'label': 'Channel Partner / Reseller', 'value': 'Channel Partner / Reseller'},
                {'label': 'Installation Partner', 'value': 'Installation Partner'},
                {'label': 'Technology Partner', 'value': 'Technology Partner'},
                {'label': 'Other', 'value': 'Other'}                               ]" 
  description="Below attribute will define picklist values if you want dynamic values then you can query that from the database and set those values"/>
    
  <center>
      <h1 class="inlineTitle slds-p-top--large slds-p-horizontal--medium slds-p-bottom--medium slds-text-heading--medium" 
            style="font-size:20px">
            Custom Create Account
            <hr size="3" noshade=""></hr>
      </h1>
  </center>
    
   <h2 class="slds-section__title slds-theme--shade primaryPaletteBorder test-id__section-header-container"> 
        New Account Information
   </h2>
    
    <div class="slds-p-around_medium">
        <lightning:input name="Name" 
                         required="true" 
                         value="{!v.name}" 
                         label="Name" 
                         maxlength="255"/>
        
        <lightning:combobox name="Status" 
                            label="Status" 
                            value="inProgress" 
                            placeholder="Select Progress" 
                            options="{!v.options}" 
                            onchange="{!c.handleChange}"/>
        
        <lightning:input type="number" 
                         name="Annual Revenue"
                         label="Annual Revenue" 
                         value="{!v.annualRevenue}" 
                         formatter="currency"
                         fieldLevelHelp="Please enter in numbers"/>
        
    </div> 
    <center>
        <lightning:button variant="Brand" 
                          label="Save" 
                          title="Save" 
                          onclick="{!c.save}"/>
        <lightning:button variant="Neutral" 
                          label="Cancel" 
                          title="Cancel" 
                          onclick="{!c.cancel}"/>
    </center>
</aura:component>

({    
  handleChange: function (component, event) {
  // This will contain the string of the "value" attribute of the selected option
        var selectedOptionValue = event.getParam("value");
        component.set("v.type", selectedOptionValue);
    },
    
  save : function (component, event, helper){
        //get all the inputs from form
        var name = component.get("v.name");
        var type = component.get("v.type");
        var annualRevenue = component.get("v.annualRevenue");
        
        //Error handling: if any field is undefined
        if(name == undefined || type == undefined || annualRevenue == undefined)
        {
         helper.showToast('Ooops !', 'Please fill up all the information', 'error');
        }
        else
        {
    //if everything is okey then make server call   
      var action = component.get("c.saveAccount"); 
         action.setParams({
           name : name, 
           accountType : type,
           revenue : annualRevenue
            }); 
     action.setCallback(this,function(response){
     var state = response.getState();
 //if callback is Success then show toast message and close the modal popup
         if(state === "SUCCESS")
         {
//pass parameters to helper showToast method  
  helper.showToast('Success !', 'Record Inserted Successfully', 'success');
           $A.get("e.force:closeQuickAction").fire();
         }
       });
          $A.enqueueAction(action);
      }  
    },
    
    cancel : function(component, helper, event)
    {
        //Below line of code will close the modal popup
        $A.get("e.force:closeQuickAction").fire();   
    }
})

({
   //dynamic toast message alert function
   //It will take dynamic input parameters from controller methods
   //We used this for displaying error and success 
    showToast : function(title, message, error) {
        let toastParams = {
            title: title,
            message: message, // Error message
            type: error
        };
        let toastEvent = $A.get("e.force:showToast");
        toastEvent.setParams(toastParams);
        toastEvent.fire();
    }
})

public class createRecordController {

    

@AuraEnabled

 public static Account saveAccount(String name, String accountType, Decimal revenue)

    {
        Account acc = new Account();
        acc.Name = name;
        acc.Type = accountType;
        acc.AnnualRevenue = revenue;
        insert acc;
        return acc;
    }
}