@if($row->client)
    <div class="user-card" 
         x-data="{ hover: false }"
         x-on:mouseenter="hover = true"
         x-on:mouseleave="hover = false"
    >
        <div class="user-avatar sm bg-primary-dim">
            <span>{{ substr($row->client->firstname ?? '', 0, 1) }}{{ substr($row->client->lastname ?? '', 0, 1) }}</span>
        </div>
        <div class="user-info">
            <span class="lead-text d-block" x-bind:class="{ 'text-primary': hover }">
                {{ $row->client->firstname }} {{ $row->client->lastname }}
            </span>
            @if($row->client->ref)
                <span class="badge badge-dim bg-primary rounded-pill">
                    {{ $row->client->ref }}
                </span>
            @endif
            @if($row->client->email)
                <span class="sub-text text-truncate" style="max-width: 180px;">
                    {{ $row->client->email }}
                </span>
            @endif
            @if($row->client->phone_mobile)
                <span class="sub-text">
                    <x-ui.nicon name="call" class="me-1"/>{{ $row->client->phone_mobile }}
                </span>
            @endif
        </div>
    </div>
@else
    <span class="text-muted small">
        <x-ui.nicon name="user-cross" class="me-1"/>
        {{ __('Client non trouvé') }}
    </span>
@endif