@props(['variant' => 'light'])
@php
    $siteName = \App\Models\Setting::where('key', 'app_name')->value('value') ?: config('app.name');
    $siteLogo = \App\Models\Setting::where('key', 'app_logo')->value('value');
    $siteLogo = ($siteLogo && \Illuminate\Support\Facades\Storage::disk('public')->exists($siteLogo))
        ? asset('storage/' . ltrim($siteLogo, '/'))
        : null;
@endphp
<a href="{{ route('frontend.home') }}" class="inline-flex items-center gap-2.5 transition-opacity hover:opacity-80" aria-label="Back to homepage">
@if($siteLogo)
    <img src="{{ $siteLogo }}" alt="{{ $siteName }}"
         class="{{ $variant === 'dark' ? 'h-10' : 'h-9' }} w-auto max-w-[180px] object-contain">
@elseif($variant === 'dark')
    <div class="w-10 h-10 rounded-xl bg-white/20 backdrop-blur flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
            <path stroke-linecap="round" stroke-linejoin="round" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
        </svg>
    </div>
    <span class="text-xl font-bold text-white">{{ $siteName }}</span>
@else
    <div class="w-9 h-9 rounded-xl bg-primary-600 dark:bg-primary-300 flex items-center justify-center">
        <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-white dark:text-dark-bg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5">
            <path stroke-linecap="round" stroke-linejoin="round" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/>
        </svg>
    </div>
    <span class="text-lg font-bold text-gray-900 dark:text-white">{{ $siteName }}</span>
@endif
</a>