<div class="flex flex-col pt-8 md:pt-0 md:flex-row gap-4 flex-wrap md:pl-8 h-min">
    <!-- View Count -->
    <div class="p-4 sm:p-8 bg-white/40 dark:bg-neutral-950/40 backdrop-blur shadow rounded-lg content-center text-center grow">
        <div class="inline-block rounded-md text-rose-600">
            <i class="fa-solid fa-eye text-3xl"></i>
        </div>
        <h5 class="font-medium  dark:text-neutral-300">
            {{ number_format($user->watched->count()) }} views
        </h5>
    </div>

    <!-- Comment Count -->
    <div class="p-4 sm:p-8 bg-white/40 dark:bg-neutral-950/40 backdrop-blur shadow rounded-lg content-center text-center grow">
        <div class="inline-block rounded-md text-rose-600">
            <i class="fa-solid fa-comment text-3xl"></i>
        </div>
        <h5 class="font-medium  dark:text-neutral-300">
            {{ number_format($user->commentCount()) }} comments
        </h5>
    </div>

    <!-- Likes -->
    <div class="p-4 sm:p-8 bg-white/40 dark:bg-neutral-950/40 backdrop-blur shadow rounded-lg content-center text-center grow">
        <div class="inline-block rounded-md text-rose-600">
            <i class="fa-solid fa-heart text-3xl"></i>
        </div>
        <h5 class="font-medium  dark:text-neutral-300">
            {{ number_format($user->likes()) }} likes
        </h5>
    </div>

    <!-- Playlists -->
    <div class="p-4 sm:p-8 bg-white/40 dark:bg-neutral-950/40 backdrop-blur shadow rounded-lg content-center text-center grow">
        <div class="inline-block rounded-md text-rose-600">
            <i class="fa-solid fa-rectangle-list text-3xl"></i>
        </div>
        <h5 class="font-medium  dark:text-neutral-300">
            {{ number_format($user->playlists->count()) }} playlists
        </h5>
    </div>
</div>