<div class="border-t border-gray-100 dark:border-gray-700">
    <ul class="pb-0 mb-0 list-none sidebar-nav" id="navmenu-nav">
        <li class="navbar-item account-menu">
            <a href="{{ route('home') }}" class="flex items-center py-2 rounded text-slate-400 navbar-link">
                <span class="mb-0 me-2"><i data-feather="home" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">My Store</h6>
            </a>
        </li>

        @if(auth()->user()->investment->whereIn('status', [2, 3])->isNotEmpty())
        <li class="navbar-item account-menu">
            <a href="{{ route('ai-dashboard') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="activity" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">My AI Models</h6>
            </a>
        </li>
        @endif

        @if(auth()->user()->type == 'marketer')
        <li class="navbar-item account-menu">
            <a href="{{ route('marketer') }}" target="_blank" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="pie-chart" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Marketers Dashboard</h6>
            </a>
        </li>
        @endif

        @if(auth()->user()->vendor()->exists())
        <li class="navbar-item account-menu">
            <a href="{{ route('vendor-dashboard') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="archive" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Vendor Dashboard</h6>
            </a>
        </li>
        @endif

        <li class="navbar-item account-menu">
            <a href="{{ route('grants') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="shopping-bag" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">My Grants</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href=" {{ route('deposit') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="arrow-down-circle" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Deposit Funds</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href="{{ route('index.withdraw') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="dollar-sign" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Withdraw Balance</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href="{{ route('team_rebates') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="gift" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Withdraw Rebates</h6>
            </a>
        </li>
        
        @if(auth()->user()->type != 'marketer')
        <li class="navbar-item account-menu">
            <a href="{{ route('coupon.redeem.page') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2">
                    <svg class="size-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/>
                    </svg>
                </span>
                <h6 class="mb-0 font-medium">Redeem Coupon</h6>
            </a>
        </li>
        @endif

        <li class="navbar-item account-menu">
            <a href="{{ route('first_gen') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="user" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">First Generation</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href="{{ route('second_gen') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="users" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Second Generation</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href="{{ route('third_gen') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <svg class="size-4 me-2"  fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
                    d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
                </svg>
                <h6 class="mb-0 font-medium">Third Generation</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href="{{ route('twofaPage') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="shield" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">2-Factor Auth</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href="{{ route('profile') }}" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="settings" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Account Settings</h6>
            </a>
        </li>

        <li class="navbar-item account-menu">
            <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" class="flex items-center py-2 rounded navbar-link text-slate-400">
                <span class="mb-0 me-2"><i data-feather="log-out" class="size-4"></i></span>
                <h6 class="mb-0 font-medium">Sign Out</h6>
            </a>
        </li>
    </ul>
</div>