@props([
    'name' => 'U',
    'src' => null,
    'size' => 40,
    'class' => '',
])

@php
    $safeName = trim((string) $name);
    $initial = mb_strtoupper(mb_substr($safeName !== '' ? $safeName : 'U', 0, 1));
    $src = \App\Support\GigaxAvatar::url($src);
    $hasImage = filled($src);
    $dimension = max(16, (int) $size);
@endphp

@if($hasImage)
    <img
        src="{{ $src }}"
        alt="{{ $safeName ?: 'Usuário' }}"
        class="user-avatar-img {{ $class }}"
        width="{{ $dimension }}"
        height="{{ $dimension }}"
        loading="eager"
        decoding="async"
        fetchpriority="high"
        onerror="this.style.display='none'; if(this.nextElementSibling){ this.nextElementSibling.style.display='inline-flex'; }"
    >
    <span
        class="user-avatar-fallback {{ $class }}"
        style="display:none; width:{{ $dimension }}px; height:{{ $dimension }}px;"
        aria-label="{{ $safeName ?: 'Usuário' }}"
        title="{{ $safeName ?: 'Usuário' }}"
    >{{ $initial }}</span>
@else
    <span
        class="user-avatar-fallback {{ $class }}"
        style="width:{{ $dimension }}px; height:{{ $dimension }}px;"
        aria-label="{{ $safeName ?: 'Usuário' }}"
        title="{{ $safeName ?: 'Usuário' }}"
    >{{ $initial }}</span>
@endif