@php 
    $maxLen = $props['maxLen'] ?? 100;
    $label = str($user->service_name ?? $user->work_profile?->title)->limit($maxLen);
@endphp

<x-ui.dropdown :label="$label" icon="user-c" class="btn-dim btn-sm">
    <div class="card" style="width: 330px">
        <div class="card-inner-group">
            <div class="card-inner">
                @if($user->company?->hasMedia('logo'))
                    <img src="{{ asset($user->company->getFirstMediaUrl('logo', 'thumb')) }}" style="height: 35px; position: absolute; right: 20px; top: 20px;" alt="" >
                @endif
                <div class="user-card user-card-s2 p-0">
                    @if($user->hasMedia('avatar'))
                        <div class="user-avatar xl bg-white">
                            <img src="{{ asset($user->getFirstMediaUrl('avatar', 'main')) }}" alt="avatar">
                        </div>
                    @else
                    <em class="nk-modal-icon icon icon-circle icon-circle-xxl ni ni-contact bg-primary"></em>
                    @endif
                    <div class="user-info">
                        <h5 class="text-primary">{{ $user->firstname }}</h5>
                        @if($user->work_profile?->title)
                        <h6 style="color: #d2ab38">{{ $user->work_profile?->title }}</h6>
                        @endif
                        @if($user->work_profile?->description)
                        <span class="sub-text">{!! nl2br(strip_tags($user->work_profile?->description)) !!}</span>
                        @endif
                    </div>
                </div>
            </div>
            <div class="card-inner">
                @if($user->email)
                <div class="mb-1"><x-ui.nicon name="mail" class="text-primary"/>{{ $user->email }}</div>
                @endif
                @if($user->phone_mobile)
                <div><x-ui.nicon name="mobile" class="text-primary"/>{{ $user->phone_mobile }}</div>
                @endif
                @if($user->phone_work)
                    <div><x-ui.nicon name="call" class="text-primary"/>{{ $user->phone_work }}</div>
                @endif
            </div>
        </div>
    </div>
</x-ui.dropdown>