@props(['size' => 'md', 'showName' => false, 'class' => ''])

@php
    $sizeClasses = [
        'xs' => 'w-6 h-6',
        'sm' => 'w-8 h-8', 
        'md' => 'w-10 h-10',
        'lg' => 'w-16 h-16',
        'xl' => 'w-20 h-20',
        '2xl' => 'w-24 h-24'
    ];
    
    $logoSizeClass = $sizeClasses[$size] ?? $sizeClasses['md'];
    $hasLogo = function_exists('company_logo') && company_logo();
@endphp

<div {{ $attributes->merge(['class' => "flex items-center space-x-3 $class"]) }}>
    <div class="flex items-center justify-center {{ $logoSizeClass }} {{ $hasLogo ? 'bg-white rounded-lg shadow-sm border border-gray-200' : 'bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg' }}">
        @if($hasLogo)
            <img src="{{ company_logo() }}" 
                 alt="{{ function_exists('company_name') ? company_name() : 'Company' }} Logo" 
                 class="max-w-full max-h-full object-contain rounded">
        @else
            <x-application-logo class="{{ $size === 'xs' ? 'w-4 h-4' : ($size === 'sm' ? 'w-5 h-5' : 'w-6 h-6') }} fill-current text-white" />
        @endif
    </div>
    
    @if($showName)
        <div class="flex flex-col">
            <span class="text-lg font-semibold text-gray-800">{{ function_exists('app_name') ? app_name() : 'Sistem Manajemen Surat' }}</span>
            @if(function_exists('company_name') && company_name() !== (function_exists('app_name') ? app_name() : 'Sistem Manajemen Surat'))
                <span class="text-sm text-gray-600">{{ company_name() }}</span>
            @endif
        </div>
    @endif
</div>