@php
$allSections = [
    'general' => [
        'label' => 'General',
        'items' => [
            ['id' => 'overview', 'icon' => 'chart-bar', 'label' => 'Overview'],
            ['id' => 'workstations', 'icon' => 'computer-desktop', 'label' => 'Workstations', 'href' => url('/workstation')],
            ['id' => 'user-role-management', 'icon' => 'cog-6-tooth', 'label' => 'User & Role Management', 'href' => url('/workstation/administrator')],
            ['id' => 'transaction', 'icon' => 'document-text', 'label' => 'Transaction', 'href' => route('dashboard.transaction')],
            ['id' => 'property', 'icon' => 'building-office-2', 'label' => 'Property'],
            ['id' => 'property-index', 'icon' => 'folder', 'label' => 'Index Property', 'href' => url('/property/index')],
            ['id' => 'party', 'icon' => 'user-group', 'label' => 'Party'],
            ['id' => 'applicant', 'icon' => 'user', 'label' => 'Applicant'],
            ['id' => 'document', 'icon' => 'document-magnifying-glass', 'label' => 'Document Search'],
            ['id' => 'survey', 'icon' => 'pencil-square', 'label' => 'Survey Plan'],
            ['id' => 'boundary', 'icon' => 'map', 'label' => 'Boundaries'],
            ['id' => 'dispute', 'icon' => 'scale', 'label' => 'Disputes'],
            ['id' => 'boundary-documents', 'icon' => 'document-plus', 'label' => 'Index Documents', 'href' => url('/boundary/documents/upload')],
            ['id' => 'audit-trail', 'icon' => 'clipboard-document-list', 'label' => 'Audit Trail'],
            ['id' => 'commission-members', 'icon' => 'user-group', 'label' => 'Commission Members'],
            ['id' => 'agency-portal', 'icon' => 'shield-check', 'label' => 'Agency Portal'],
            ['id' => 'incidents', 'icon' => 'exclamation-triangle', 'label' => 'Incidents'],
            ['id' => 'community-grazing', 'icon' => 'map-pin', 'label' => 'Community & Grazing'],
            ['id' => 'representation', 'icon' => 'chart-bar', 'label' => 'Representation'],
        ],
    ],
    'admin' => [
        'label' => 'Admin',
        'items' => [
            ['id' => 'users', 'icon' => 'shield-check', 'label' => 'Users & Roles'],
            ['id' => 'landing', 'icon' => 'globe-alt', 'label' => 'Landing'],
            ['id' => 'data-centric-center', 'icon' => 'presentation-chart-bar', 'label' => 'Data Centric Center', 'href' => url('/data-centric-center')],
        ],
    ],
];
$allowedSet = array_flip($allowedSections ?? []);
@endphp
<aside class="sidebar expanded" id="dashboard-sidebar">
    <button type="button" class="hamburger-btn" id="sidebar-toggle" title="Toggle sidebar">
        <span class="hamburger-icon open">
            <span></span><span></span><span></span>
        </span>
    </button>
    <div class="sidebar-logo-block">
        <div class="sidebar-logo-icon" aria-hidden="true">BC</div>
        <span class="sidebar-logo-text">Boundary Commission</span>
    </div>
    <nav class="sidebar-nav">
        @foreach($allSections as $groupKey => $group)
            @php
                $groupItems = array_filter($group['items'], fn($s) => isset($allowedSet[$s['id']]));
            @endphp
            @if(count($groupItems) > 0)
                <div class="nav-group">
                    <span class="nav-group-label">{{ strtoupper($group['label']) }}</span>
                    @foreach($groupItems as $section)
                        @if(!empty($section['href']))
                            <a href="{{ $section['href'] }}" class="nav-item {{ ($activeSection ?? '') === $section['id'] ? 'active' : '' }}">
                                <span class="nav-item-icon">@include('dashboard.partials.icon', ['name' => $section['icon']])</span>
                                <span class="nav-item-text">{{ $section['label'] }}</span>
                            </a>
                        @else
                            <a href="{{ url('/dashboard?section=' . $section['id']) }}" class="nav-item {{ ($activeSection ?? '') === $section['id'] ? 'active' : '' }}">
                                <span class="nav-item-icon">@include('dashboard.partials.icon', ['name' => $section['icon']])</span>
                                <span class="nav-item-text">{{ $section['label'] }}</span>
                            </a>
                        @endif
                    @endforeach
                </div>
            @endif
        @endforeach
    </nav>
    <div class="sidebar-footer">
        <form action="{{ route('logout') }}" method="POST" class="d-inline">
            @csrf
            <button type="submit" class="logout-btn" title="Logout">@include('dashboard.partials.icon', ['name' => 'arrow-right-start-on-rectangle'])</button>
        </form>
    </div>
</aside>
<script>
document.getElementById('sidebar-toggle').addEventListener('click', function() {
    var sidebar = document.getElementById('dashboard-sidebar');
    var icon = this.querySelector('.hamburger-icon');
    sidebar.classList.toggle('collapsed');
    sidebar.classList.toggle('expanded');
    icon.classList.toggle('open');
});
</script>