@php
    // Items store a plain path slug in `url` or `route` (not a registered
    // Laravel route name), so build hrefs the same way the rest of the site
    // does rather than using MenuItem::link().
    $menuItemHref = function ($item) {
        $path = $item->url ?: $item->route;

        return $path ? url(rtrim($path, '/') . '/') : '#';
    };

    $currentUrl = url()->current();
    $currentPath = trim(request()->path(), '/');

    $normalizePath = function ($urlOrPath) {
        if (empty($urlOrPath) || $urlOrPath === '#') {
            return '';
        }
        $parsed = parse_url($urlOrPath, PHP_URL_PATH);
        return trim($parsed ?? '', '/');
    };

    $isItemActive = function ($item) use ($currentUrl, $currentPath, $normalizePath, $menuItemHref) {
        $itemHref = $menuItemHref($item);
        $itemPath = $normalizePath($itemHref);

        // Direct match with URL or path
        if ($currentUrl === $itemHref || ($itemPath !== '' && $currentPath === $itemPath)) {
            return true;
        }

        // Subpath match (e.g. /blogs/my-post)
        if ($itemPath !== '' && request()->is($itemPath . '/*')) {
            return true;
        }

        // Check if any child item matches current page
        if ($item->children && $item->children->count()) {
            foreach ($item->children as $child) {
                $childHref = $menuItemHref($child);
                $childPath = $normalizePath($childHref);
                if ($currentUrl === $childHref || ($childPath !== '' && $currentPath === $childPath)) {
                    return true;
                }
                if ($childPath !== '' && request()->is($childPath . '/*')) {
                    return true;
                }
            }
        }

        return false;
    };

    $hf = $headerFooter ?? collect();
    $dropdownStyle = $hf->get('header_dropdown_style', 'card');
    $dropdownAnim = $hf->get('header_dropdown_animation', 'slide_down');
@endphp

<ul class="navbar-nav ml-auto">
    @foreach ($items as $item)
        @php
            $hasChildren = $item->children->count() > 0;
            $active = $isItemActive($item);
        @endphp

        @if ($hasChildren)
            <li class="nav-item sidebar-link dropdown-parent {{ $active ? 'is-active active' : '' }}">
                <span class="nav-link pointer {{ $active ? 'active-color' : '' }}">
                    {{ $item->title }}
                </span>
                <div class="drop-menu drop-menu-{{ $dropdownStyle }} drop-anim-{{ $dropdownAnim }}">
                    @foreach ($item->children as $child)
                        @php
                            $childHref = $menuItemHref($child);
                            $childPath = $normalizePath($childHref);
                            $isChildActive = ($currentUrl === $childHref || ($childPath !== '' && ($currentPath === $childPath || request()->is($childPath . '/*'))));
                        @endphp
                        <div class="drop-menu-item {{ $isChildActive ? 'is-active active' : '' }}">
                            <a href="{{ $childHref }}" class="{{ $isChildActive ? 'is-active active' : '' }}">{{ $child->title }}</a>
                        </div>
                    @endforeach
                </div>
            </li>
        @else
            <li class="nav-item sidebar-link {{ $active ? 'is-active active' : '' }}">
                <a class="nav-link {{ $active ? 'active-color' : '' }}" href="{{ $menuItemHref($item) }}">{{ $item->title }}</a>
            </li>
        @endif
    @endforeach

    <li class="nav-item {{ request()->is('support-us*') ? 'is-active active' : '' }}">
        <a class="nav-link tw-fs-14 {{ request()->is('support-us*') ? 'active-color' : '' }}" href="{{ url('support-us/') }}">
            <span class="grow-protect-btn">Support Us </span>
        </a>
    </li>
</ul>