@php
    $menuGroups = app(\App\Domain\Access\Navigation\MenuBuilder::class)->groups();
@endphp
<aside class="app-sidebar" aria-label="Primary navigation">
    <div class="sidebar-top">
        <div class="sidebar-brand">
            <a href="{{ auth()->user()?->can('admin.access') ? route('dashboard') : route('profile.edit') }}">
                <span class="brand-mark">S</span>
                <span>
                    <span class="brand-wordmark">{{ config('app.name') }}</span>
                    <small>Operations</small>
                </span>
            </a>
            <button class="icon-button sidebar-close" type="button" data-sidebar-close aria-label="Close navigation">
                <svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 6 12 12M18 6 6 18"/></svg>
            </button>
        </div>
        <div class="sidebar-search">
            <label class="visually-hidden" for="sidebar-search">Search menu</label>
            <input id="sidebar-search" type="search" placeholder="Search menu" autocomplete="off" data-sidebar-search>
        </div>
    </div>
    <nav class="sidebar-nav" data-sidebar-nav>
        @foreach ($menuGroups as $group)
            <details
                class="sidebar-group"
                data-sidebar-group="{{ $group['key'] }}"
                @if ($group['key'] === 'daily' || $group['key'] === 'partner' || $group['contains_active']) open @endif
            >
                <summary class="sidebar-group-label">
                    <span>{{ $group['label'] }}</span>
                    <svg class="sidebar-group-chevron" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 6 6 6-6 6"/></svg>
                </summary>
                <div class="sidebar-group-items">
                    @foreach ($group['items'] as $item)
                        <a
                            class="sidebar-link {{ $item['active'] ? 'active' : '' }}"
                            href="{{ route($item['route']) }}"
                            data-sidebar-item
                            data-search="{{ $item['search'] }}"
                        >
                            @include('layouts.partials.sidebar-icon', ['icon' => $item['icon']])
                            <span>{{ $item['label'] }}</span>
                        </a>
                    @endforeach
                </div>
            </details>
        @endforeach
        <p class="sidebar-empty" data-sidebar-empty hidden>No matching items</p>
    </nav>
    <div class="sidebar-footer">
        <span class="status-dot"></span>
        <span>
            <strong>System online</strong>
            <small>Foundation environment</small>
        </span>
    </div>
</aside>