@php
    $maxVisibleUsers = 15; // Maximum number of visible user avatars
    $userListed = collect();
@endphp

@foreach ($users as $key => $user)
    @if (!$userListed->contains('id', $user->id))
        @php
            if ($key >= $maxVisibleUsers) {
                $remainingUsers->push($user);
                continue;
            }
            $userListed->add($user);
        @endphp

        @if (request()->user()->can('view', $user->id))
            <a href="{{ route('users.profile.show', $user->id) }}"
            class="user-avatar relative hover:z-10 transition-transform hover:scale-110"
                data-toggle="tooltip"
                data-placement="auto"
                title="{{ $user->name }}">
                <img src="{{ getMediaUrl($user, 'photograph', 'thumb') }}"
                    alt="{{ $user->name }}'s avatar"
                    class="w-8 h-8 rounded-full border-2 border-white">
            </a>
        @else
            <span class="user-avatar relative hover:z-10"
                data-toggle="tooltip"
                data-placement="top"
                title="{{ $user->name }}">
                <img src="{{ getMediaUrl($user, 'photograph', 'thumb') }}"
                    alt="{{ $user->name }}'s avatar"
                    class="w-8 h-8 rounded-full border-2 border-white">
            </span>
        @endif

    @endif
@endforeach