<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="keywords" content="Elite Wave Equities">
    <meta name="description" content="Elite Wave Equities">
    <link rel="canonical" href="/user/dashboard"/>
    <link rel="shortcut icon" href="/images/DBz7ZPM9VyOdrHfQtR0C.png" type="image/x-icon"/>
    <link rel="icon" href="/images/DBz7ZPM9VyOdrHfQtR0C.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/css/fontawesome.min.css"/>
    <link rel="stylesheet" href="/css/vendor/bootstrap.min.css"/>
    <link rel="stylesheet" href="/css/animate.css"/>
    <link rel="stylesheet" href="/css/owl.carousel.min.css"/>
    <link rel="stylesheet" href="/css/nice-select.css"/>
    <link rel="stylesheet" href="/css/datatables.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.dataTables.min.css">
    <link rel="stylesheet" href="/css/custom.css"/>
    <link rel="stylesheet" href="/css/magnific-popup.css"/>
    <link rel="stylesheet" href="/css/styles.css?var=6"/>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <style>
.site-head-tag {
	margin: 0;
  	padding: 0;
}
.disptab{
        display: none;
        margin:30px 15px;
        padding-top: 20px;
        flex-direction: column;
        border-top: grey 2px solid;
    }

    .dispPM:hover{
        cursor: pointer;
        background-color:#0c425c;
    }
    a.dipNav{
        font-size: 1em !important;
    }
    .bg-type{
        width:30px;
        height:30px;
        line-height:30px;
        background:#00150f;
        color:#fff;
        text-align:center;
        border-radius:30px}
        .bg-type span{
            font-size:1rem;
            font-weight:500;
            line-height:2.3}
            .bg-type.bg-type-md{
                width:40px;
                height:40px;
                line-height:40px;
                background:#00150f;
                color:#fff;
                text-align:center;
                border-radius:40px
            }
            .bg-type.bg-type-md span{
                font-size:1.2rem;
                font-weight:500;
                line-height:2.6
                
            }
            
            /* Widget Container */
        .widget-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 9999;
        }

        /* Widget Buttons */
        .widget-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            margin-top: 10px;
            border-radius: 50%;
            background-color: #25D366; /* WhatsApp green */
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .widget-btn:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
        }

        .widget-btn img {
            width: 30px;
            height: 30px;
        }

        .widget-btn.support {
            background-color: #007BFF; /* Blue for live chat */
        }

        /* Tooltip */
        .tooltip {
            position: absolute;
            right: 70px;
            bottom: 20px;
            padding: 8px 12px;
            background: rgba(0, 0, 0, 0.8);
            color: #fff;
            border-radius: 5px;
            font-size: 14px;
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .widget-btn:hover + .tooltip {
            visibility: visible;
            opacity: 1;
        }

        /* Floating Animation */
        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-5px);
            }
        }

        .widget-btn {
            animation: float 2s infinite;
        }
    </style>

    <title>Elite Wave Equities  -  Dashboard
</title>


</head>
<body class="" onload="testtr(<?php echo ($GLOBALS['toast_alert'] == '')?'false,false':$GLOBALS['toast_alert']; ?>)">
<script>
    var notify = {
        timeout: "5000",
    }
</script>
<div class="widget-container">
        <!-- WhatsApp Widget -->
        <div class="widget-btn" onclick="openWhatsApp()">
            <img src="https://img.icons8.com/ios-filled/50/ffffff/whatsapp.png" alt="WhatsApp Icon">
        </div>
        <div class="tooltip">WhatsApp Support</div>
    </div>

    <!-- JavaScript -->
    <script>
        // Open WhatsApp Function
        function openWhatsApp() {
            const phoneNumber = "+15024319112"; // Replace with your WhatsApp number
            const message = "Hello! I need support.";
            const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;
            window.open(url, "_blank");
        }
    </script>
