@php
    $appTitle = \Illuminate\Support\Facades\Cache::get('app.title', config('app.name', 'Laravel Starter Kit'));
    $logoPath = \Illuminate\Support\Facades\Cache::get('app.logo');
    $logoUrl = null;
    $isSvg = false;

    if ($logoPath) {
        $storage = \Illuminate\Support\Facades\Storage::disk('public');
        if ($storage->exists($logoPath)) {
            $logoUrl = $storage->url($logoPath);
            $isSvg = str_ends_with(strtolower($logoPath), '.svg');
            // Add timestamp to prevent caching issues
            $logoUrl .= '?v=' . $storage->lastModified($logoPath);
        }
    }
@endphp

<div class="flex items-center" x-data="{ title: @js($appTitle) }" x-on:app-title-updated.window="title = $event.detail.title">
    @if ($logoUrl)
        <div class="flex size-full items-center justify-center rounded-md overflow-hidden  text-accent-foreground">
            @if ($isSvg)
                <img src="{{ $logoUrl }}" alt="{{ $appTitle }}" class="size-full object-contain" />
            @else
                <img src="{{ $logoUrl }}" alt="{{ $appTitle }}" class="size-full object-cover rounded-md" />
            @endif
        </div>
    @else
        <div class="flex size-8 items-center justify-center rounded-md  text-accent-foreground">
            <x-app-logo-icon class="size-5 fill-current text-white dark:text-black" />
        </div>
    @endif
    <div class="ms-1 grid flex-1 text-start text-sm">
        <span class="mb-0.5 truncate leading-tight font-semibold" x-text="title">{{ $appTitle }}</span>
    </div>
</div>