{{-- Header específico para demo-architecture-2 - DINÁMICO CON ESTRUCTURA DEL DEMO --}}
<header id="header" class="header-transparent header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': false, 'stickyHeaderContainerHeight': 80, 'stickyStartAt': 50, 'stickyChangeLogo': false}">
    <div class="header-body border-top-0 bg-primary appear-animation" data-appear-animation="fadeInUpShorterPlus" data-appear-animation-delay="1000" data-plugin-options="{'forceAnimation': true}">
        <div class="header-container container container-xl-custom custom-container-style">
            <div class="header-row">
                <div class="header-column align-items-start justify-content-center">
                    <div class="header-logo z-index-2 col-lg-2 px-0">
                        <a href="{{ route('front.homepage') }}">
                            <img alt="{{ config('site.assets.main_logo_alt') }}" height="44" src="{{ asset(config('site.assets.footer_logo')) }}">
                        </a>
                    </div>
                </div>
                <div class="header-column flex-row justify-content-end justify-content-lg-center">
                    <div class="header-nav header-nav-line header-nav-bottom-line header-nav-bottom-line-effect-1 header-nav-dropdowns-dark header-nav-light-text justify-content-end">
                        <div class="header-nav-main header-nav-main-arrows header-nav-main-mobile-dark header-nav-main-dropdown-no-borders header-nav-main-effect-3 header-nav-main-sub-effect-1">
                            <nav class="collapse">
                                <ul class="nav nav-pills" id="mainNav">
                                    @php
                                        $navigation = get_dynamic_navigation('header');
                                    @endphp
                                    @foreach($navigation as $key => $item)
                                        @if($item['active'])
                                            @php
                                                // Detectar ruta activa de forma más precisa
                                                $isActive = false;
                                                if ($key === 'inicio' || $key === 'home') {
                                                    // Solo activo en la página de inicio exacta
                                                    $isActive = request()->is('/') || request()->routeIs('front.homepage');
                                                } elseif ($key === 'products') {
                                                    $isActive = request()->is('products-catalogue*');
                                                } elseif ($key === 'services') {
                                                    $isActive = request()->is('services*');
                                                } elseif ($key === 'gallery') {
                                                    $isActive = request()->is('gallery*');
                                                } elseif ($key === 'blog') {
                                                    $isActive = request()->is('blog*');
                                                } elseif ($key === 'faqs') {
                                                    $isActive = request()->is('faqs*');
                                                } else {
                                                    $urlPath = parse_url($item['url'], PHP_URL_PATH);
                                                    $urlPath = ltrim($urlPath, '/');
                                                    // Evitar que "/" coincida con todo
                                                    if ($urlPath === '' || $urlPath === '/') {
                                                        $isActive = request()->is('/');
                                                    } else {
                                                        $isActive = request()->is($urlPath . '*') || request()->is($urlPath);
                                                    }
                                                }
                                                // Excluir 'products' y 'catalogo' del dropdown aunque tengan la configuración
                                                $showDropdown = isset($item['dropdown']) && $item['dropdown'] && $key !== 'products' && $key !== 'catalogo';
                                            @endphp
                                            @if($showDropdown)
                                                <li class="dropdown {{ $isActive ? 'active' : '' }}">
                                                    <a href="{{ $item['url'] }}" class="nav-link dropdown-toggle {{ $isActive ? 'active' : '' }}">
                                                        {{ __($item['title']) }}
                                                    </a>
                                                    <ul class="dropdown-menu">
                                                        <li><a href="{{ $item['url'] }}" class="dropdown-item">{{ __('Ver Todo') }}</a></li>
                                                        @if($key === 'products' && is_module_active('products'))
                                                            @foreach(($productCategories ?? collect())->take(4) as $category)
                                                                <li><a href="{{ route('front.products.category', $category->slug) }}" class="dropdown-item">{{ $category->name }}</a></li>
                                                            @endforeach
                                                        @endif
                                                        @if($key === 'services' && is_module_active('services'))
                                                            @foreach(($serviceCategories ?? collect())->take(4) as $category)
                                                                <li><a href="{{ route('frontend.services.detail', $category->slug) }}" class="dropdown-item">{{ $category->name }}</a></li>
                                                            @endforeach
                                                        @endif
                                                    </ul>
                                                </li>
                                            @else
                                                <li class="{{ $isActive ? 'active' : '' }}">
                                                    <a class="nav-link {{ $isActive ? 'active' : '' }}" href="{{ $item['url'] }}">
                                                        {{ __($item['title']) }}
                                                    </a>
                                                </li>
                                            @endif
                                        @endif
                                    @endforeach
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="header-nav-features ps-0 ms-3">
                        <div class="header-nav-features-search-reveal-container">
                            {{-- <div class="header-nav-feature header-nav-features-search header-nav-features-search-reveal d-inline-flex">
                                <a href="#" class="header-nav-features-search-show-icon d-inline-flex text-decoration-none"><i class="icons icon-magnifier header-nav-top-icon text-color-light text-4 font-weight-bold position-relative top-1"></i></a>
                            </div> --}}
                        </div>
                    </div>
                    <button class="btn header-btn-collapse-nav bg-transparent border-0 text-4 position-relative top-2 p-0 ms-4" data-bs-toggle="collapse" data-bs-target=".header-nav-main nav">
                        <i class="fas fa-bars"></i>
                    </button>
                </div>
                <div class="header-column align-items-end justify-content-center d-none d-lg-flex">
                    <ul class="header-social-icons social-icons social-icons-clean social-icons-icon-light social-icons-medium custom-social-icons-divider">
                        @foreach(config('site.social_media') as $key => $social)
                            @if($social['active'])
                                <li class="social-icons-{{ $key }}">
                                    <a href="{{ $social['url'] }}" target="_blank" title="{{ ucfirst($key) }}"><i class="fab fa-{{ $key === 'x' ? 'x-twitter' : ($key === 'facebook' ? 'facebook-f' : ($key === 'linkedin' ? 'linkedin-in' : $key)) }}"></i></a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="header-nav-features header-nav-features-no-border p-static">
        <div class="header-nav-feature header-nav-features-search header-nav-features-search-reveal header-nav-features-search-reveal-big-search header-nav-features-search-reveal-big-search-full">
            <div class="container">
                <div class="row h-100 d-flex">
                    <div class="col h-100 d-flex">
                        {{-- <form role="search" class="d-flex h-100 w-100" action="{{ route('front.search') }}" method="get">
                            <div class="big-search-header input-group">
                                <input class="form-control text-1" id="headerSearch" name="q" type="search" value="{{ request('q') }}" placeholder="{{ __('Type and hit enter...') }}">
                                <a href="#" class="header-nav-features-search-hide-icon"><i class="fas fa-times header-nav-top-icon"></i></a>
                            </div>
                        </form> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>