<!--Full Layout-->
<div class="panel-layout">
    <!--Header-->
    <div class="panel-header">
    <div class="logo">
        <a href="">
            <img class="logo-unfold" src="/images/logo.svg" alt="Logo"/>
            <img class="logo-fold" src="/images/logo-sm.svg" alt="Logo"/>
        </a>
    </div>
    <div class="nav-wrap">
        <div class="nav-left">

            <button class="sidebar-toggle">
                <i class="anticon anticon-bars"></i>
            </button>
        </div>
        <div class="nav-right">
            <div class="single-nav-right">
                <!--<a href="" class="user-home-menu">-->
                <!--    <i class="anticon anticon-home"></i>-->
                <!--</a>-->
                <!--<div class="single-right">-->
                <!--    <div class="color-switcher">-->
                <!--        <i icon-name="moon" class="dark-icon" data-mode="dark"></i>-->
                <!--        <i icon-name="sun" class="light-icon" data-mode="light"></i>-->
                <!--    </div>-->
                <!--</div>--> 
                <div class="single-right" style="color:#26DE81; font-weight:600;border:rgba(231, 54, 103, 0.1) 1px solid;text-align:center;border-radius:3px;display:flex;justify-content:center;align-items:center;">
                   <span id="mainbal" style="padding:1px 10px;"><i style="padding-right:5px" icon-name="wallet"></i>Main: <span style="padding-left:10px"></span><strong> $<?php echo number_format($wallet_balance,2); ?></strong></span>
                   <span id="profitbal" style="padding:1px 10px;display:none"><i style="padding-right:5px" icon-name="landmark"></i>Profit: <span style="padding-left:10px"></span><strong> $<?php echo number_format($total_profit,2); ?></strong></span>
                   <button onclick="switchBal()" style="background:lightgrey;border-radius:3px;"><i style="padding:5px" class="fa fa-arrow-alt-circle-up text-dark"></i></button></span>
                </div>
                <script>
                    function switchBal(){ 
                        let mainbal = document.querySelector('#mainbal');
                     let profitbal = document.querySelector('#profitbal');
                     if(profitbal.style.display === 'none'){
                         profitbal.style.display = 'block';
                         mainbal.style.display = 'none';
                     }else{
                         profitbal.style.display = 'none';
                         mainbal.style.display = 'block'; 
                     }
                    }
                </script>
                <div class="single-right">
                    <button
                        type="button"
                        class="item"
                        data-bs-toggle="dropdown"
                        aria-expanded="false"
                    > 
                        <i class="anticon anticon-user"></i>
                    </button>
                    <ul class="dropdown-menu dropdown-menu-end">
                        <li>
                            <a href="/user/settings" class="dropdown-item" type="button"><i
                                    class="anticon anticon-setting"></i>Settings</a>
                        </li>
                        <li>
                            <a href="/user/change-password" class="dropdown-item" type="button">
                                <i class="anticon anticon-lock"></i>Change Password
                            </a>
                        </li>
                        <li>
                            <a href="/user/support-ticket/index" class="dropdown-item" type="button">
                                <i class="anticon anticon-customer-service"></i>Support Tickets
                            </a>
                        </li>
                        <li class="logout">
                            <form method="POST" action="/logout" id="logout-form">                               
                                <a href="/logout" class="dropdown-item"
                                   onclick="event.preventDefault(); localStorage.clear();  $('#logout-form').submit();"><i
                                        class="anticon anticon-logout"></i>Logout</a>
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
    <!--/Header-->
    <!--Side Nav-->
    <div class="side-nav">
    <div class="side-wallet-box default-wallet mb-0">
        <div class="user-balance-card">
            <h5 class="d-flex text-white justify-content-center align-items-center"><i class="anticon anticon-user p-1 pr-2" style="border: solid 2px white;margin-right:5px;border-radius: 50%;height: 30px;width: 30px;display: flex;flex-direction: column;justify-content: center;align-items: center;"></i> <?php echo $customer_fname.' '.$customer_lname; ?></h5>
            <hr>
            <div class="wallet-name">
                <div class="name">Account Balance</div>
                <div class="default">Wallet</div>
            </div>
            <div class="wallet-info">
                <div class="wallet-id"><i icon-name="wallet"></i>Main Wallet</div>
                <div class="balance">$<?php echo number_format($wallet_balance,2); ?></div>
            </div>
            <div class="wallet-info">
                <div class="wallet-id"><i icon-name="landmark"></i>Profit Wallet</div>
                <div class="balance">$<?php echo number_format($total_profit,2); ?></div>
            </div>
            <div class="wallet-info">
                <div class="wallet-id"><i icon-name="check-square"></i>Current Plan</div>
                <div class="balance"><?php echo $current_bot_plan['plan_name']; ?></div>
            </div>
        </div>
        <div class="actions">
            <a href="/user/deposit" class="user-sidebar-btn"><i
                    class="anticon anticon-file-add"></i>Deposit</a>
            <a href="/user/dashboard" class="user-sidebar-btn red-btn"><i
                    class="anticon anticon-export"></i>Trade Now</a>
        </div>
    </div>
    <div class="side-nav-inside">
        <ul class="side-nav-menu">
            <li class="side-nav-item <?php echo ($url=='dashboard' || $url=='')?'active':''; ?>">
                <a href="/user/dashboard"><i
                        class="anticon anticon-appstore"></i><span>Trade</span></a>
            </li>
            <li class="side-nav-item <?php echo ($url=='trade-logs')?'active':''; ?>">
                <a href="/user/trade-logs"><i
                        class="anticon anticon-copy"></i><span>Trade History</span></a>
            </li>
            <li class="side-nav-item <?php echo ($url=='statistics')?'active':''; ?>">
                <a href="/user/statistics"><i
                        class="anticon anticon-bar-chart"></i><span>Statistics</span></a>
            </li>
            <!-- <li class="side-nav-item <?php //echo ($url=='wallet-connect')?'active':''; ?>">
                <a href="/user/wallet-connect"><i
                        class="anticon anticon-wallet"></i><span>Wallet Connect</span></a>
            </li> -->
            <li class="side-nav-item <?php echo ($url=='schemas')?'active':''; ?>">
                <a href="/user/schemas"><i
                        class="anticon anticon-check-square"></i><span>Bot Plans</span></a>
            </li>
            <li class="side-nav-item <?php echo ($url=='bot-logs')?'active':''; ?>">
                <a href="/user/bot-logs"><i
                        class="anticon anticon-copy"></i><span>Bot History</span></a>
            </li>

            <li class="side-nav-item <?php echo ($url=='transactions')?'active':''; ?>">
                <a href="/user/transactions"><i
                        class="anticon anticon-inbox"></i><span>All Transactions</span></a>
            </li>
            <li class="side-nav-item  <?php echo ($url=='deposit')?'active':''; ?> ">
                <a href="/user/deposit"><i
                        class="anticon anticon-file-add"></i><span>Fund Wallet</span></a>
            </li>
            <li class="side-nav-item <?php echo ($url=='deposit-log')?'active':''; ?>">
                <a href="/user/deposit/log"><i
                        class="anticon anticon-folder-add"></i><span>Deposit History</span></a>
            </li>

            <li class="side-nav-item <?php echo ($url=='wallet-exchange')?'active':''; ?>">
                <a href="/user/wallet-exchange"><i
                        class="anticon anticon-transaction"></i><span>Wallet Exchange</span></a>
            </li>
             <li class="side-nav-item <?php echo ($url=='loan')?'active':''; ?>">
                <a href="/user/loan"><i
                        class="anticon anticon-alert"></i><span>Loan</span></a>
            </li>

            <li class="side-nav-item  <?php echo ($url=='send-money')?'active':''; ?> ">
                <a href="/user/send-money"><i
                        class="anticon anticon-export"></i><span>Transfer</span></a>
            </li>
            <li class="side-nav-item <?php echo ($url=='send-money-log')?'active':''; ?>  ">
                <a href="/user/send-money/log"><i
                        class="anticon anticon-cloud"></i><span>Transfer History</span></a>
            </li>

            <li class="side-nav-item  <?php echo ($url=='withdraw')?'active':''; ?> ">
                <a href="/user/withdraw"><i
                        class="anticon anticon-bank"></i><span>Withdraw</span></a>
            </li>
            <li class="side-nav-item <?php echo ($url=='withdraw-log')?'active':''; ?>">
                <a href="/user/withdraw/log"><i
                        class="anticon anticon-credit-card"></i><span>Withdraw Log</span></a>
            </li>

            <li class="side-nav-item <?php echo ($url=='ranking-badge')?'active':''; ?>">
                <a href="/user/ranking-badge"><i
                        class="anticon anticon-star"></i><span>Ranking Badge</span></a>
            </li>

            <li class="side-nav-item <?php echo ($url=='referral')?'active':''; ?>">
                    <a href="/user/referral"><i
                            class="anticon anticon-usergroup-add"></i><span>Referral</span></a>
                </li>
            
            <li class="side-nav-item <?php echo ($url=='settings')?'active':''; ?>">
                <a href="/user/settings"><i
                        class="anticon anticon-setting"></i><span>Settings</span></a>
            </li>
            <li class="side-nav-item <?php echo ($url=='support-ticket')?'active':''; ?>">
                <a href="/user/support-ticket/index"
                ><i class="anticon anticon-tool"></i><span>Support Tickets</span></a
                >
            </li>
            <li class="side-nav-item">
                <!-- Authentication -->
                <form method="POST" action="/logout">
                   <button type="submit" class="site-btn grad-btn w-100">
                        <i class="anticon anticon-logout"></i><span>Logout</span>
                    </button>
                </form>
            </li>
        </ul>
    </div>
</div>
    <!--/Side Nav-->