<header class="dark-bb">
    <nav class="navbar navbar-expand-lg">
        <a class="navbar-brand" href="index"><img style="margin-left: 20px" src="/logo-white.png" alt="<?php echo APP_NAME; ?>"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#headerMenu"
                aria-controls="headerMenu" aria-expanded="false" aria-label="Toggle navigation">
            <i class="icon ion-md-menu"></i>
        </button>
        <div class="collapse navbar-collapse" id="headerMenu">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown cursor">
                    <a class="nav-link " href="index" >
                        Home
                    </a>
                </li>
                <li class="nav-item dropdown cursor">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                       aria-expanded="false">
                        Investment Portfolio
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="new-investment">New Investment</a>
                        <a class="dropdown-item" href="current-investment">Current Investments</a>
                        <a class="dropdown-item" href="investment-history">Investment History</a>
                    </div>
                </li>
                <li class="nav-item dropdown cursor">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                       aria-expanded="false">
                        Wallet
                    </a>
                    <div class="dropdown-menu">
                          <a class="dropdown-item" href="wallet">View Wallet</a>
                        <a class="dropdown-item" href="deposit">Fund Wallet</a>
                        <a class="dropdown-item" href="transfer-funds">Transfer Funds</a>
                        <a class="dropdown-item" href="wallet-history">Wallet History</a>
                        <a class="dropdown-item" href="withdraw">Withdraw Funds</a>
                    </div>
                </li>
                <li class="nav-item dropdown cursor">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                       aria-expanded="false">
                        My Account
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="profile">Profile</a>
                        <a class="dropdown-item" href="referrals">Referrals</a>
                      
                        <a class="dropdown-item" href="verification">Account Verification</a>
                        <a class="dropdown-item" href="settings">Account Settings</a>
                    </div>
                </li>
                <li class="nav-item dropdown cursor">
                    <a class="nav-link" href="logout" role="button">
                        Logout
                    </a>

                </li>
            </ul>
            <ul class="navbar-nav ml-auto">
                <li class="nav-item dropdown header-img-icon">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true"
                       aria-expanded="false">
                        <img style="border-radius: 50%;width: 30px; height: 30px;" src="<?php echo $user->getImage(); ?>" alt="user">
                    </a>
                    <div class="dropdown-menu">
                        <div class="dropdown-header d-flex flex-column align-items-center">
                            <div class="figure mb-3">
                                <img src="<?php echo $user->getImage(); ?>" alt="user">
                            </div>
                            <div class="info text-center">
                                <p class="name font-weight-bold mb-0"><?php echo $user->getName(); ?></p>
                                <p class="email text-muted mb-3"><?php echo $user->getEmail(); ?></p>
                            </div>
                        </div>
                        <div class="dropdown-body">
                            <ul class="profile-nav">
                                <li class="nav-item cursor">
                                    <a href="profile" class="nav-link">
                                        <i class="icon ion-md-person"></i>
                                        <span>Profile</span>
                                    </a>
                                </li>
                                <li class="nav-item cursor">
                                    <a href="wallet" class="nav-link">
                                        <i class="icon ion-md-wallet"></i>
                                        <span>My Wallet</span>
                                    </a>
                                </li>
                                <li class="nav-item cursor">
                                    <a href="settings" class="nav-link">
                                        <i class="icon ion-md-settings"></i>
                                        <span>Settings</span>
                                    </a>
                                </li>
                                <li class="nav-item cursor">
                                    <a href="logout" class="nav-link red">
                                        <i class="icon ion-md-power"></i>
                                        <span>Log Out</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</header>