@php
    // Reusable avatar/icon with graceful initials fallback.
    // Props: $url (nullable), $name, $size (default h-9 w-9), $rounded (default rounded-full)
    $size    = $size ?? 'h-9 w-9';
    $rounded = $rounded ?? 'rounded-full';
    $initial = mb_strtoupper(mb_substr(trim((string) $name), 0, 1)) ?: '?';
@endphp

@if (!empty($url))
    <img src="{{ $url }}" alt="{{ $name }}"
         class="{{ $size }} {{ $rounded }} object-cover ring-1 ring-zinc-200 dark:ring-zinc-800 shrink-0"
         loading="lazy"
         onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';">
    <span class="{{ $size }} {{ $rounded }} shrink-0 items-center justify-center bg-zinc-100 dark:bg-zinc-800 text-zinc-500 text-sm font-semibold ring-1 ring-zinc-200 dark:ring-zinc-800"
          style="display:none">{{ $initial }}</span>
@else
    <span class="{{ $size }} {{ $rounded }} inline-flex shrink-0 items-center justify-center bg-zinc-100 dark:bg-zinc-800 text-zinc-500 text-sm font-semibold ring-1 ring-zinc-200 dark:ring-zinc-800">{{ $initial }}</span>
@endif