@php
    $company = $row->client?->company;
    $users = $row->client?->users ?? collect();
@endphp

<div class="d-flex flex-column align-items-center" style="max-width: 220px;">
    {{-- Company Badge --}}
    @if($company)
        <div class="mb-1 w-100">
            <span class="badge bg-outline-primary bg-primary-dim rounded-pill text-truncate d-block"
                  title="Société : {{ $company->name }}"
                  x-data="tooltip"
                  style="max-width: 100%; font-size: 10px;">
                <em class="icon ni ni-building" style="font-size: 10px;"></em>
                {{ \Illuminate\Support\Str::limit($company->name, 18) }}
            </span>
        </div>
    @endif

    {{-- Users List --}}
    @if($users->isNotEmpty())
        <div class="d-flex flex-wrap justify-content-center">
            @foreach($users->take(3) as $user)
                <div class="user-card-mini d-inline-flex align-items-center bg-light rounded-pill px-2 py-1 mb-1 me-1" 
                     title="{{ $user->fullname }} ({{ __($user->role) }})"
                     x-data="tooltip">
                    <div class="user-avatar" style="width: 20px; height: 20px; min-width: 20px;">
                        @if($user->hasMedia('avatar'))
                            <img src="{{ asset($user->getFirstMediaUrl('avatar', 'thumb')) }}" 
                                 alt="avatar" 
                                 class="rounded-circle"
                                 style="width: 20px; height: 20px; object-fit: cover;">
                        @else
                            <span class="d-flex align-items-center justify-content-center rounded-circle bg-primary-dim text-primary" 
                                  style="width: 20px; height: 20px; font-size: 9px; font-weight: 600;">
                                {{ $user->initials }}
                            </span>
                        @endif
                    </div>
                    <span class="ms-1 text-truncate" style="font-size: 11px; max-width: 55px;">{{ $user->firstname }}</span>
                </div>
            @endforeach
            
            @if($users->count() > 3)
                <div class="d-inline-flex align-items-center justify-content-center bg-secondary-dim text-secondary rounded-pill px-2 py-1 mb-1"
                     title="{{ $users->skip(3)->pluck('fullname')->join(', ') }}"
                     x-data="tooltip"
                     style="font-size: 11px; min-width: 28px;">
                    +{{ $users->count() - 3 }}
                </div>
            @endif
        </div>
    @elseif(!$company)
        <span class="text-muted fs-12px">—</span>
    @endif
</div>