@props([
    'href' => null,
    'showTagline' => false,
    'showWordmark' => true,
    'showName' => true,
    'showMark' => true,
    'linked' => true,
    'variant' => 'default',
])

@php
    $isFooter = $variant === 'footer';
    $isAdmin = $variant === 'admin';
    $href = $href ?? ($isAdmin ? route('admin.dashboard') : route('site.home', ['locale' => app()->getLocale()]));
    $titleClass = $isFooter ? 'text-white' : ($isAdmin ? 'text-brand-accent' : '');
    $tagClass = $isFooter ? 'text-slate-400' : 'text-brand-muted';
    $markSrc = brand_logo_mark_url();
    $lettersEnabled = brand_logo_letters_enabled();
    $letterSrcs = brand_logo_letter_urls();
    $wordmarkText = brand_logo_letters_text();
    $wordmarkFontClass = brand_logo_font_class();
    // enabled=false: still show wordmark text + font; skip Lottie JSON letter sources only.
    $useLottie = $lettersEnabled && $letterSrcs !== [];
    $classes = $attributes->merge(['class' => 'group inline-flex min-w-0 items-center no-underline'])->get('class');
@endphp

@if ($linked)
    <a href="{{ $href }}" class="{{ $classes }}" aria-label="{{ brand_name() }}">
@else
    <span class="{{ $classes }}" role="img" aria-label="{{ brand_name() }}">
@endif
    @if ($showMark)
    <span
        @class([
            'relative inline-flex shrink-0 items-center justify-center',
            'h-10 w-12' => $isAdmin,
            'h-14 w-[4.375rem]' => ! $isAdmin,
        ])
        aria-hidden="true"
    >
        <img src="{{ $markSrc }}" alt="" @class(['w-full object-contain', 'h-10' => $isAdmin, 'h-14' => ! $isAdmin]) draggable="false" />
    </span>
    @endif

    @if ($showName || $showWordmark || $showTagline)
        <span class="admin-sidebar-copy min-w-0 leading-tight">
            @if ($showName && ! $isAdmin)
                <span @class(['block font-bold tracking-tight whitespace-nowrap', 'text-lg' => ! $isFooter, 'text-xl' => $isFooter, $titleClass])>
                    {{ brand_name() }}
                </span>
            @endif
            @if ($showWordmark && ! $isFooter)
                <span
                    @class([
                        'site-logo-wordmark',
                        'site-logo-wordmark--admin' => $isAdmin,
                        $wordmarkFontClass,
                    ])
                    aria-hidden="true"
                    @if ($useLottie)
                        x-data="siteLogoLottie(@js($letterSrcs), @js(['staggerMs' => brand_logo_letter_stagger_ms()]))"
                    @endif
                >
                    <span
                        @class([
                            'site-logo-wordmark__static',
                            $wordmarkFontClass,
                        ])
                        @if ($useLottie) x-show="!ready" @endif
                    >{{ $wordmarkText }}</span>
                    @if ($useLottie)
                        <span class="site-logo-wordmark__letters" :class="{ 'is-ready': ready }" x-show="ready">
                            @foreach ($letterSrcs as $letterSrc)
                                <span data-logo-letter data-src="{{ $letterSrc }}" class="site-logo-letter"></span>
                            @endforeach
                        </span>
                    @endif
                </span>
            @endif
            @if ($showTagline)
                <span @class(['mt-1 block text-xs', $tagClass])>{{ brand_tagline() }}</span>
            @endif
        </span>
    @endif
@if ($linked)
    </a>
@else
    </span>
@endif