@props(['user' => null, 'showEmail' => false])
@php
    $u = $user ?: auth()->user();
    use Illuminate\Support\Str;
    use Illuminate\Support\Facades\Storage;

    // التأكد من أن البيانات آمنة للعرض
    $safeName = 'اسم المستخدم';
    $safeEmail = '';
    $avatarUrl = asset('images/default-avatar.png');

    if ($u) {
        // الاسم
        $nameValue = $u->name ?? null;
        if (is_string($nameValue)) {
            $safeName = $nameValue;
        } elseif (is_array($nameValue) || is_object($nameValue)) {
            $safeName = json_encode($nameValue, JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES);
        } elseif (is_numeric($nameValue)) {
            $safeName = (string) $nameValue;
        }

        // البريد الإلكتروني
        $emailValue = $u->email ?? null;
        if (is_string($emailValue)) {
            $safeEmail = $emailValue;
        } elseif (is_array($emailValue) || is_object($emailValue)) {
            $safeEmail = json_encode($emailValue, JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES);
        } elseif (is_numeric($emailValue)) {
            $safeEmail = (string) $emailValue;
        }

        // الصورة الرمزية
        $rawAvatar = $u->avatar ?? '';
        if (!is_string($rawAvatar)) {
            $rawAvatar = '';
        }
        if ($rawAvatar !== '') {
            $avatarUrl = Str::startsWith($rawAvatar, 'http')
                ? $rawAvatar
                : Storage::disk('public')->url('avatars/' . basename($rawAvatar));
        }
    }
@endphp
@if($u)
    <div class="inline-flex items-center space-x-2 space-x-reverse">
        <img class="w-8 h-8 rounded-full object-cover" src="{{ $avatarUrl }}" alt="avatar">
        <div class="flex flex-col leading-tight">
            <span class="text-sm font-semibold">{{ $safeName }}</span>
            @if($showEmail && $safeEmail)
                <span class="text-xs text-gray-500">{{ $safeEmail }}</span>
            @endif
        </div>
    </div>
@else
    <span class="text-xs text-gray-400">Guest</span>
@endif