@php
    use Illuminate\Support\Str;

    $tenantId = $tenantId ?? (tenant() ? tenant('id') : null);
    $scope = $scope ?? ($tenantId ? 'tenant' : 'platform');
    $mode = $mode ?? 'auth';
    $tenantBaseUrl = tenant_base_url();
    $basePath = $basePath ?? $tenantBaseUrl;
    $isAppMode = $mode === 'app';
    $isAuthenticated = $scope === 'tenant' ? auth('tenant')->check() : auth('web')->check();
    $currentUser = $scope === 'tenant' ? auth('tenant')->user() : auth('web')->user();
    $searchAction = $searchAction ?? ($isAppMode && $scope === 'tenant' ? tenant_url(null, 'search') : null);
    $menuItems = $tenantMenus ?? ($tenantSiteSettings?->effectiveMenus() ?? []);
    $siteName = $siteName ?? ($tenantSiteSettings?->site_name ?? 'qpost');
    $logoUrl = $tenantId ? tenant_file_url($tenantSiteSettings?->logo_path) : null;
    $toTenantUrl = static function (string $href) use ($basePath): string {
        $href = trim($href);
        if ($href === '') {
            return '#';
        }

        if (Str::startsWith($href, ['http://', 'https://', '//', '#'])) {
            return $href;
        }

        return rtrim($basePath, '/') . '/' . ltrim($href, '/');
    };
@endphp

