{{-- Componente compartido: Navegación del Header
     Props:
       $dropdowns (bool, default true) — mostrar dropdowns con categorías
       $classes (string, default '') — clases extra para <li> items
       $linkClasses (string, default '') — clases extra para <a> links
--}}
@props([
    'dropdowns' => true,
    'classes' => '',
    'linkClasses' => '',
])

@php
    $navigation = get_dynamic_navigation('header');
@endphp

@foreach($navigation as $key => $item)
    @if($item['active'])
        @php
            $isActive = is_nav_item_active($item['url']);
            $showDropdown = $dropdowns && isset($item['dropdown']) && $item['dropdown'];
        @endphp

        @if($showDropdown)
            <li class="dropdown {{ $isActive ? 'active' : '' }} {{ $classes }}">
                <a class="nav-link dropdown-toggle {{ $isActive ? 'active' : '' }} {{ $linkClasses }}" href="{{ $item['url'] }}">
                    <span>{{ $item['title'] }}</span>
                </a>
                <ul class="dropdown-menu">
                    {{-- Servicios individuales --}}
                    @if($key === 'services' && is_module_active('services') && isset($headerServices) && $headerServices->count() > 0)
                        @foreach($headerServices as $service)
                            <li><a class="dropdown-item" href="{{ \Illuminate\Support\Facades\Route::has('frontend.services.detail') ? route('frontend.services.detail', $service->slug) : url('/services/' . $service->slug) }}">{{ $service->title }}</a></li>
                        @endforeach
                        {{-- Categorías de services (separadas) --}}
                        @if(isset($serviceCategories) && $serviceCategories->count() > 0)
                            <li class="d-none d-md-block"><hr class="dropdown-divider"></li>
                            @foreach($serviceCategories as $category)
                                <li><a class="dropdown-item" href="{{ \Illuminate\Support\Facades\Route::has('frontend.services.index') ? route('frontend.services.index', ['category' => $category->slug]) : url('/services') }}">{{ $category->name }}</a></li>
                            @endforeach
                        @endif
                        <li class="d-none d-md-block"><hr class="dropdown-divider"></li>
                    @elseif($key === 'services' && is_module_active('services') && isset($serviceCategories) && $serviceCategories->count() > 0)
                        @foreach($serviceCategories as $category)
                            <li><a class="dropdown-item" href="{{ \Illuminate\Support\Facades\Route::has('frontend.services.index') ? route('frontend.services.index', ['category' => $category->slug]) : url('/services') }}">{{ $category->name }}</a></li>
                        @endforeach
                        <li class="d-none d-md-block"><hr class="dropdown-divider"></li>
                    @endif

                    {{-- Categorías de projects --}}
                    @if($key === 'projects' && is_module_active('projects') && isset($projectCategories) && $projectCategories->count() > 0)
                        @foreach($projectCategories as $category)
                            <li><a class="dropdown-item" href="{{ \Illuminate\Support\Facades\Route::has('frontend.projects.category') ? route('frontend.projects.category', $category->slug) : url('/projects') }}">{{ $category->name }}</a></li>
                        @endforeach
                        <li class="d-none d-md-block"><hr class="dropdown-divider"></li>
                    @endif

                    {{-- Categorías de products --}}
                    @if($key === 'products' && is_module_active('products') && isset($productCategories) && $productCategories->count() > 0)
                        @foreach($productCategories as $category)
                            <li><a class="dropdown-item" href="{{ \Illuminate\Support\Facades\Route::has('frontend.products.index') ? route('frontend.products.index', ['category' => $category->slug]) : url('/products') }}">{{ $category->name }}</a></li>
                        @endforeach
                        <li class="d-none d-md-block"><hr class="dropdown-divider"></li>
                    @endif

                    <li class="d-none d-md-block"><a class="dropdown-item" href="{{ $item['url'] }}">{{ __('Ver Todos') }}</a></li>
                </ul>
            </li>
        @else
            <li class="{{ $isActive ? 'active' : '' }} {{ $classes }}">
                <a class="nav-link {{ $isActive ? 'active' : '' }} {{ $linkClasses }}" href="{{ $item['url'] }}">
                    <span>{{ $item['title'] }}</span>
                </a>
            </li>
        @endif
    @endif
@endforeach