@props([
    'active' => '',
])

@php
    /**
     * Sidebar navigation.
     *
     * In S0.1 the sections are static and expose only the routes that already
     * exist (landing, shell preview, style guide, health). Business modules
     * are appended per sub-sprint through their own service providers.
     */
    $sections = [
        [
            'label' => __('Overview'),
            'items' => [
                ['name' => 'shell.preview', 'label' => __('Dashboard'),  'icon' => 'home',     'href' => route('shell.preview')],
                ['name' => 'styleguide',    'label' => __('Style guide'),'icon' => 'book',     'href' => route('styleguide')],
            ],
        ],
        [
            'label' => __('System'),
            'items' => [
                ['name' => 'landing',       'label' => __('Landing page'),'icon' => 'file',    'href' => route('landing')],
                ['name' => 'health',        'label' => __('Health check'),'icon' => 'shield',  'href' => url('/healthz'), 'external' => false],
                ['name' => 'api.ready',     'label' => __('Ready probe'), 'icon' => 'chart',   'href' => url('/api/v1/ready'), 'external' => true],
            ],
        ],
    ];
@endphp

<aside class="dc-sidebar" aria-label="{{ __('Primary navigation') }}">
    <div class="dc-sidebar__brand">
        <span class="dc-sidebar__brand-mark" aria-hidden="true">D</span>
        <span class="dc-sidebar__brand-name">{{ $__product['name'] }}</span>
        <button type="button"
                class="dc-btn dc-btn--ghost dc-btn--icon ms-auto d-inline-flex d-lg-none"
                data-action="close-mobile-drawer"
                aria-label="{{ __('Close menu') }}">
            <x-icon name="x" />
        </button>
    </div>

    <nav class="dc-sidebar__nav" role="navigation">
        @foreach ($sections as $section)
            <div class="dc-sidebar__section-label">{{ $section['label'] }}</div>
            <ul class="list-unstyled m-0 p-0 dc-vstack dc-stack-tight">
                @foreach ($section['items'] as $item)
                    <li>
                        <a href="{{ $item['href'] }}"
                           class="dc-nav-item {{ active_route($item['name']) }}"
                           @if (! empty($item['external'])) target="_blank" rel="noopener noreferrer" @endif>
                            <span class="dc-nav-item__icon" aria-hidden="true">
                                <x-icon :name="$item['icon']" size="18" />
                            </span>
                            <span class="dc-nav-item__label">{{ $item['label'] }}</span>
                        </a>
                    </li>
                @endforeach
            </ul>
        @endforeach
    </nav>

    <div class="dc-sidebar__footer">
        <div class="dc-sidebar__footer-copy">
            &copy; {{ date('Y') }} {{ $__product['vendor'] }}
        </div>
        <div class="dc-sidebar__footer-copy dc-text-muted">
            v{{ $__product['version'] }} &middot; {{ $__product['edition'] }}
        </div>
    </div>
</aside>