@php
    use Illuminate\Support\Facades\Route;

    function activeNav($route) {
        $current = Route::currentRouteName();
        return str_starts_with($current, $route)
            ? 'border-l-4 border-blue-600 bg-blue-50 dark:bg-blue-900 text-blue-700 dark:text-white font-semibold shadow-sm'
            : 'border-l-4 border-transparent hover:border-blue-400 hover:bg-blue-100 dark:hover:bg-gray-800 dark:hover:border-blue-600';
    }

    function isGroupActive($menus) {
        $current = Route::currentRouteName();
        foreach ($menus as $menu) {
            if (str_starts_with($current, $menu['route'])) return true;
        }
        return false;
    }

    // Kamu bisa ganti ini ke DB pluck('icon', 'name')
    $sectionIcons = [
        'Transaksi' => '💳',
        'Katalog & Landing' => '📦',
        'Konten' => '📰',
        'Pengguna' => '👥',
        'Farmasi Klinik' => '🏥',
        'Statistik' => '📊',
        'AI & Sistem' => '🤖',
    ];

    $menuGroups = [
        'Transaksi' => [
            ['label' => 'Data Transaksi', 'icon' => 'fas fa-money-bill-wave', 'route' => 'admin-area.transactions.index'],
        ],
        'Katalog & Landing' => [
            ['label' => 'Katalog', 'icon' => 'fas fa-boxes', 'route' => 'admin.catalog.index'],
            ['label' => 'Kategori', 'icon' => 'fas fa-layer-group', 'route' => 'admin.category.index'],
            ['label' => 'Highlight Slider', 'icon' => 'fas fa-images', 'route' => 'admin.highlight-sliders.index'],
            ['label' => 'Landing Slide', 'icon' => 'fas fa-photo-film', 'route' => 'admin.landing-slide.index'],
        ],
        'Konten' => [
             ['label' => 'Berita', 'icon' => 'fas fa-newspaper', 'route' => 'admin.news-admin.index'],
    ['label' => 'Library', 'icon' => 'fas fa-book', 'route' => 'admin.library.index'],
    ['label' => 'Komentar Berita', 'icon' => 'fas fa-comments', 'route' => 'admin.comments.index'],
        ],
        'Pengguna' => [
            ['label' => 'Profil User', 'icon' => 'fas fa-id-card', 'route' => 'admin.userpatients.index'],
        ],
        'Farmasi Klinik' => [
            ['label' => 'Skrining Resep', 'icon' => 'fas fa-prescription-bottle-alt', 'route' => 'skrining-resep.index'],
            ['label' => 'KIE', 'icon' => 'fas fa-comments-medical', 'route' => 'web.apotek2.konseling.index'],
            ['label' => 'PIO', 'icon' => 'fas fa-book-medical', 'route' => 'pio.index'],
            ['label' => 'Home Pharmacy Care', 'icon' => 'fas fa-home', 'route' => 'home-pharmacy-care.index'],
            ['label' => 'Farmasi Klinik (SOAP)', 'icon' => 'fas fa-user-injured', 'route' => 'patients.index'],
            ['label' => 'Efek Samping Obat (MESO)', 'icon' => 'fas fa-exclamation-triangle', 'route' => 'monitorings.index'],
        ],
        'Statistik' => [
            ['label' => 'Statistik Konseling', 'icon' => 'fas fa-chart-bar', 'route' => 'web.apotek2.konseling.statistik'],
            ['label' => 'Monitor Klinik', 'icon' => 'fas fa-chart-pie', 'route' => 'patients.statistics'],
        ],
        'AI & Sistem' => [
            ['label' => 'Riwayat Chat AI', 'icon' => 'fas fa-robot', 'route' => 'admin.chat-logs.index'],
        ],
    ];
@endphp

<aside class="w-64 h-screen bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 shadow fixed top-0 left-0 z-40 pt-16 overflow-y-auto scrollbar-hide">
    {{-- Header --}}
    <div class="p-6 border-b border-gray-200 dark:border-gray-700 pl-10 text-center sticky top-0 z-10 bg-white dark:bg-gray-900">
        <h1 class="text-xl font-bold text-blue-600 dark:text-blue-400"></h1>
    </div>

    <nav class="px-3 py-4 text-sm text-gray-700 dark:text-gray-300 space-y-4">

        {{-- Dashboard (langsung) --}}
        <div>
            <a href="{{ route('apotek.statistik.index') }}" class="flex items-center gap-3 px-4 py-2 rounded-lg transition duration-200 {{ activeNav('apotek.statistik.index') }}">
                <i class="fas fa-chart-line w-4"></i>
                <span>Dashboard</span>
            </a>
        </div>

        {{-- Menu Groups --}}
        @foreach($menuGroups as $section => $menus)
            @php
                $sectionIcon = $sectionIcons[$section] ?? '📁';
                $isActiveGroup = isGroupActive($menus);
            @endphp

            <div x-data="{ open: {{ $isActiveGroup ? 'true' : 'false' }} }" class="border-t border-gray-200 dark:border-gray-700 pt-2">
                <button @click="open = !open"
                        title="Kelompok menu {{ $section }}"
                        class="w-full flex justify-between items-center px-4 py-2 text-xs font-semibold transition
                        {{ $isActiveGroup ? 'bg-blue-50 text-blue-700 dark:bg-blue-900 dark:text-white' : 'text-gray-500 dark:text-gray-400' }}">
                    <span>{{ $sectionIcon }} {{ $section }}</span>
                    <i class="fas fa-chevron-down text-xs transform transition-transform" :class="{ 'rotate-180': open }"></i>
                </button>

                <div x-show="open" x-cloak x-transition class="mt-1 space-y-1">
                    @foreach($menus as $menu)
                        <a href="{{ route($menu['route']) }}"
                           class="flex items-center gap-3 px-4 py-2 rounded-lg transition duration-200 {{ activeNav($menu['route']) }}">
                            <i class="{{ $menu['icon'] }} w-4"></i>
                            <span>{{ $menu['label'] }}</span>
                        </a>
                    @endforeach
                </div>
            </div>
        @endforeach

        {{-- Logout --}}
        <div class="mt-6 border-t border-gray-300 pt-4">
            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="flex items-center gap-3 w-full px-4 py-2 rounded-lg text-red-600 dark:text-red-400 hover:bg-red-100 dark:hover:bg-red-900 transition duration-200">
                    <i class="fas fa-sign-out-alt w-4"></i>
                    <span>Logout</span>
                </button>
            </form>
        </div>
    </nav>
</aside>