<template>
<lightning-card title="RelationshipOwner" icon-name="standard:partners">
    <lightning-button
            label="Go to Relationship Owner Record"
            onclick={navigateToOwner}
            class="slds-m-right_x-small"
    ></lightning-button>
    <div class="slds-m-around--medium">
        <!--show relationship owner when influencer is loaded-->
        <template if:true={contact.data}>
            <lightning-record-form object-api-name="relationship_owner__c"
                                   record-id={ownerId}
                                   layout-type="Compact"
                                    columns=2>
            </lightning-record-form>
        </template>
        <!--Data fails to load-->
        <template if:true={contact.error}>
            <div class="slds-text-color--error">
                An error occured while loading influencer data.
            </div>
        </template>

    </div>
</lightning-card>