@php
    use Illuminate\Support\Str;

    $items = collect($items ?? [])->filter()->values();
    $basePath = rtrim($basePath ?? '', '/');
    $level = max(1, (int) ($level ?? 1));
    $mode = $mode ?? 'desktop';
    $variant = $variant ?? 'pill';
    $toPlatformUrl = $toPlatformUrl ?? null;
@endphp

@if ($items->isNotEmpty())
    <ul class="tenant-menu tenant-menu--{{ $mode }} tenant-menu--{{ $variant }} tenant-menu--level-{{ $level }} @if ($level > 1) tenant-menu--submenu @endif">
        @foreach ($items as $item)
            @php
                $label = trim((string) ($item['label'] ?? '메뉴'));
                $href = trim((string) ($item['href'] ?? ''));
                $children = collect($item['children'] ?? [])->filter()->values();
                $hasChildren = $children->isNotEmpty();
                $url = is_callable($toPlatformUrl)
                    ? $toPlatformUrl($href)
                    : ($href !== '' ? url($basePath . '/' . ltrim($href, '/')) : null);
                $submenuId = 'platform-menu-submenu-' . Str::uuid()->toString();
            @endphp

            <li class="tenant-menu__item @if ($hasChildren) tenant-menu__item--has-children @endif" @if ($mode === 'mobile' && $hasChildren) data-platform-menu-item @endif>
                @if ($mode === 'desktop')
                    <div class="tenant-menu__row">
                        @if ($url)
                            <a
                                href="{{ $url }}"
                                class="tenant-menu__link tenant-menu__link--primary @if (! $hasChildren) tenant-menu__link--no-children @endif"
                            >
                                <span class="tenant-menu__label">{{ $label }}</span>
                                @if ($hasChildren)
                                    <span class="tenant-menu__icon-slot" aria-hidden="true">
                                        <svg viewBox="0 0 20 20" fill="none" class="tenant-menu__chevron">
                                            <path d="M6 8l4 4 4-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </span>
                                @endif
                            </a>
                        @else
                            <button
                                type="button"
                                class="tenant-menu__link tenant-menu__link--primary @if (! $hasChildren) tenant-menu__link--no-children @endif"
                            >
                                <span class="tenant-menu__label">{{ $label }}</span>
                                @if ($hasChildren)
                                    <span class="tenant-menu__icon-slot" aria-hidden="true">
                                        <svg viewBox="0 0 20 20" fill="none" class="tenant-menu__chevron">
                                            <path d="M6 8l4 4 4-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                    </span>
                                @endif
                            </button>
                        @endif
                    </div>

                    @if ($hasChildren)
                        <div class="tenant-menu__submenu @if ($level > 1) tenant-menu__submenu--flyout @endif">
                            <div class="tenant-menu__submenu-panel">
                                @include('platform.partials.nav-menu', [
                                    'items' => $children,
                                    'basePath' => $basePath,
                                    'toPlatformUrl' => $toPlatformUrl,
                                    'mode' => 'desktop',
                                    'variant' => $variant,
                                    'level' => $level + 1,
                                ])
                            </div>
                        </div>
                    @endif
                @else
                    <div class="tenant-menu__row">
                        @if ($hasChildren)
                            <button
                                type="button"
                                class="tenant-menu__link tenant-menu__link--primary tenant-menu__link--mobile-toggle"
                                aria-label="{{ $label }} 펼치기"
                                aria-expanded="false"
                                aria-controls="{{ $submenuId }}"
                                data-platform-menu-subtoggle
                            >
                                <span class="tenant-menu__label">{{ $label }}</span>
                                <svg viewBox="0 0 20 20" fill="none" aria-hidden="true" class="tenant-menu__chevron">
                                    <path d="M6 8l4 4 4-4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>
                            </button>
                        @else
                            @if ($url)
                                <a href="{{ $url }}" class="tenant-menu__link tenant-menu__link--primary tenant-menu__link--no-children">
                                    <span class="tenant-menu__label">{{ $label }}</span>
                                </a>
                            @else
                                <button type="button" class="tenant-menu__link tenant-menu__link--primary tenant-menu__link--no-children">
                                    <span class="tenant-menu__label">{{ $label }}</span>
                                </button>
                            @endif
                        @endif
                    </div>

                    @if ($hasChildren)
                        <div id="{{ $submenuId }}" class="tenant-menu__submenu tenant-menu__submenu--mobile" aria-hidden="true">
                            <div class="tenant-menu__submenu-panel">
                                @include('platform.partials.nav-menu', [
                                    'items' => $children,
                                    'basePath' => $basePath,
                                    'toPlatformUrl' => $toPlatformUrl,
                                    'mode' => 'mobile',
                                    'variant' => $variant,
                                    'level' => $level + 1,
                                ])
                            </div>
                        </div>
                    @endif
                @endif
            </li>
        @endforeach
    </ul>
@endif