@php
    $user = auth()->user();
    $isAdmin = $user->isAdmin();
@endphp

<div class="sidebar" id="sidebar">
    <div class="sidebar-brand">
        <h4><i class="bi bi-graph-up-arrow me-2"></i>Invest<span>Pro</span></h4>
    </div>

    <nav class="nav flex-column mt-3">
        @if($isAdmin)
            <a href="{{ route('admin.dashboard') }}" class="nav-link {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
                <i class="bi bi-speedometer2"></i>
                <span>Dashboard</span>
            </a>

            <a href="{{ route('admin.users.index') }}" class="nav-link {{ request()->routeIs('admin.users.*') ? 'active' : '' }}">
                <i class="bi bi-people"></i>
                <span>User Management</span>
            </a>

            <a href="{{ route('admin.kyc.index') }}" class="nav-link {{ request()->routeIs('admin.kyc.*') ? 'active' : '' }}">
                <i class="bi bi-shield-check"></i>
                <span>KYC Verification</span>
                @php
                    $pendingKyc = \App\Models\KycDocument::where('status', 'pending')->count();
                @endphp
                @if($pendingKyc > 0)
                    <span class="badge bg-danger ms-auto">{{ $pendingKyc }}</span>
                @endif
            </a>

            <a href="{{ route('admin.transactions.index') }}" class="nav-link {{ request()->routeIs('admin.transactions.*') ? 'active' : '' }}">
                <i class="bi bi-currency-exchange"></i>
                <span>Transactions</span>
                @php
                    $pendingTx = \App\Models\CryptoTransaction::where('status', 'pending')->count();
                @endphp
                @if($pendingTx > 0)
                    <span class="badge bg-warning text-dark ms-auto">{{ $pendingTx }}</span>
                @endif
            </a>

            <div class="mt-4 px-3">
                <small class="text-muted text-uppercase fw-bold" style="font-size: 0.7rem;">System</small>
            </div>

            <a href="#" class="nav-link">
                <i class="bi bi-gear"></i>
                <span>Settings</span>
            </a>

            <a href="#" class="nav-link">
                <i class="bi bi-file-text"></i>
                <span>Reports</span>
            </a>
        @else
            <a href="{{ route('user.dashboard') }}" class="nav-link {{ request()->routeIs('user.dashboard') ? 'active' : '' }}">
                <i class="bi bi-speedometer2"></i>
                <span>Dashboard</span>
            </a>

            <a href="{{ route('user.portfolios.index') }}" class="nav-link {{ request()->routeIs('user.portfolios.*') ? 'active' : '' }}">
                <i class="bi bi-briefcase"></i>
                <span>My Portfolios</span>
            </a>

            <a href="{{ route('user.deposits.index') }}" class="nav-link {{ request()->routeIs('user.deposits.*') ? 'active' : '' }}">
                <i class="bi bi-wallet2"></i>
                <span>Deposit Funds</span>
            </a>

            <a href="{{ route('user.kyc.index') }}" class="nav-link {{ request()->routeIs('user.kyc.*') ? 'active' : '' }}">
                <i class="bi bi-shield-check"></i>
                <span>KYC Verification</span>
                @if(!$user->hasVerifiedKyc())
                    <span class="badge bg-warning text-dark ms-auto">!</span>
                @endif
            </a>

            <div class="mt-4 px-3">
                <small class="text-muted text-uppercase fw-bold" style="font-size: 0.7rem;">Account</small>
            </div>

            <a href="#" class="nav-link">
                <i class="bi bi-person"></i>
                <span>Profile</span>
            </a>

            <a href="#" class="nav-link">
                <i class="bi bi-gear"></i>
                <span>Settings</span>
            </a>
        @endif

        <div class="mt-auto">
            <form method="POST" action="{{ route('logout') }}" class="d-inline">
                @csrf
                <button type="submit" class="nav-link border-0 bg-transparent w-100 text-start">
                    <i class="bi bi-box-arrow-right"></i>
                    <span>Logout</span>
                </button>
            </form>
        </div>
    </nav>
</div>