@php
    [$symbolIcon, $symbolIconColor] = isset($symbol) && $symbol
        ? \App\Support\SymbolPresentation::baseIconPair($symbol)
        : ['', '#6b7280'];
    $symbolIconIsImage = str_starts_with($symbolIcon, 'img:');
    $symbolIconFallback = strtoupper($symbol?->base_currency ?: substr($symbol?->name ?? '?', 0, 3));
@endphp
<div class="{{ $class ?? 'symbol-icon' }}"
     style="background:{{ $symbolIcon ? $symbolIconColor.'22' : 'var(--bg-tertiary)' }}"
     title="{{ $symbol?->display_symbol ?? 'Unknown instrument' }}">
    @if($symbolIconIsImage)
        <img src="{{ substr($symbolIcon, 4) }}" alt=""
             style="width:18px;height:18px;object-fit:contain;border-radius:50%"
             onerror="this.style.display='none';this.nextElementSibling.style.display='inline-flex'">
        <span style="display:none;color:{{ $symbolIconColor }};font-size:.58rem;font-weight:700">{{ $symbolIconFallback }}</span>
    @elseif($symbolIcon)
        <i class="{{ $symbolIcon }}" style="color:{{ $symbolIconColor }}" aria-hidden="true"></i>
    @else
        <span style="color:var(--text-secondary);font-size:.58rem;font-weight:700">{{ $symbolIconFallback }}</span>
    @endif
</div>