@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().
    $sidebarMenuHref = function ($item) {
        $path = $item->url ?: $item->route;

        return $path ? url(rtrim($path, '/') . '/') : '#';
    };
    $currentUrl = url()->current();
@endphp

@foreach ($items as $item)
    @php
        $hasChildren = $item->children->count() > 0;
        $itemUrl = $sidebarMenuHref($item);
        $isActive = ($currentUrl === $itemUrl);
    @endphp

    @if ($hasChildren)
        <li class="sidebar-nav-item has-submenu">
            <button type="button" class="sidebar-nav-link sidebar-submenu-toggle js-sidebar-toggle" data-target="#sub-{{ $item->id }}" aria-expanded="false">
                <span class="sidebar-nav-title">{{ $item->title }}</span>
                <i class="fa fa-chevron-right sidebar-chevron"></i>
            </button>
            <ul class="sidebar-submenu-list" id="sub-{{ $item->id }}">
                @foreach ($item->children as $child)
                    @php
                        $childUrl = $sidebarMenuHref($child);
                        $childActive = ($currentUrl === $childUrl);
                    @endphp
                    <li class="sidebar-subitem {{ $childActive ? 'is-active' : '' }}">
                        <a href="{{ $childUrl }}" class="sidebar-sublink">
                            <span class="sidebar-subbullet"></span>
                            <span class="sidebar-subtitle">{{ $child->title }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        </li>
    @else
        <li class="sidebar-nav-item {{ $isActive ? 'is-active' : '' }}">
            <a href="{{ $itemUrl }}" class="sidebar-nav-link">
                <span class="sidebar-nav-title">{{ $item->title }}</span>
            </a>
        </li>
    @endif
@endforeach