<aura:component controller="CreateRelatedcontact" 
                implements="force:appHostable,flexipage:availableForAllPageTypes,
                            flexipage:availableForRecordHome,
                            force:hasRecordId,forceCommunity:availableForAllPageTypes,
                            force:lightningQuickAction" 
                access="global" >
    
    <aura:attribute name="recordId" type="Id"/>
    <aura:attribute name="Name" type="String"/>
    <aura:attribute name="account" type="Account"/>
    <aura:attribute name="contact" type="Contact"
                    default="{ 'sobjectType': 'Contact','LastName':'','FirstName':'','Name'	:'','AccountId':''}"/>
    
    <aura:handler name="init" value="{!this}" action="{!c.doInit}"/> 
    <div class="slds-form-element__control">
        <lightning:input name="RecordId"  label="record Id" value="{!v.recordId}" disabled="true"/>
        <lightning:input name="Account Name"  label="Account Name" value="{!v.account.Name}" disabled="true"/>
    </div> 
    <div class="slds-form-element__control">
        FirstName  <force:inputField value="{!v.contact.FirstName}"/>
    </div>
    <div class="slds-form-element__control">
        LastName  <force:inputField value="{!v.contact.LastName}"/>
    </div>            
    <lightning:button aura:id="insert" label="Create Contact" class="slds-button slds-button--brand buttontype" onclick="{!c.InsertCont}" />  
    
</aura:component>

({    
    doInit : function(component, event, helper) {
        var accid = component.get("v.recordId");
        component.set("v.contact.AccountId",component.get("v.recordId"));
        var action=component.get("c.getAccount");
        action.setParams({
            acid : component.get("v.recordId")            
        });
        action.setCallback(this, function(response){
            var state = response.getState();
            if (state === "SUCCESS"){
                component.set("v.account",response.getReturnValue());
            }
        });
        $A.enqueueAction(action);
        
    },
    
    InsertCont : function(component){
        
        var action=component.get("c.insertCon");
        action.setParams({ "newcon": component.get("v.contact") });
        action.setCallback(this, function(response)
                           {
                               var state = response.getState();
                               if (state === "SUCCESS") 
                               {
                                   var contactid=response.getReturnValue().Id;
                                   alert("contact created.Id:"+contactid)
                                   var toastEvent = $A.get("e.force:showToast");
                                   toastEvent.setParams({
                                       "title": "Success!",
                                       "message": "Contact record Created successfully.",
                                       "mode":"pester"
                                   });
                                   toastEvent.fire();
                                   
                                   var navEvt = $A.get("e.force:navigateToSObject");
                                   navEvt.setParams({
                                       "recordId": contactid,
                                       "slideDevName": "related"
                                   });
                                   navEvt.fire();
                               }
                           });
        $A.enqueueAction(action);
    }
})

public class createrelatedcontact 
{
@AuraEnabled
    public static contact insertCon(Contact newcon)
    {
        insert newcon;
        return newcon;        
    }
    @AuraEnabled
    public static Account getAccount(string acid)
    {
        Account acc = [select id,name from Account where Id =:acid];
        return acc;
    }
}