/*** BoatDetails.cmp ***/

<aura:component implements="flexipage:availableForAllPageTypes" access="global">
    <aura:attribute name="boat" type="Boat__c" />
    <aura:attribute name="id" type="Id" />
    <aura:attribute name="simpleRecord" type="Object" />
    <aura:attribute name="recordError" type="String" />
    <aura:attribute name="selTabId" type="String" />
    <aura:handler event="c:BoatSelected" action="{!c.onBoatSelected}" />
    <aura:handler name="BoatReviewAdded" event="c:BoatReviewAdded" action="{!c.onBoatReviewAdded}" />
    <force:recordData aura:id="service"
      recordId="{!v.id}"
      fields="Id,
              Name,
              Description__c,
              Price__c,
              Length__c,
              Contact__r.Name,
              Contact__r.Email,
              Contact__r.HomePhone,
              BoatType__r.Name,
              Picture__c"
      mode="VIEW"
      targetRecord="{!v.boat}"
      targetFields="{!v.simpleRecord}"
      targetError="{!v.recordError}"
      recordUpdated="{!c.onRecordUpdated}"
      />
    <aura:if isTrue="{! !empty(v.boat)}">
        <lightning:tabset aura:id="details" selectedTabId="{!v.selTabId}">
            <lightning:tab label="Details" id="Details">
                <c:BoatDetail boat="{!v.simpleRecord}" />
            </lightning:tab>
            <lightning:tab label="Reviews" id="boatreviewtab">
                <c:BoatReviews boat="{!v.boat}" aura:id="BR" />
            </lightning:tab>
            <lightning:tab label="Add Review" id="addReview">
                <c:AddBoatReview boat="{!v.boat}" aura:id="ABR" />
            </lightning:tab>
        </lightning:tabset>    
    </aura:if>
</aura:component>

/*** BoatDetailsController ***/

 onBoatReviewAdded : function(component, event, helper) {
        component.set("v.selTabId","boatreviewtab");
    },