@if($typeData == 'philanthropy')
<div class="bai-celebrity-profile__icons">
    <div class="bai-celebrity-profile__icon">
        <svg width="24" height="24">
            <use href="#bai-charity-icon"></use>
        </svg>
        <div class="bai-celebrity-profile__icon-number">{{count($philanthropy)}}</div>
        <div class="bai-celebrity-profile__icon-label">Charity Work</div>
    </div>
    <div class="bai-celebrity-profile__icon">
        <svg width="24" height="24">
            <use href="#bai-causes-icon"></use>
        </svg>
        <div class="bai-celebrity-profile__icon-number">{{$causescount}}</div>
        <div class="bai-celebrity-profile__icon-label">Causes</div>
    </div>
</div>


@elseif($typeData == 'endorsements')
<div class="bai-celebrity-profile__icons">
    <div class="bai-celebrity-profile__icon">
        <svg width="24" height="24">
            <use href="#bai-endorsements-icon"></use>
        </svg>
        <div class="bai-celebrity-profile__icon-number">21</div>
        <div class="bai-celebrity-profile__icon-label">Endorsements</div>
    </div>
    <div class="bai-celebrity-profile__icon">
        <svg width="24" height="24">
            <use href="#bai-product-types-icon"></use>
        </svg>
        <div class="bai-celebrity-profile__icon-number">40</div>
        <div class="bai-celebrity-profile__icon-label">Product Types</div>
    </div>
</div>


@elseif($typeData == 'insights')
<div class="bai-celebrity-profile__icons">
    <div class="bai-celebrity-profile__icon">
        <svg width="24" height="24">
            <use href="#bai-total-reach-icon"></use>
        </svg>
        <div class="bai-celebrity-profile__icon-number">73.6M</div>
        <div class="bai-celebrity-profile__icon-label">Total Reach</div>
    </div>
    <div class="bai-celebrity-profile__icon">
        <svg width="24" height="24">
            <use href="#bai-engagement-rate-icon"></use>
        </svg>
        <div class="bai-celebrity-profile__icon-number">0.14056%</div>
        <div class="bai-celebrity-profile__icon-label">Engagement Rate</div>
    </div>
</div>


@elseif($typeData == 'events')

<div class="bai-celebrity-profile__icons">
    <div class="bai-celebrity-profile__icon">
        <svg width="24" height="24">
            <use href="#bai-upcoming-events-icon"></use>
        </svg>
        <div class="bai-celebrity-profile__icon-number">{{$eventCounts}}</div>
        <div class="bai-celebrity-profile__icon-label">Upcoming Events</div>
    </div>
</div>


@else
<div class="bai-celebrity-profile__contacts-wrapper">
                    <div class="bai-celebrity-profile__contacts-text">Contacts available:</div>
                    <div class="bai-celebrity-profile__contacts">
                        <a href="#booking_agents" class="bai-celebrity-profile__contact">
                            {!! availableIcons($artist->hasContact()) !!}
         
                            <div class="bai-celebrity-profile__contact-name">Personal</div>
                        </a>
                        <a href="#managers" class="bai-celebrity-profile__contact">
                {!! availableIcons($managers) !!}
                            <div class="bai-celebrity-profile__contact-name">Manager</div>
                        </a>
                   
                    </div>
                </div>
@endif