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

<div class="d-flex flex-column" style="min-width: 180px;">
    {{-- API Key Name --}}
    @if($apiKey)
        <span class="badge bg-primary badge-dim rounded-pill d-block">
            <x-ui.nicon name="key" class="me-1" style="font-size: 10px;"/>
            {{ $apiKey->name }}
        </span>
    @else
        <span class="badge bg-secondary badge-dim rounded-pill d-block">
            <x-ui.nicon name="key" class="me-1" style="font-size: 10px;"/>
            -
        </span>
    @endif

    {{-- Order Name --}}
    @if($order)
        <span class="badge bg-info badge-dim rounded-pill d-block mt-1"
            title="{{ __('Commande') }}: {{ $order->name }}"
            x-data="tooltip"
            style="font-size: 10px;">
            <x-ui.nicon name="package" style="font-size: 9px;"/>
            {{ $order->name }}
        </span>
    @endif

    {{-- Company Badge --}}
    @if($company)
        <span class="badge bg-purple badge-dim rounded-pill d-block mt-1"
            title="{{ __('Société') }}: {{ $company->name }}"
            x-data="tooltip"
            style="font-size: 10px;">
            <x-ui.nicon name="building" style="font-size: 9px;"/>
            {{ \Illuminate\Support\Str::limit($company->name, 20) }}
        </span>
    @endif

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