@php
use App\Models\MenuItem;
$menuItems = MenuItem::getMenuTree(auth()->user());
@endphp

<!-- resources/views/layouts/sidebar.blade.php -->

<nav class="navbar navbar-vertical navbar-expand-lg">
    <div class="collapse navbar-collapse" id="navbarVerticalCollapse">
        <!-- scrollbar removed-->
        <div class="navbar-vertical-content">
            <ul class="navbar-nav flex-column" id="navbarVerticalNav">

                @foreach($menuItems as $menuItem)
                    @php
                        $hasActiveChild = $menuItem->children->contains(function($child) { 
                            return $child->isCurrentlyActive(); 
                        });
                        $visibleChildren = $menuItem->children; // Já vem filtrado do getMenuTree
                    @endphp
                    
                    <li class="nav-item">
                        <div class="nav-item-wrapper">
                            @if($menuItem->is_dropdown && $visibleChildren->isNotEmpty())
                                {{-- Menu Dropdown/Accordion - NUNCA fica azul --}}
                                <a class="nav-link dropdown-indicator label-1" 
                                   href="#nv-{{ $menuItem->slug }}" 
                                   role="button" 
                                   data-bs-toggle="collapse" 
                                   aria-expanded="{{ $hasActiveChild ? 'true' : 'false' }}" 
                                   aria-controls="nv-{{ $menuItem->slug }}">
                                    <div class="d-flex align-items-center">
                                        <div class="dropdown-indicator-icon-wrapper">
                                            <span class="fas fa-caret-right dropdown-indicator-icon"></span>
                                        </div>
                                        <span class="nav-link-icon">
                                            @if(\Str::startsWith($menuItem->icon, 'fas fa-') || \Str::startsWith($menuItem->icon, 'far fa-'))
                                                <i class="{{ $menuItem->icon }}"></i>
                                            @else
                                                <span data-feather="{{ $menuItem->icon }}"></span>
                                            @endif
                                        </span>
                                        <span class="nav-link-text">{{ $menuItem->name }}</span>
                                        {{-- Badge de seção ativa removido --}}
                                        @if($menuItem->badges)
                                            @foreach($menuItem->badges as $badge)
                                                <span class="badge badge-phoenix ms-2 badge-phoenix-{{ $badge['color'] ?? 'primary' }}">
                                                    {{ $badge['text'] }}
                                                </span>
                                            @endforeach
                                        @endif
                                    </div>
                                </a>
                                <div class="parent-wrapper label-1">
                                    <ul class="nav collapse parent {{ $hasActiveChild ? 'show' : '' }}" id="nv-{{ $menuItem->slug }}">
                                        <li class="collapsed-nav-item-title d-none">{{ $menuItem->name }}</li>
                                        @foreach($visibleChildren as $childItem)
                                            @php 
                                                // Apenas este item específico fica ativo se estiver na URL atual
                                                $childActive = (request()->url() === $childItem->getUrl()) || 
                                                              (request()->is(trim($childItem->getUrl(), '/')));
                                            @endphp
                                            <li class="nav-item">
                                                <a class="nav-link {{ $childActive ? 'active' : '' }}" 
                                                   href="{{ $childItem->getUrl() }}"
                                                   target="{{ $childItem->target }}"
                                                   @if($childItem->description) title="{{ $childItem->description }}" @endif>
                                                    <div class="d-flex align-items-center">
                                                        @if($childItem->icon)
                                                            <span class="nav-link-icon me-2">
                                                                @if(\Str::startsWith($childItem->icon, 'fas fa-') || \Str::startsWith($childItem->icon, 'far fa-'))
                                                                    <i class="{{ $childItem->icon }}"></i>
                                                                @else
                                                                    <span data-feather="{{ $childItem->icon }}"></span>
                                                                @endif
                                                            </span>
                                                        @endif
                                                        <span class="nav-link-text">{{ $childItem->name }}</span>
                                                        {{-- Badge de página atual removido --}}
                                                        @if($childItem->badges)
                                                            @foreach($childItem->badges as $badge)
                                                                <span class="badge badge-phoenix ms-2 badge-phoenix-{{ $badge['color'] ?? 'primary' }}">
                                                                    {{ $badge['text'] }}
                                                                </span>
                                                            @endforeach
                                                        @endif
                                                    </div>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @else
                                {{-- Menu Item Simples (sem dropdown) --}}
                                @php 
                                    // Apenas este item específico fica ativo se estiver na URL atual
                                    $itemActive = (request()->url() === $menuItem->getUrl()) || 
                                                 (request()->is(trim($menuItem->getUrl(), '/')));
                                @endphp
                                <a class="nav-link label-1 {{ $itemActive ? 'active' : '' }}" 
                                   href="{{ $menuItem->getUrl() }}"
                                   target="{{ $menuItem->target }}"
                                   @if($menuItem->description) title="{{ $menuItem->description }}" @endif>
                                    <div class="d-flex align-items-center">
                                        <span class="nav-link-icon">
                                            @if(\Str::startsWith($menuItem->icon, 'fas fa-') || \Str::startsWith($menuItem->icon, 'far fa-'))
                                                <i class="{{ $menuItem->icon }}"></i>
                                            @else
                                                <span data-feather="{{ $menuItem->icon }}"></span>
                                            @endif
                                        </span>
                                        <span class="nav-link-text-wrapper">
                                            <span class="nav-link-text">{{ $menuItem->name }}</span>
                                        </span>
                                        {{-- Badge de página atual removido --}}
                                        @if($menuItem->badges)
                                            @foreach($menuItem->badges as $badge)
                                                <span class="badge badge-phoenix ms-2 badge-phoenix-{{ $badge['color'] ?? 'primary' }}">
                                                    {{ $badge['text'] }}
                                                </span>
                                            @endforeach
                                        @endif
                                    </div>
                                </a>
                            @endif
                        </div>
                    </li>
                @endforeach

            </ul>
        </div>
    </div>
    <div class="navbar-vertical-footer">
        <button class="btn navbar-vertical-toggle border-0 fw-semibold w-100 white-space-nowrap d-flex align-items-center">
            <span class="uil uil-left-arrow-to-left fs-8"></span>
            <span class="uil uil-arrow-from-right fs-8"></span>
            <span class="navbar-vertical-footer-text ms-2">Recolher</span>
        </button>
    </div>
</nav>

{{-- CSS - apenas item da URL atual fica azul --}}
<style>
/* Apenas o item da URL atual fica azul */
.navbar-vertical .nav-link.active {
    color: rgb(var(--phoenix-primary-rgb)) !important;
    font-weight: 600;
}

.navbar-vertical .nav-link.active .nav-link-icon {
    color: rgb(var(--phoenix-primary-rgb)) !important;
}

/* Animação suave para badges customizados (não de estado) */
.badge-phoenix {
    transition: all 0.2s ease;
}
</style>