<nav class="sidebar sidebar-offcanvas" id="sidebar">
    <ul class="nav">
        <li class="nav-item {{ Request::routeIs('reseller.dashboard') ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('reseller.dashboard') }}">
                <i class="fa-solid fa-table-columns"></i>
                <span class="menu-title pl-3">Dashboard</span>
            </a>
        </li>
        
        <li class="nav-item {{ Request::routeIs('reseller.users') || Request::routeIs('reseller.user.create') || Request::routeIs('reseller.user.edit') ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('reseller.users') }}">
                <i class="fa-solid fa-users"></i>
                <span class="ml-2 menu-title">My Users</span>
            </a>
        </li>

        <li class="nav-item {{ Request::routeIs('reseller.orders') ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('reseller.orders') }}">
                <i class="fa-solid fa-shopping-cart"></i>
                <span class="ml-2 menu-title">Orders</span>
            </a>
        </li>

        <li class="nav-item {{ Request::routeIs('reseller.credit.*') ? 'active' : '' }}">
            <a class="nav-link d-flex justify-content-between align-items-center">
                <div>
                    <i class="fa-solid fa-wallet"></i>
                    <span class="ml-1 menu-title">Credit & Wallet</span>
                </div>
            </a>
            <ul class="nav flex-column sub-menu" style="display:block;">
                <li class="nav-item {{ Request::routeIs('reseller.credit.summary') ? 'active' : '' }}">
                    <a class="nav-link" href="{{ route('reseller.credit.summary') }}" style="color:#111;">Summary</a>
                </li>
                <li class="nav-item {{ Request::routeIs('reseller.credit.transactions') ? 'active' : '' }}">
                    <a class="nav-link" href="{{ route('reseller.credit.transactions') }}" style="color:#111;">Transactions</a>
                </li>
                <li class="nav-item {{ Request::routeIs('reseller.credit.packages') ? 'active' : '' }}">
                    <a class="nav-link" href="{{ route('reseller.credit.packages') }}" style="color:#111;">Buy Credits</a>
                </li>
            </ul>
        </li>

        <li class="nav-item {{ Request::routeIs('reseller.profile') ? 'active' : '' }}">
            <a class="nav-link" href="{{ route('reseller.profile') }}">
                <i class="fa-regular fa-circle-user"></i>
                <span class="ml-2 menu-title">Profile</span>
            </a>
        </li>

        <li class="nav-item">
            <a class="nav-link" href="{{ route('reseller.logout') }}">
                <i class="fa-solid fa-sign-out-alt"></i>
                <span class="ml-2 menu-title">Logout</span>
            </a>
        </li>
    </ul>
</nav>