{{-- Admin Section --}}
<div class="border-t border-slate-700 pt-4 mt-4">
    <h3 class="px-4 text-xs font-semibold text-slate-500 uppercase tracking-wider">مدیریت سیستم</h3>
    <div class="mt-2 space-y-1">
        
        {{-- Suppliers with Submenu --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.suppliers.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.suppliers.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-purple-500/15 text-purple-400 ring-1 ring-inset ring-purple-400/20">
                        <span class="text-xl">🏢</span>
                    </span>
                    <span class="font-medium">تامین‌کننده</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="suppliers-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="suppliers-submenu" 
                 class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('admin.suppliers.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.suppliers.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.suppliers.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">➕ افزودن تامین‌کننده جدید</a>
                <a href="{{ route('admin.suppliers.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.suppliers.index') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">📋 لیست تامین‌کننده‌ها</a>
            </div>
        </div>

        {{-- Products with Submenu --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.products.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.products.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-green-500/15 text-green-400 ring-1 ring-inset ring-green-400/20">
                        <span class="text-xl">📦</span>
                    </span>
                    <span class="font-medium">محصول</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="products-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="products-submenu" 
                 class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('admin.products.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.products.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.products.index') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">📋 لیست محصولات</a>
                <a href="{{ route('admin.products.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.products.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">➕ افزودن محصول</a>
                <a href="{{ route('admin.products.price-history') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.products.price-history') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">🕘 تاریخچه تغییرات</a>
            </div>
        </div>

        {{-- Purchase Requests with Submenu --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.purchase-requests.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.purchase-requests.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-green-500/15 text-green-400 ring-1 ring-inset ring-green-400/20">
                        <span class="text-xl">🛒</span>
                    </span>
                    <span class="font-medium">درخواست خرید</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="purchase-requests-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="purchase-requests-submenu" 
                 class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('admin.purchase-requests.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.purchase-requests.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">➕ افزودن درخواست خرید</a>
                <a href="{{ route('admin.pr.list') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">📋 لیست درخواست خرید</a>
                <a href="{{ route('admin.pr.sales') }}" 
                   class="flex items-center justify-between py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">
                    <span>🛒 درخواست تیم فروش</span>
                    @if(isset($salesPurchaseRequestsCount) && $salesPurchaseRequestsCount > 0)
                        <span class="inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-xs font-medium text-white bg-red-600 rounded-full">
                            {{ $salesPurchaseRequestsCount > 99 ? '99+' : $salesPurchaseRequestsCount }}
                        </span>
                    @endif
                </a>
            </div>
        </div>

        {{-- Price Inquiry with Submenu --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('price.inquiry') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->is('admin/price-inquiry*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-blue-500/15 text-blue-400 ring-1 ring-inset ring-blue-400/20">
                        <span class="text-xl">💰</span>
                    </span>
                    <span class="font-medium">استعلام قیمت</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="price-inquiry-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="price-inquiry-submenu" 
                 class="submenu pl-12 pr-4 py-2 {{ request()->is('admin/price-inquiry*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('price.inquiry') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->is('admin/price-inquiry') && !request()->is('admin/price-inquiry/list') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">💰 ایجاد استعلام قیمت</a>
                <a href="{{ route('price.inquiry.list') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->is('admin/price-inquiry/list') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">📋 لیست استعلام قیمت</a>
            </div>
        </div>

        {{-- Samples with Submenu --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.samples.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.samples.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-yellow-500/15 text-yellow-400 ring-1 ring-inset ring-yellow-400/20">
                        <span class="text-xl">🧪</span>
                    </span>
                    <span class="font-medium">درخواست نمونه</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="samples-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="samples-submenu" 
                 class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('admin.samples.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.samples.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.samples.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">➕ افزودن درخواست نمونه</a>
                <a href="{{ route('admin.samples.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.samples.index') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">📋 لیست درخواست‌ها</a>
            </div>
        </div>

        {{-- Accounting with Submenu --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.accounting.suppliers') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.accounting.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-yellow-500/15 text-yellow-400 ring-1 ring-inset ring-yellow-400/20">
                        <span class="text-xl">💳</span>
                    </span>
                    <span class="font-medium">حسابداری</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="accounting-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="accounting-submenu" 
                 class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('admin.accounting.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.accounting.suppliers') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">🏢 لیست تامین کننده ها</a>
                <a href="{{ route('admin.accounting.invoices.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">➕ افزودن فاکتور جدید</a>
                <a href="{{ route('admin.accounting.transactions') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">📄 لیست تراکنش ها</a>
            </div>
        </div>

        {{-- Inventory (انبارداری) --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.inventory.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.inventory.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-blue-500/15 text-blue-400 ring-1 ring-inset ring-blue-400/20">
                        <span class="text-xl">📊</span>
                    </span>
                    <span class="font-medium">انبارداری</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" data-toggle="submenu" aria-label="toggle inventory submenu" aria-expanded="false">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div class="submenu pl-12 pr-4 py-2" style="display: none; border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.inventory.add') }}" class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.inventory.add') ? 'text-white' : '' }}" style="font-size: 12px;">➕ افزودن موجودی جدید</a>
                <a href="{{ route('admin.inventory.listPage') }}" class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.inventory.listPage') ? 'text-white' : '' }}" style="font-size: 12px;">📋 لیست موجودی ها</a>
                <a href="{{ route('admin.inventory.warehouses') }}" class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.inventory.warehouses') ? 'text-white' : '' }}" style="font-size: 12px;">🏢 لیست انبارها</a>
                <a href="{{ route('admin.inventory.reports') }}" class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.inventory.reports') ? 'text-white' : '' }}" style="font-size: 12px;">📊 گزارش گیری</a>
            </div>
        </div>

        {{-- Reminders --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('reminders.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('reminders.*') || request()->routeIs('calendar.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-red-500/15 text-red-400 ring-1 ring-inset ring-red-400/20">
                        <span class="text-xl">⏰</span>
                    </span>
                    <span class="font-medium">یادآوری‌ها</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="reminders-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="reminders-submenu" class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('calendar.*') || request()->routeIs('reminders.create') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('reminders.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('reminders.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    ➕ افزودن وظیفه جدید
                </a>
                <a href="{{ route('calendar.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('calendar.*') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    📅 تقویم کارها
                </a>
            </div>
        </div>

        {{-- Users with Submenu --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.users.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.users.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-orange-500/15 text-orange-400 ring-1 ring-inset ring-orange-400/20">
                        <span class="text-xl">👥</span>
                    </span>
                    <span class="font-medium">کاربران</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="users-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="users-submenu" 
                 class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('admin.users.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.users.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.users.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    ➕ افزودن کاربر جدید
                </a>
                <a href="{{ route('admin.users.activity') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.users.activity') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    📊 فعالیت کاربران
                </a>
            </div>
        </div>

        {{-- Settings --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('admin.settings.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('admin.settings.*') || request()->routeIs('admin.api-settings.*') || request()->routeIs('admin.google-settings.*') || request()->routeIs('admin.team-performance.*') ? 'bg-white/5' : '' }}">
                    <span class="inline-flex size-8 items-center justify-center rounded-lg bg-gray-500/15 text-gray-400 ring-1 ring-inset ring-gray-400/20">
                        <span class="text-xl">⚙️</span>
                    </span>
                    <span class="font-medium">تنظیمات</span>
                </a>
                <button class="submenu-toggle text-slate-400 hover:text-white p-2 transition-colors" 
                        data-target="settings-submenu">
                    <svg class="w-4 h-4 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </button>
            </div>
            <div id="settings-submenu" class="submenu pl-12 pr-4 py-2 {{ request()->routeIs('admin.api-settings.*') || request()->routeIs('admin.google-settings.*') || request()->routeIs('admin.team-performance.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('admin.api-settings.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.api-settings.*') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    🔑 کلید هوش مصنوعی
                </a>
                <a href="{{ route('admin.google-settings.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.google-settings.*') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    🔵 تنظیمات گوگل
                </a>
                <a href="{{ route('admin.team-performance.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('admin.team-performance.*') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    📊 عملکرد تیم
                </a>
            </div>
        </div>

    </div>
</div>