@if($user)
    @if(isset($props['route']))
    <a href="{{ route($props['route'], $user) }}">
    @endif
    <div class="user-card" style="line-height: 21px">
        @if($props['showAvatar']?? true)
        <div class="user-avatar bg-primary-dim {{ $user->is_online ? 'border-is-online' : '' }}">
            @if(method_exists($user, 'hasMedia') && $user->hasMedia('avatar'))
            <img src="{{ asset($user->getFirstMediaUrl('avatar', 'thumb')) }}" alt="avatar" class="shadow-sm">
            @else
            <span class="text-primary">{{ $user->initials }}</span>
            @endif
        </div>
        @endif
        <div class="user-info">
            <span class="tb-lead text-primary">
                {{ $user->name_and_surname??'' }}
                @if($user->is_any_partner_role && $user->partner_profile?->is_network_manager)
                <x-ui.nicon name="star-fill" x-data="tooltip" data-bs-title="{{ __('Network manager') }}" class="text-warning"/>
                @endif
            </span>
            <span class="sub-text nowrap"
                @if(!isset($props['disableCopyClipboard']))
                    x-data="tooltip" data-bs-title="{{ __('Copy to clipboard') }}"
                    x-on:click="navigator.clipboard.writeText('{{ $user->email }}'); 
                    $refs.icon.classList.add('text-success');
                    setTimeout(() => {
                        $refs.icon.classList.remove('text-success')
                    }, 400)"
                @endif
            >
                <x-ui.nicon name="mail" class="me-1" x-ref="icon"/>
                {{ isset($emailLimit) ? str($user->email)->limit($emailLimit, '...') : $user->email }}
            </span>
            @if($user->phone_mobile)
            <span class="sub-text nowrap"
                @if(!isset($props['disableCopyClipboard']))
                    x-data="tooltip" data-bs-title="{{ __('Copy to clipboard') }}"
                    x-on:click="navigator.clipboard.writeText($el.textContent); 
                    $refs.icon.classList.add('text-success');
                    setTimeout(() => {
                        $refs.icon.classList.remove('text-success')
                    }, 400)"
                @endif
            >
                <x-ui.nicon name="mobile" class="me-1" x-ref="icon"/>
                {{ $user->phone_mobile }}
            </span>
            @endif
            @if($user->phone_work)
            <span class="sub-text nowrap"
                @if(!isset($props['disableCopyClipboard']))
                    x-data="tooltip" data-bs-title="{{ __('Copy to clipboard') }}"
                    x-on:click="navigator.clipboard.writeText($el.textContent); 
                    $refs.icon.classList.add('text-success');
                    setTimeout(() => {
                        $refs.icon.classList.remove('text-success')
                    }, 400)"
                @endif
            >
                <x-ui.nicon name="call" class="me-1" x-ref="icon"/>
                {{ $user->phone_work }}
            </span>
            @endif
        </div>
    </div>
    @if(isset($props['route']))
    </a>
    @endif
@endif