@if(!blank($relatedArtists))
<section class="bai-celebrity-container bai-similar-celebrities">
    <h3 class="bai-celebrity-title bai-celebrity-title--bold">Other Celebrities</h3>
    <div class="bai-similar-celebrities__tabs-wrapper">
        <div class="bai-celebrity-tabs">
           
            <div class="bai-celebrity-tabs__tab bai-similar-celebrities-tab-js bai-celebrity-tabs__tab--active" data-tab="trending">Similar celebrities</div>
        </div>
    </div>
   
    <div class="bai-similar-celebrities__content bai-similar-celebrities-content-js bai-similar-celebrities__content--active" data-content="trending">
        @foreach($relatedArtists as $related)
        <div class="bai-celebrity-full-card bai-similar-celebrities__card">
            <div>
                <div class="bai-celebrity-full-card__top">
                    <a href="{{route('user.artist' , $related->slug)}}">
                        <img width="64" height="64" loading="lazy" src="{{!blank($related->avatar) ? secure_url('celebrity/' . $related->avatar): secure_url('celebrity/default-avatar.png')}}" alt="David Bowie" class="bai-celebrity-full-card__avatar" />
                    </a>
                    <div class="bai-celebrity-full-card__top-data">
                        <a href="{{route('user.artist' , $related->slug)}}">
                            <h5 class="bai-celebrity-full-card__name">{{$related->name}}</h5>
                        </a>
                        <div class="bai-celebrity-full-card__occupation">{{$related->country}}</div>
                    </div>
                    <a href="" class="bai-celebrity-full-card__top-category">{{$related->categoryType?->name}}</a>
                </div>
            </div>
            <div class="bai-celebrity-full-card__bottom">
                <a href="{{route('user.artist' , $related->slug)}}" class="bai-primary-button bai-celebrity-full-card__link">View</a>
            </div>
        </div>
        @endforeach
    </div>
</section>

@endif