{{-- Sidebar Brand / Logo --}}
<div class="sidebar-brand">
    <a href="{{ route('admin.dashboard') }}" class="sidebar-brand-link">
        <span class="sidebar-brand-name">LIVELIHOOD SHOP BD</span>
        <span class="sidebar-brand-subtitle">অ্যাডমিন প্যানেল</span>
    </a>
    <button class="sidebar-close-btn d-lg-none" @click="sidebarOpen = false" aria-label="Close sidebar">
        <i class="bi bi-x-lg"></i>
    </button>
</div>

{{-- Sidebar Navigation --}}
<nav class="sidebar-nav">
    <ul class="sidebar-menu">

        {{-- Dashboard --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
            <a href="{{ route('admin.dashboard') }}" class="sidebar-menu-link">
                <i class="bi bi-speedometer2"></i>
                <span>ড্যাশবোর্ড</span>
            </a>
        </li>

        {{-- Products Section --}}
        <li class="sidebar-menu-item has-submenu {{ request()->routeIs('admin.products.*', 'admin.categories.*', 'admin.brands.*', 'admin.product-attributes.*') ? 'active open' : '' }}"
            x-data="{ expanded: {{ request()->routeIs('admin.products.*', 'admin.categories.*', 'admin.brands.*', 'admin.product-attributes.*') ? 'true' : 'false' }} }">
            <a href="#" class="sidebar-menu-link" @click.prevent="expanded = !expanded">
                <i class="bi bi-box-seam"></i>
                <span>প্রোডাক্ট ম্যানেজমেন্ট</span>
                <i class="bi bi-chevron-down submenu-arrow" :class="{ 'rotate-180': expanded }"></i>
            </a>
            <ul class="sidebar-submenu" x-show="expanded" x-collapse>
                <li class="{{ request()->routeIs('admin.products.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.products.index') }}">
                        <i class="bi bi-box-seam"></i>
                        <span>প্রোডাক্ট</span>
                    </a>
                </li>
                <li class="{{ request()->routeIs('admin.categories.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.categories.index') }}">
                        <i class="bi bi-grid"></i>
                        <span>ক্যাটাগরি</span>
                    </a>
                </li>
                <li class="{{ request()->routeIs('admin.brands.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.brands.index') }}">
                        <i class="bi bi-tag"></i>
                        <span>ব্র্যান্ড</span>
                    </a>
                </li>
                <li class="{{ request()->routeIs('admin.product-attributes.*') ? 'active' : '' }}">
                    <a href="{{ route('admin.product-attributes.index') }}">
                        <i class="bi bi-sliders"></i>
                        <span>অ্যাট্রিবিউট</span>
                    </a>
                </li>
            </ul>
        </li>

        {{-- Orders --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.orders.*') ? 'active' : '' }}">
            <a href="{{ route('admin.orders.index') }}" class="sidebar-menu-link">
                <i class="bi bi-cart-check"></i>
                <span>অর্ডার</span>
                @if(isset($pendingOrderCount) && $pendingOrderCount > 0)
                    <span class="sidebar-badge">{{ $pendingOrderCount }}</span>
                @endif
            </a>
        </li>

        {{-- Customers --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.customers.*') ? 'active' : '' }}">
            <a href="{{ route('admin.customers.index') }}" class="sidebar-menu-link">
                <i class="bi bi-people"></i>
                <span>গ্রাহক</span>
            </a>
        </li>

        {{-- Coupons --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.coupons.*') ? 'active' : '' }}">
            <a href="{{ route('admin.coupons.index') }}" class="sidebar-menu-link">
                <i class="bi bi-ticket-perforated"></i>
                <span>কুপন</span>
            </a>
        </li>

        {{-- Banners --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.banners.*') ? 'active' : '' }}">
            <a href="{{ route('admin.banners.index') }}" class="sidebar-menu-link">
                <i class="bi bi-image"></i>
                <span>ব্যানার</span>
            </a>
        </li>

        {{-- Blog --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.blogs.*') ? 'active' : '' }}">
            <a href="{{ route('admin.blogs.index') }}" class="sidebar-menu-link">
                <i class="bi bi-journal-text"></i>
                <span>ব্লগ</span>
            </a>
        </li>

        {{-- Pages --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.pages.*') ? 'active' : '' }}">
            <a href="{{ route('admin.pages.index') }}" class="sidebar-menu-link">
                <i class="bi bi-file-earmark-text"></i>
                <span>পেজ</span>
            </a>
        </li>

        {{-- Reviews --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.reviews.*') ? 'active' : '' }}">
            <a href="{{ route('admin.reviews.index') }}" class="sidebar-menu-link">
                <i class="bi bi-star"></i>
                <span>রিভিউ</span>
            </a>
        </li>

        {{-- Settings --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.settings.*') ? 'active' : '' }}">
            <a href="{{ route('admin.settings.edit') }}" class="sidebar-menu-link">
                <i class="bi bi-gear"></i>
                <span>সেটিংস</span>
            </a>
        </li>

        {{-- Notifications --}}
        <li class="sidebar-menu-item {{ request()->routeIs('admin.notifications.*') ? 'active' : '' }}">
            <a href="{{ route('admin.notifications.index') }}" class="sidebar-menu-link">
                <i class="bi bi-bell"></i>
                <span>নোটিফিকেশন</span>
            </a>
        </li>

    </ul>
</nav>