@props(['code' => 'US', 'country' => '', 'class' => 'h-4 w-6'])

@php
    $normalizedCode = strtolower(trim($code ?? 'us'));
    $hasLocalSvg = file_exists(public_path("images/flags/{$normalizedCode}.svg"));
    $flagUrl = $hasLocalSvg 
        ? asset("images/flags/{$normalizedCode}.svg") 
        : "https://flagcdn.com/w40/{$normalizedCode}.png";
    $label = $country ?: strtoupper($code);
@endphp

<span class="inline-flex shrink-0 items-center justify-center overflow-hidden rounded-[3px] border border-slate-300/70 shadow-[0_1px_2px_rgba(0,0,0,0.08)] bg-slate-100 {{ $class }}" title="{{ $label }}">
    <img 
        src="{{ $flagUrl }}" 
        alt="{{ $label }} Flag" 
        class="h-full w-full object-cover"
        loading="lazy"
        onerror="this.onerror=null; this.src='{{ asset('images/flags/int.svg') }}';"
    />
</span>