{{-- Purchase 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('purchase.suppliers.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('purchase.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('purchase.suppliers.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('purchase.suppliers.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.suppliers.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">➕ افزودن تامین‌کننده جدید</a>
                <a href="{{ route('purchase.suppliers.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.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('purchase.products.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('purchase.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('purchase.products.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('purchase.products.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.products.index') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">📋 لیست محصولات</a>
                <a href="{{ route('purchase.products.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.products.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">➕ افزودن محصول</a>
                <a href="{{ route('purchase.products.price-history') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.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('purchase.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('purchase.purchase-requests.*') || request()->routeIs('purchase.pr.*') ? '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('purchase.purchase-requests.*') || request()->routeIs('purchase.pr.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('purchase.purchase-requests.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">➕ افزودن درخواست خرید</a>
                <a href="{{ route('purchase.pr.list') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">📋 لیست درخواست خرید</a>
                <a href="{{ route('purchase.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('purchase.price.inquiry') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('purchase.price.*') ? '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()->routeIs('purchase.price.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('purchase.price.inquiry') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.price.inquiry') && !request()->routeIs('purchase.price.inquiry.list') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">💰 ایجاد استعلام قیمت</a>
                <a href="{{ route('purchase.price.inquiry.list') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.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('purchase.samples.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('purchase.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('purchase.samples.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('purchase.samples.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.samples.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">➕ افزودن درخواست نمونه</a>
                <a href="{{ route('purchase.samples.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.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('purchase.accounting.suppliers') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('purchase.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('purchase.accounting.*') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('purchase.accounting.suppliers') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">🏢 لیست تامین کننده ها</a>
                <a href="{{ route('purchase.accounting.invoices.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">➕ افزودن فاکتور جدید</a>
                <a href="{{ route('purchase.accounting.transactions') }}" 
                   class="block py-2 text-slate-300 hover:text-white" 
                   style="font-size: 12px;">📄 لیست تراکنش ها</a>
            </div>
        </div>

        {{-- Reminders --}}
        <div class="menu-item">
            <div class="flex items-center justify-between">
                <a href="{{ route('purchase.reminders.index') }}" 
                   class="group flex items-center gap-3 rounded-xl px-4 py-3 text-slate-200 hover:bg-white/5 {{ request()->routeIs('purchase.reminders.*') || request()->routeIs('purchase.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('purchase.calendar.*') || request()->routeIs('purchase.reminders.create') ? '' : 'hidden' }}" 
                 style="border-right: 5px solid rgba(148,163,184,0.15); margin-right: 12px;">
                <a href="{{ route('purchase.reminders.create') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.reminders.create') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    ➕ افزودن وظیفه جدید
                </a>
                <a href="{{ route('purchase.calendar.index') }}" 
                   class="block py-2 text-slate-300 hover:text-white {{ request()->routeIs('purchase.calendar.*') ? 'text-white' : '' }}" 
                   style="font-size: 12px;">
                    📅 تقویم کارها
                </a>
            </div>
        </div>

    </div>
</div>