@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 (!empty($menu['route']) && str_starts_with($current, $menu['route'])) {
            return true;
        }
    }
    return false;
}

$sectionIcons = [
    'Katalog' => '🛒',
    'Transaksi' => '💳',
    'Farmasi Klinik' => '🏥',
    'Konten' => '📰',
    'Produktivitas' => '🚀',
];

$menuGroups = [
    'Katalog' => [
        ['label' => 'Katalog Produk', 'icon' => 'fas fa-store', 'route' => 'apoteker.catalog.index'],
    ],
    'Transaksi' => [
        ['label' => 'Transaksi Saya', 'icon' => 'fas fa-money-check', 'route' => 'apoteker.transactions.index'],
    ],
    'Konten' => [
        ['label' => 'Tulis Berita', 'icon' => 'fas fa-pen-nib', 'route' => 'apoteker.news.create'],
        ['label' => 'Berita Saya', 'icon' => 'fas fa-newspaper', 'route' => 'apoteker.news.index'],
    ],
    'Farmasi Klinik' => [
        ['label' => 'Skrining Resep', 'icon' => 'fas fa-notes-medical', 'route' => 'apoteker.skrining-resep.index'],
        ['label' => 'Konseling Pasien', 'icon' => 'fas fa-user-md', 'route' => 'apoteker.konseling.index'],
        ['label' => 'PIO', 'icon' => 'fas fa-book-medical', 'route' => 'apoteker.pio.index'],
        ['label' => 'Home Pharmacy Care', 'icon' => 'fas fa-home', 'route' => 'apoteker.home-pharmacy.index'],
        ['label' => 'Efek Samping Obat', 'icon' => 'fas fa-exclamation-circle', 'route' => 'apoteker.monitorings.index'],
        ['label' => 'SOAP Pasien', 'icon' => 'fas fa-user-md', 'route' => 'apoteker.patients.index'],
     ['label' => 'Analisis SOAP', 'icon' => 'fas fa-microscope', 'route' => 'apoteker.patients.statistic'],

    ],
    // 'Produktivitas' => [
    //     ['label' => 'Statistik Saya', 'icon' => 'fas fa-chart-line', 'route' => 'apoteker.statistik.index'],
    //     ['label' => 'Riwayat Chat AI', 'icon' => 'fas fa-robot', 'route' => 'apoteker.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">
    <div class="p-6 border-b border-gray-200 dark:border-gray-700 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">Apoteker Panel</h1>
    </div>

    <nav class="px-3 py-4 text-sm text-gray-700 dark:text-gray-300 space-y-4">
        {{-- Dashboard Utama --}}
        @if(Route::has('apoteker.dashboard'))
            <div>
                <a href="{{ route('apoteker.dashboard') }}"
                   class="flex items-center gap-3 px-4 py-2 rounded-lg transition duration-200 {{ activeNav('apoteker.dashboard') }}">
                    <i class="fas fa-chart-line w-4"></i>
                    <span>Dashboard</span>
                </a>
            </div>
        @endif

        {{-- Grup Menu --}}
        @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"
                        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)
                        @php
                            $routeExists = Route::has($menu['route']);
                            $routeUrl = $routeExists ? route($menu['route']) : '#';
                        @endphp
                        <a href="{{ $routeUrl }}"
                           class="flex items-center gap-3 px-4 py-2 rounded-lg transition duration-200 {{ activeNav($menu['route']) }}"
                           @if(!$routeExists) title="⚠️ Route tidak tersedia" @endif>
                            <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">
            @if(Route::has('logout'))
                <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>
            @endif
        </div>
    </nav>
</aside>