@php
    $wikiNavCategories = $wikiNavCategories ?? collect();
    $wikiNavTrails     = $wikiNavTrails ?? collect();

    $activeType       = $wikiNavActiveType       ?? null;
    $activeTrailId    = $wikiNavActiveTrailId    ?? null;
    $activeModuleId   = $wikiNavActiveModuleId   ?? null;
    $activeCategoryId = $wikiNavActiveCategoryId ?? null;

    // Trilhas abre quando há contexto de trilha; senão, Categorias fica aberta por padrão.
    $trailOpen = ($activeType === 'trail');
    $catOpen   = !$trailOpen;
@endphp

<div class="offcanvas-lg offcanvas-start outlook-left-menu outlook-left-menu-md sub-nav" tabindex="-1" id="fileSidebaroffcanvas">
    <div class="card h-100 mb-0 rounded-0 border-0" data-simplebar>

        <div class="p-2">
            <a href="{{ route('wiki.editor') }}" class="btn btn-primary w-100 d-flex align-items-center justify-content-center gap-1">
                <i data-lucide="plus"></i>
                <span>Novo artigo</span>
            </a>
        </div>

        <ul class="side-nav mt-1">

            {{-- Home --}}
            <li class="side-nav-item {{ request()->routeIs('wiki.index') ? 'active' : '' }}">
                <a href="{{ route('wiki.index') }}" class="side-nav-link {{ request()->routeIs('wiki.index') ? 'active' : '' }}">
                    <span class="menu-icon"><i data-lucide="home"></i></span>
                    <span class="menu-text">Home Wiki</span>
                </a>
            </li>

            {{-- Categorias --}}
            <li class="side-nav-item">
                <a data-bs-toggle="collapse" href="#sidebarWikiCategorias"
                   aria-expanded="{{ $catOpen ? 'true' : 'false' }}"
                   aria-controls="sidebarWikiCategorias"
                   class="side-nav-link">
                    <span class="menu-icon"><i data-lucide="folder"></i></span>
                    <span class="menu-text">Categorias</span>
                    <span class="menu-arrow"></span>
                </a>
                <div class="collapse {{ $catOpen ? 'show' : '' }}" id="sidebarWikiCategorias">
                    <ul class="sub-menu">
                        @forelse($wikiNavCategories as $category)
                            @php
                                $visibleSubs = $category->subcategories->filter(fn ($s) => ($s->published_articles_count ?? 0) > 0)->values();
                                $catTotal    = ($category->published_articles_count ?? 0) + $visibleSubs->sum('published_articles_count');
                            @endphp
                            <li class="side-nav-item">
                                @if($visibleSubs->isNotEmpty())
                                    @php $isActiveCat = ($activeCategoryId === $category->id); @endphp
                                    <a data-bs-toggle="collapse" href="#wikiCat{{ $category->id }}"
                                       aria-expanded="{{ $isActiveCat ? 'true' : 'false' }}"
                                       aria-controls="wikiCat{{ $category->id }}"
                                       class="side-nav-link">
                                        <span class="menu-text">{{ $category->label }}</span>
                                        <span class="menu-arrow"></span>
                                    </a>
                                    <div class="collapse {{ $isActiveCat ? 'show' : '' }}" id="wikiCat{{ $category->id }}">
                                        <ul class="sub-menu">
                                            @foreach($visibleSubs as $sub)
                                                <li class="side-nav-item">
                                                    <a href="{{ route('wiki.index') }}?subcategory_id={{ $sub->id }}" class="side-nav-link">
                                                        <span class="menu-text">{{ $sub->label }}</span>
                                                    </a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @else
                                    <a href="{{ route('wiki.index') }}?category_id={{ $category->id }}" class="side-nav-link">
                                        <span class="menu-text">{{ $category->label }}</span>
                                    </a>
                                @endif
                            </li>
                        @empty
                            <li class="side-nav-item">
                                <span class="side-nav-link text-muted small">Nenhum artigo criado</span>
                            </li>
                        @endforelse
                    </ul>
                </div>
            </li>

            {{-- Trilhas --}}
            <li class="side-nav-item">
                <a data-bs-toggle="collapse" href="#sidebarWikiTrilhas"
                   aria-expanded="{{ $trailOpen ? 'true' : 'false' }}"
                   aria-controls="sidebarWikiTrilhas"
                   class="side-nav-link">
                    <span class="menu-icon"><i data-lucide="route"></i></span>
                    <span class="menu-text">Trilhas</span>
                    <span class="menu-arrow"></span>
                </a>
                <div class="collapse {{ $trailOpen ? 'show' : '' }}" id="sidebarWikiTrilhas">
                    <ul class="sub-menu">
                        @forelse($wikiNavTrails as $trail)
                            @php
                                $visibleModules = $trail->modules->filter(function ($m) {
                                    $own = ($m->published_articles_count ?? 0) > 0;
                                    $inSubs = $m->submodules->contains(fn ($s) => ($s->published_articles_count ?? 0) > 0);
                                    return $own || $inSubs;
                                })->values();
                                $trailTotal = ($trail->published_articles_count ?? 0)
                                    + $visibleModules->sum('published_articles_count')
                                    + $visibleModules->sum(fn ($m) => $m->submodules->sum('published_articles_count'));
                            @endphp
                            <li class="side-nav-item">
                                @if($visibleModules->isNotEmpty())
                                    @php $isActiveTrail = ($activeTrailId === $trail->id); @endphp
                                    <a data-bs-toggle="collapse" href="#wikiTrail{{ $trail->id }}"
                                       aria-expanded="{{ $isActiveTrail ? 'true' : 'false' }}"
                                       aria-controls="wikiTrail{{ $trail->id }}"
                                       class="side-nav-link">
                                        <span class="menu-text">{{ $trail->label }}</span>
                                        <span class="menu-arrow"></span>
                                    </a>
                                    <div class="collapse {{ $isActiveTrail ? 'show' : '' }}" id="wikiTrail{{ $trail->id }}">
                                        <ul class="sub-menu">
                                            @foreach($visibleModules as $module)
                                                @php
                                                    $visibleSubmodules = $module->submodules->filter(fn ($s) => ($s->published_articles_count ?? 0) > 0)->values();
                                                @endphp
                                                <li class="side-nav-item">
                                                    @if($visibleSubmodules->isNotEmpty())
                                                        @php $isActiveModule = ($activeModuleId === $module->id); @endphp
                                                        <a data-bs-toggle="collapse" href="#wikiMod{{ $module->id }}"
                                                           aria-expanded="{{ $isActiveModule ? 'true' : 'false' }}"
                                                           class="side-nav-link">
                                                            <span class="menu-text">{{ $module->label }}</span>
                                                            <span class="menu-arrow"></span>
                                                        </a>
                                                        <div class="collapse {{ $isActiveModule ? 'show' : '' }}" id="wikiMod{{ $module->id }}">
                                                            <ul class="sub-menu">
                                                                @foreach($visibleSubmodules as $sub)
                                                                    <li class="side-nav-item">
                                                                        <a href="{{ route('wiki.index') }}?submodule_id={{ $sub->id }}" class="side-nav-link">
                                                                            <span class="menu-text">{{ $sub->label }}</span>
                                                                        </a>
                                                                    </li>
                                                                @endforeach
                                                            </ul>
                                                        </div>
                                                    @else
                                                        <a href="{{ route('wiki.index') }}?module_id={{ $module->id }}" class="side-nav-link">
                                                            <span class="menu-text">{{ $module->label }}</span>
                                                        </a>
                                                    @endif
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @else
                                    <a href="{{ route('wiki.index') }}?trail_id={{ $trail->id }}" class="side-nav-link">
                                        <span class="menu-text">{{ $trail->label }}</span>
                                    </a>
                                @endif
                            </li>
                        @empty
                            <li class="side-nav-item">
                                <span class="side-nav-link text-muted small">Nenhuma trilha com artigos</span>
                            </li>
                        @endforelse
                    </ul>
                </div>
            </li>

            {{-- Rascunhos --}}
            <li class="side-nav-item {{ request()->routeIs('wiki.drafts') ? 'active' : '' }}">
                <a href="{{ route('wiki.drafts') }}" class="side-nav-link {{ request()->routeIs('wiki.drafts') ? 'active' : '' }}">
                    <span class="menu-icon"><i data-lucide="file-pen-line"></i></span>
                    <span class="menu-text">Meus rascunhos</span>
                </a>
            </li>

            {{-- Configurações --}}
            <li class="side-nav-item {{ request()->routeIs('wiki.settings') ? 'active' : '' }}">
                <a href="{{ route('wiki.settings') }}" class="side-nav-link {{ request()->routeIs('wiki.settings') ? 'active' : '' }}">
                    <span class="menu-icon"><i data-lucide="cog"></i></span>
                    <span class="menu-text">Configurações</span>
                </a>
            </li>
        </ul>
    </div>
</div>