<header class="tenant-header" data-tenant-header>
    <div class="tenant-header__inner">
        <a href="{{ tenant_url() . '/' }}" class="tenant-header__brand">
            @if ($logoUrl)
                <img src="{{ $logoUrl }}" alt="{{ $siteName }}" class="tenant-header__brand-logo">
            @else
                <span class="tenant-header__brand-mark">
                    {{ mb_substr($siteName, 0, 1) }}
                </span>
                <span class="tenant-header__brand-name">
                    {{ $siteName }}
                </span>
            @endif
        </a>

        @if ($scope === 'platform')
            <div class="tenant-header__spacer"></div>

            <div class="tenant-header__actions">
                <a href="{{ route('platform.boards.index') }}" class="tenant-header__nav-link">게시판</a>
                <a href="{{ route('platform.members.index') }}" class="tenant-header__nav-link">회원관리</a>
                @if ($isAuthenticated)
                    <span class="tenant-header__user-name">{{ $currentUser?->name }}</span>
                    <form method="POST" action="{{ route('platform.logout') }}">
                        @csrf
                        <x-ui.button type="submit" variant="ghost" size="sm">로그아웃</x-ui.button>
                    </form>
                @else
                    <x-ui.button href="{{ route('platform.login') }}" variant="soft" size="sm">로그인</x-ui.button>
                @endif
            </div>
        @elseif ($isAppMode)
            <button
                type="button"
                class="tenant-header__menu-button"
                aria-label="메뉴 열기"
                aria-expanded="false"
                aria-controls="tenant-header-drawer"
                data-tenant-menu-toggle
            >
                <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" class="tenant-header__menu-icon">
                    <path d="M4 6h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                    <path d="M4 12h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                    <path d="M4 18h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                </svg>
            </button>

            <nav class="tenant-header__nav tenant-header__nav--desktop" aria-label="메인 메뉴">
                @include('tenant.partials.nav-menu', [
                    'items' => $menuItems,
                    'basePath' => $basePath,
                    'toTenantUrl' => $toTenantUrl,
                    'mode' => 'desktop',
                    'variant' => 'pill',
                    'level' => 1,
                ])
            </nav>

            <div class="tenant-header__actions">
                @if ($isAuthenticated)
                    <x-tenant::profile-menu :tenant-id="$tenantId" variant="app" />
                @else
                    <x-ui.button
                        href="{{ tenant_login_url() }}"
                        variant="ghost"
                        size="sm"
                        iconOnly
                        class="tenant-header__auth-icon-button"
                        aria-label="로그인"
                        title="로그인"
                    >
                        <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" class="tenant-header__auth-icon">
                            <path d="M12 11.5a3.5 3.5 0 1 0-3.5-3.5 3.5 3.5 0 0 0 3.5 3.5Z" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                            <path d="M5 19c.9-3.2 3.8-5.5 7-5.5s6.1 2.3 7 5.5" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"></path>
                        </svg>
                    </x-ui.button>
                @endif
            </div>

            <form
                action="{{ $searchAction }}"
                method="GET"
                role="search"
                class="tenant-header__search tenant-search-form"
                data-tenant-search-form
            >
                <button
                    type="button"
                    class="tenant-header__search-toggle"
                    aria-label="검색 열기"
                    aria-expanded="false"
                    aria-controls="tenant-header-search-panel"
                    data-tenant-search-toggle
                >
                    <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="tenant-header__search-toggle-icon tenant-header__search-toggle-icon--open">
                        <path
                            d="M8.5 15a6.5 6.5 0 1 1 4.596-11.096A6.5 6.5 0 0 1 8.5 15Zm0-1.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm6.854 3.207-3.89-3.89 1.06-1.06 3.89 3.89-1.06 1.06Z"
                            fill="currentColor"
                        />
                    </svg>
                    <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="tenant-header__search-toggle-icon tenant-header__search-toggle-icon--close">
                        <path d="M5 5l10 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                        <path d="M15 5 5 15" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                    </svg>
                </button>

                <div
                    class="tenant-header__search-panel"
                    id="tenant-header-search-panel"
                    data-tenant-search-panel
                    hidden
                    aria-hidden="true"
                >
                    <div class="tenant-header__search-backdrop" data-tenant-search-backdrop></div>
                    <div class="tenant-header__search-dialog">
                        <span class="tenant-header__search-title">search</span>
                        <x-tenant::search-form
                            :action="$searchAction"
                            :value="request('q', '')"
                            placeholder="검색"
                            class="tenant-search-form--dialog w-full max-w-[42rem]"
                            button-class="tenant-search-form__button--submit"
                        />
                    </div>
                </div>
            </form>

            <div class="tenant-menu-drawer" id="tenant-header-drawer" data-tenant-menu-drawer aria-hidden="true">
                <div class="tenant-menu-drawer__overlay" data-tenant-menu-overlay></div>
                <aside class="tenant-menu-drawer__panel" aria-label="모바일 메뉴">
                    <div class="tenant-menu-drawer__header">
                        <span class="tenant-menu-drawer__title">메뉴</span>
                        <button
                            type="button"
                            class="tenant-menu-drawer__close"
                            aria-label="메뉴 닫기"
                            data-tenant-menu-close
                        >
                            <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" class="tenant-menu-drawer__close-icon">
                                <path d="M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                                <path d="M18 6 6 18" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path>
                            </svg>
                        </button>
                    </div>

                    <nav class="tenant-menu tenant-menu--mobile tenant-menu--boxed" aria-label="모바일 메뉴">
                        @include('tenant.partials.nav-menu', [
                            'items' => $menuItems,
                            'basePath' => $basePath,
                            'toTenantUrl' => $toTenantUrl,
                            'mode' => 'mobile',
                            'variant' => 'boxed',
                            'level' => 1,
                        ])
                    </nav>

                    <div class="tenant-menu-drawer__auth">
                        @if ($isAuthenticated)
                            <x-tenant::profile-menu :tenant-id="$tenantId" variant="app" :show-home-button="false" />
                        @else
                            <x-ui.button href="{{ tenant_login_url() }}" variant="outline" size="sm" class="tenant-menu-drawer__auth-button">로그인</x-ui.button>
                            <x-ui.button href="{{ tenant_url(null, 'register') }}" variant="soft" size="sm" class="tenant-menu-drawer__auth-button">회원가입</x-ui.button>
                        @endif
                    </div>
                </aside>
            </div>
        @else
            <div class="tenant-header__links">
                <a href="{{ tenant_url() . '/' }}" class="tenant-header__link">홈</a>
                <a href="{{ tenant_login_url() }}" class="tenant-header__link">로그인</a>
                <a href="{{ tenant_url(null, 'register') }}" class="tenant-header__link">회원가입</a>
            </div>
        @endif
    </div>
</header>