@props([
    'src' => '',
    'alt' => '',
    'class' => '',
    'style' => '',
    'width' => null,
    'height' => null,
    'fallback' => "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='120'><rect width='100%25' height='100%25' fill='%23e9ecef'/><text x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' fill='%236c757d' font-family='Arial' font-size='14'>No Image</text></svg>",
])

@php
    $val = trim((string) $src);

    $isAbsolute = str_starts_with($val, 'http://') || str_starts_with($val, 'https://') || str_starts_with($val, '//');
    $isStoragePrefix = str_starts_with($val, '/storage') || str_starts_with($val, 'storage/');
    $isPublicPrefix = str_starts_with($val, '/public/') || str_starts_with($val, 'public/');

    if ($val === '') {
        $url = $fallback;
    } elseif ($isAbsolute) {
        $url = $val;
    } elseif ($isStoragePrefix) {
        // Normalize variants like /storage/public/... to /storage/...
        $normalized = ltrim($val, '/');
        $normalized = str_replace('storage/public/', 'storage/', $normalized);
        $url = asset($normalized);
    } elseif ($isPublicPrefix) {
        // Files stored as public/... should be referenced through storage symlink
        $normalized = 'storage/' . ltrim(str_replace(['public/', '/public/'], '', $val), '/');
        $url = asset($normalized);
    } else {
        // Treat as relative to public root (e.g., assets/img/... or logos/..)
        // If looks like an uploaded path (no storage/ prefix), prefer storage/
        $maybeUpload = preg_match('#^(logos|images|uploads|photos|pictures)/#i', $val) === 1;
        $url = $maybeUpload ? asset('storage/' . ltrim($val, '/')) : asset(ltrim($val, '/'));
    }

    $attrs = [];
    if ($width) $attrs[] = 'width="'.e($width).'"';
    if ($height) $attrs[] = 'height="'.e($height).'"';
    if ($class) $attrs[] = 'class="'.e($class).'"';
    if ($style) $attrs[] = 'style="'.e($style).'"';
    $attrStr = $attrs ? ' '.implode(' ', $attrs) : '';
@endphp

<img src="{{ $url }}" alt="{{ $alt }}"{!! $attrStr !!} onerror="this.onerror=null;this.src='{{ $fallback }}'" />