@props(['slug', 'class' => ''])

@php
$base = 'https://cdn.apper.com.tr/img/banks/' . $slug;
// Try the most common formats first, fall back to legacy .ico last.
$extensions = ['png', 'webp', 'jpg', 'jpeg', 'ico'];
$remaining = json_encode(array_slice($extensions, 1));
@endphp

<img {{ $attributes->merge(['class' => $class]) }}
src="{{ $base }}.{{ $extensions[0] }}"
alt=""
data-base="{{ $base }}"
data-exts="{{ $remaining }}"
onerror="(function(i){var e=JSON.parse(i.dataset.exts||'[]');if(e.length){var
x=e.shift();i.dataset.exts=JSON.stringify(e);i.src=i.dataset.base+'.'+x}else{i.onerror=null;}})(this)">