@props([
    'club' => null,
    'size' => 'md',
])

@php
    $sizes = [
        'sm' => 'h-10 w-10 text-[10px]',
        'md' => 'h-12 w-12 text-xs',
        'lg' => 'h-16 w-16 text-sm',
    ];

    $sizeClass = $sizes[$size] ?? $sizes['md'];
    $shortName = $club?->short_name ?: 'CLB';
@endphp

@if ($club?->logo_path)
    <img
        src="{{ asset($club->logo_path) }}"
        alt="{{ $club->name }}"
        class="{{ $sizeClass }} rounded-2xl border border-white/70 bg-white object-contain p-1 shadow-sm"
    >
@else
    <div
        class="{{ $sizeClass }} flex items-center justify-center rounded-2xl font-black tracking-[0.18em] text-white shadow-sm"
        style="background: linear-gradient(135deg, {{ $club?->primary_color ?? '#0F766E' }} 0%, {{ $club?->secondary_color ?? '#172033' }} 100%);"
        title="{{ $club?->name }}"
    >
        {{ $shortName }}
    </div>
@endif