<!-- ============================================================== -->
<!-- Left Sidebar - style you can find in sidebar.scss  -->
<!-- ============================================================== -->
<aside style="background-color: rgba(212,175,55,0.65);" class="left-sidebar">
    <style>
        .left-sidebar #sidebarnav a,
        .left-sidebar #sidebarnav span,
        .left-sidebar #sidebarnav i,
        .left-sidebar .user-profile a,
        .left-sidebar .user-profile i {
            color: #000000 !important;
        }

        .left-sidebar .sidebar-nav .has-arrow::after {
            border-color: #000000 !important;
        }

        .left-sidebar .caret {
            border-top-color: #000000 !important;
            border-bottom-color: #000000 !important;
        }

        .left-sidebar #gtranslate_selector {
            width: calc(100% - 30px);
            margin: 10px 15px 18px;
            padding: 10px 42px 10px 14px;
            border: 1px solid rgba(0, 0, 0, 0.22);
            border-radius: 8px;
            background-color: rgba(255, 255, 255, 0.88);
            background-image:
                linear-gradient(45deg, transparent 50%, #000000 50%),
                linear-gradient(135deg, #000000 50%, transparent 50%);
            background-position:
                calc(100% - 18px) 50%,
                calc(100% - 13px) 50%;
            background-size: 5px 5px, 5px 5px;
            background-repeat: no-repeat;
            color: #000000;
            font-weight: 600;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .left-sidebar #gtranslate_selector:focus {
            border-color: #000000;
            box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
        }
    </style>
    <!-- Sidebar scroll-->
    <div class="scroll-sidebar">
        <!-- User Profile-->
        <div class="user-profile">
            <div class="user-pro-body">
                <div class="dropdown">
                    <a style="margin-left:-80px;" href="javascript:void(0)" class="dropdown-toggle u-dropdown link hide-menu" data-toggle="dropdown" role="button" aria-haspopup="true"
                        aria-expanded="false"><font color="Black">Welcome <?php echo $ref_code; ?></font>
                        <span class="caret"></span>
                    </a>
                     <div class="dropdown-menu animated flipInY">
                        <!--a href="profile.php" class="dropdown-item">
                            <i class="ti-user"></i> My Profile
                        </a-->
                        <a href="logout.php" class="dropdown-item">
                            <i class="fa fa-power-off"></i> Logout
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Sidebar navigation-->

        <nav class="sidebar-nav">
            <ul id="sidebarnav">              
                <!--li><center><img src="../Assets/images/Logo.png" style="border-radius:10px;" width="150px" height="140px"></center></li-->
                <li>
                    <!-- GTranslate: https://gtranslate.io/ -->
                    <select onchange="doGTranslate(this);" class="notranslate" id="gtranslate_selector" aria-label="Website Language Selector">
                    <option value="">Select Language</option>
                    <option value="en|zh-CN">Chinese (Simplified)</option>
                    <option value="en|en">English</option>
                    <option value="en|ms">Malay</option>
                    <option value="en|ta">Tamil</option>
                    </select>
                    <style>
                    #goog-gt-tt {
                        display: none !important;
                    }

                    .goog-te-banner-frame {
                        display: none !important;
                    }

                    .goog-te-menu-value:hover {
                        text-decoration: none !important;
                    }

                    .goog-text-highlight {
                        background-color: transparent !important;
                        box-shadow: none !important;
                    }

                    body {
                        top: 0 !important;
                    }

                    #google_translate_element2 {
                        display: none !important;
                    }
                    </style>
                    <div id="google_translate_element2"></div>
                    <script>
                    function googleTranslateElementInit2() {
                        new google.translate.TranslateElement({
                        pageLanguage: 'en',
                        autoDisplay: false
                        }, 'google_translate_element2');
                    }
                    </script>
                    <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
                    <script>
                    function GTranslateGetCurrentLang() {
                        var keyValue = document['cookie'].match('(^|;) ?googtrans=([^;]*)(;|$)');
                        return keyValue ? keyValue[2].split('/')[2] : null;
                    }

                    function GTranslateFireEvent(element, event) {
                        try {
                        if (document.createEventObject) {
                            var evt = document.createEventObject();
                            element.fireEvent('on' + event, evt)
                        } else {
                            var evt = document.createEvent('HTMLEvents');
                            evt.initEvent(event, true, true);
                            element.dispatchEvent(evt)
                        }
                        } catch (e) {}
                    }

                    function doGTranslate(lang_pair) {
                        if (lang_pair.value) lang_pair = lang_pair.value;
                        if (lang_pair == '') return;
                        var lang = lang_pair.split('|')[1];
                        if (GTranslateGetCurrentLang() == null && lang == lang_pair.split('|')[0]) return;
                        var teCombo;
                        var sel = document.getElementsByTagName('select');
                        for (var i = 0; i < sel.length; i++)
                        if (sel[i].className.indexOf('goog-te-combo') != -1) {
                            teCombo = sel[i];
                            break;
                        } if (document.getElementById('google_translate_element2') == null || document.getElementById('google_translate_element2').innerHTML.length == 0 || teCombo.length == 0 || teCombo.innerHTML.length == 0) {
                        setTimeout(function() {
                            doGTranslate(lang_pair)
                        }, 500)
                        } else {
                        teCombo.value = lang;
                        GTranslateFireEvent(teCombo, 'change');
                        GTranslateFireEvent(teCombo, 'change')
                        }
                    }
                    </script>
                </li>
                <li>
                    <a class="waves-effect waves-dark" href="admin_main_dashboard.php" aria-expanded="false">
                        <i class="icon-screen-desktop"></i>
                        <span class="hide-menu">DASHBOARD</span>
                    </a>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="far fa-user-circle"></i>
                        <span class="hide-menu">PROFILE MANAGEMENT</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="user_detail.php?user_ref_code=<?php echo $ref_code; ?>">Manage Profile</a>
                        </li>
                        <li>
                            <a href="user_password.php?user_ref_code=<?php echo $ref_code; ?>">Change Password</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-bag"></i>
                        <span class="hide-menu">GOLD SALES</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="gold_sales_view.php">View Sales</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-handbag"></i>
                        <span class="hide-menu">GOLD BUY BACK</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="gold_buy_back_view.php">View Buy Back</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-diamond"></i>
                        <span class="hide-menu">UPAH SIMPAN GOLD</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="upah_simpan_gold_view.php">View Upah Simpan</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-grid"></i>
                        <span class="hide-menu">NETWORKING</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="list_of_user.php?activation_status=1">Active Members</a>
                        </li>
                        <li>
                            <a href="list_of_user.php?activation_status=101">Pending Activation Members</a>
                        </li>
                        <!--li>
                            <a href="list_of_user.php?activation_status=0">Pending Verification Members</a>
                        </li-->
                        <li>
                            <a href="team_geonology.php">Member Network</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-wallet"></i>
                        <span class="hide-menu">WALLET SECTION</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">                        
                        <li>
                            <a href="wallet_history.php?type_wallet=e_wallet">Withdrawal Req</a>
                        </li>
                        <!--li>
                            <a href="wallet_history_bulk.php?type_wallet=e_wallet">Withdrawal Req Bulk</a>
                        </li-->
                    </ul>
                </li>

               <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-notebook"></i>
                        <span class="hide-menu">EARNING REPORT</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="list_of_commission.php?comm_type=Gold_Sales">Gold Sales Report</a>
                        </li>
                        <li>
                            <a href="list_of_commission.php?comm_type=Gold_Buy_Back">Gold Buy Back Report</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-earphones-alt"></i>
                        <span class="hide-menu">HELP DESK SYSTEM</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="ticket_history.php">View Ticket Response</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-note"></i>
                        <span class="hide-menu">OFFICIAL ANNOUNCEMENT</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="add_announcement.php">Add New Announcement</a>
                        </li> 
                        <li>
                            <a href="list_of_announcement_1.php">List Of Announcement</a>
                        </li> 
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-note"></i>
                        <span class="hide-menu">OFFICIAL PROMOTION</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <li>
                            <a href="add_promotion.php">Add New Promotion</a>
                        </li> 
                        <li>
                            <a href="list_of_promotion_1.php">List Of Promotion</a>
                        </li> 
                    </ul>
                </li>

                <li>
                    <a class="has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">
                        <i class="icon-settings"></i>
                        <span class="hide-menu">SYSTEM SETTING</span>
                    </a>
                    <ul aria-expanded="false" class="collapse">
                        <!--li>
                            <a href="rank_setting_1.php">Rank Setting</a>
                        
                        <li>
                            <a href="package_setting_1.php">Package Setting</a>
                        </li>
                        </li-->
                        <li>
                            <a href="emas_setting_1.php">Emas Setting</a>
                        </li>
                        <li>
                            <a href="sales_bonus_setting_1.php">Sales Bonus</a>
                        </li>
                        <li>
                            <a href="manager_level_setting_1.php">Manager Level</a>
                        </li>
                        <li>
                            <a href="manager_level_bonus_setting_1.php">Manager Level Bonus</a>
                        </li>
                        <!--li>
                            <a href="hibah_unilevel_setting.php">Hibah Unilevel</a>
                        </li-->
                        <li>
                            <a href="wallet_setting_1.php">Wallet Setting</a>
                        </li>
                        <!--li>
                            <a href="wallet_topup_1.php">Wallet Topup Info</a>
                        </li-->
                        <!--li>
                            <a href="item_inventory_setting_1.php">Stock Inventory Setting</a>
                        </li-->
                       
                        <li>
                            <a href="currency_rate_setting_1.php">Currency Rate Setting</a>
                        </li>
                        <li>
                            <a href="system_setting.php">System Setting</a>
                        </li>
                        <!--li>
                            <a href="reset_database.php">Reset Database</a>
                        </li-->
                    </ul>
                </li>
                <li>
                    <a class="waves-effect waves-dark" href="logout.php" aria-expanded="false">
                        <i class="fa fa-power-off"></i><span class="hide-menu">LOGOUT</span>
                    </a>
                </li>
            </ul>
        </nav>
        <!-- End Sidebar navigation -->
    </div>
    <!-- End Sidebar scroll-->
</aside>
<!-- ============================================================== -->
<!-- End Left Sidebar - style you can find in sidebar.scss  -->
<!-- ============================================================== -->


