@props(['mutual' => null, 'size' => 44])

@php
    $nombre = trim((string) $mutual?->nombre);
    $inicial = $nombre !== '' ? mb_strtoupper(mb_substr($nombre, 0, 1)) : 'M';
@endphp

<span {{ $attributes->class(['fesaem-logo-mutual']) }}
      style="width: {{ $size }}px; height: {{ $size }}px; font-size: {{ round($size * 0.4) }}px;"
      @if ($nombre !== '') title="{{ $nombre }}" @endif
      aria-hidden="true">
    {{-- Igual que el avatar: la inicial queda debajo del logo, así una imagen
         que no carga deja una letra y no un recuadro vacío. --}}
    {{ $inicial }}
    @if ($mutual && $mutual->logo_path)
        <img src="{{ route('mutuales.logo', $mutual) }}" alt="" loading="lazy" onerror="this.remove()">
    @endif
</span>