@props(['order'])

@php
    $apiKey = $order->apiKey;
    $company = $apiKey?->company;
    $user = $apiKey?->user;
    $source = $apiKey?->projectSource;
@endphp

<div class="d-flex flex-column" style="min-width: 200px;">
    {{-- API Key Name --}}
        <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>

        {{-- Company --}}
        @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;"/>
                {{ $company->name }}
            </span>
        @endif

        {{-- User --}}
        @if($user)
            <span class="badge bg-purple badge-dim rounded-pill d-block mt-1"
                title="{{ $user->name_and_surname }}"
                x-data="tooltip"
                style="font-size: 10px;">
                <x-ui.nicon name="user" style="font-size: 9px;"/>
                {{ $user->name_and_surname }}
            </span>
        @endif

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

</div>