@php
    $company = $row->apiKey?->company;
    $user = $row->apiKey?->user;
@endphp

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

    {{-- User --}}
    @if($user)
        <div class="d-flex align-items-center">
            <div class="user-avatar" style="width: 22px; height: 22px; min-width: 22px;">
                @if($user->hasMedia('avatar'))
                    <img src="{{ asset($user->getFirstMediaUrl('avatar', 'thumb')) }}" 
                         alt="avatar" 
                         class="rounded-circle"
                         style="width: 22px; height: 22px; object-fit: cover;">
                @else
                    <span class="d-flex align-items-center justify-content-center rounded-circle bg-primary-dim text-primary" 
                          style="width: 22px; height: 22px; font-size: 10px;">
                        {{ strtoupper(substr($user->firstname ?? '', 0, 1)) }}{{ strtoupper(substr($user->lastname ?? '', 0, 1)) }}
                    </span>
                @endif
            </div>
            <div class="ms-1 text-truncate" style="max-width: 180px;">
                <span class="text-muted small" 
                      title="{{ $user->name_and_surname }}"
                      x-data="tooltip"
                      style="font-size: 11px;">
                    {{ \Illuminate\Support\Str::limit($user->name_and_surname, 24) }}
                </span>
            </div>
        </div>
    @endif

    @if(!$company && !$user)
        <span class="text-muted small">-</span>
    @endif
</div>