<?php $__env->startSection('content'); ?>
    <link rel="stylesheet" crossorigin="" href="<?php echo e(asset('assets/MyWallet-CPDWttTT.css')); ?>">

    <body>
        <div id="app" data-v-app="">
            <div data-v-261ace50="" class="common-layout">
                <div data-v-0c4b1bf7="" data-v-261ace50="" class="accountPage bg_00">
                    <div data-v-5b4aea95="" class="pageHead display alignCenter">
                        <div data-v-5b4aea95="" class="userBar display alignCenter">
                            <div data-v-5b4aea95="" class="userCard display alignCenter flex1">
                                <div data-v-5b4aea95="" class="van-image"
                                    style="width: 3rem; height: 3rem; overflow: hidden; border-radius: 1rem;"><img
                                        src="<?php echo e(asset('images/user/3.png')); ?>" class="van-image__img"
                                        style="object-fit: cover;"><!----><!----></div>
                                <div data-v-5b4aea95="" class="userInfo">
                                    <p data-v-5b4aea95="">New user</p><span
                                        data-v-5b4aea95="">ID:<?php echo e(auth()->user()->ref_code); ?></span>
                                </div>
                            </div>
                        </div>
                        <div data-v-5b4aea95="" class="bakanceBar flex1"><!----></div>
                        <div data-v-5b4aea95="" class="menuItem">
                            <ul data-v-5b4aea95="" class="display alignCenter">
                                
                                <li data-v-5b4aea95="" class="userMessages radius50P display alignCenter justifyCenter">
                                    <div data-v-5b4aea95="" class="van-badge__wrapper hideBadge">
                                        <div data-v-5b4aea95="" class="icon display alignCenter justifyCenter"><i
                                                data-v-5b4aea95="" class="ri-notification-3-fill"></i></div><!---->
                                    </div>
                                </li>
                                <li data-v-5b4aea95="" class="usermod radius50P display alignCenter justifyCenter"
                                    id="settingsIcon">
                                    <div data-v-5b4aea95="" class="icon display alignCenter justifyCenter">
                                        <i data-v-5b4aea95="" class="ri-settings-fill"></i>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div><!----><!---->

                    <?php echo $__env->make('templates.basic.partials.modal', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

                    <div data-v-0c4b1bf7="" class="subject"></div>
                    <div data-v-0c4b1bf7="" class="main">
                        <div data-v-0c4b1bf7="" class="accountCard m5 p_tb20">
                            <div data-v-0c4b1bf7="" class="accounts display alignStart p_lr20">
                                <div data-v-0c4b1bf7="" class="bakance flex1">
                                    <span data-v-0c4b1bf7="">Balance</span>
                                    <h4 data-v-0c4b1bf7="" id="balanceDisplay">
                                        <em data-v-0c4b1bf7="" class="currency">₦</em>
                                        <span style="font-size: 22px;font-weight:bolder;" id="balanceValue"><?php echo e(number_format($user->balance + $user->bonus_balance, 2)); ?></span>
                                    </h4>
                                </div>
                                <div data-v-0c4b1bf7="" class="exposed icon" id="toggleBalance" style="cursor: pointer;">
                                    <i data-v-0c4b1bf7="" class="ri-eye-2-line" id="eyeIcon"></i>
                                </div>

                            </div>



                            <div data-v-0c4b1bf7="" class="dashedLine m20"></div>
                            <div data-v-0c4b1bf7="" class="shortcut">
                                <ul data-v-0c4b1bf7="" class="gongGeNAV display alignCenter alignEnd">
                                    <li onclick="window.location.href='<?php echo e(route('user.deposit')); ?>';" data-v-0c4b1bf7="" class="flex1">
                                        <div data-v-0c4b1bf7="" class="icon radius15PX display alignCenter justifyCenter"><i
                                                data-v-0c4b1bf7="" class="ri-download-line"></i></div>
                                        <div data-v-0c4b1bf7="" class="txt">
                                            <p data-v-0c4b1bf7="">Deposit</p>
                                        </div>
                                    </li>
                                    <li onclick="window.location.href='<?php echo e(route('user.withdraw')); ?>';" data-v-0c4b1bf7="" class="flex1">
                                        <div data-v-0c4b1bf7="" class="icon radius15PX display alignCenter justifyCenter">
                                            <i data-v-0c4b1bf7="" class="ri-upload-line"></i>
                                        </div>
                                        <div data-v-0c4b1bf7="" class="txt">
                                            <p data-v-0c4b1bf7="">Withdraw</p>
                                        </div>
                                    </li>
                                    <li onclick="window.location.href='<?php echo e(route('user.account-setup')); ?>';" data-v-0c4b1bf7="" class="flex1">
                                        <div data-v-0c4b1bf7="" class="icon radius15PX display alignCenter justifyCenter">
                                            <i data-v-0c4b1bf7="" class="ri-secure-payment-line"></i>
                                        </div>
                                        <div data-v-0c4b1bf7="" class="txt">
                                            <p data-v-0c4b1bf7="">Bank Card</p>
                                        </div>
                                    </li>
                                    <li data-v-0c4b1bf7="" class="vipBox flex1">
                                        <div onclick="window.location.href='<?php echo e(route('user.investment.log')); ?>';" data-v-0c4b1bf7=""
                                            class="vipIcon icon radius15PX display alignCenter justifyCenter">
                                            <i data-v-0c4b1bf7="" class="ri-shopping-cart-fill"></i>
                                        </div>
                                        <div data-v-0c4b1bf7="" class="txt">
                                            <p data-v-0c4b1bf7="">My Order</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div data-v-0c4b1bf7="" class="tab_Record m5">
                            <div data-v-0c4b1bf7="" class="van-tabs van-tabs--line">
                                <div>
                                    <div class="van-sticky">
                                        <div>
                                            <div class="van-tabs__wrap">
                                                <div role="tablist"
                                                    class="van-tabs__nav van-tabs__nav--line van-tabs__nav--shrink van-tabs__nav--complete"
                                                    aria-orientation="horizontal"><!---->
                                                    <div id="van-tabs-10-0" role="tab"
                                                        class="van-tab van-tab--line van-tab--shrink van-tab--active"
                                                        tabindex="0" aria-selected="true" aria-controls="van-tab-11"
                                                        style="color: var(--bw0);"><span class="van-tab__text">Fund
                                                            Record</span></div>
                                                    
                                                    <div class="van-tabs__line"
                                                        style="transform: translateX(77px) translateX(-50%); transition-duration: 0.3s;">
                                                    </div><!---->
                                                </div>
                                            </div><!---->
                                        </div>
                                    </div>
                                </div>
                                <div class="van-tabs__content">
                                    <div data-v-0c4b1bf7="" id="van-tab-11" role="tabpanel"
                                        class="van-tab__panel recordList p10" tabindex="0"
                                        aria-labelledby="van-tabs-10-0" style="">
                                        <div data-v-0c4b1bf7="" class="sortTab m_tb10">
                                            <div data-v-0c4b1bf7="">
                                                <ul data-v-0c4b1bf7="" class="display alignStart">
                                                    
                                                    <li onclick="window.location.href='<?php echo e(route('user.withdraw.history')); ?>';" data-v-0c4b1bf7="" class="p5">
                                                        <div data-v-0c4b1bf7="" class="p10 display alignCenter">
                                                            <p data-v-0c4b1bf7="">Withdraw record</p><i data-v-0c4b1bf7=""
                                                                class="ri-arrow-right-s-line"></i>
                                                        </div>
                                                    </li>
                                                    <li onclick="window.location.href='<?php echo e(route('user.deposit.history')); ?>';" data-v-0c4b1bf7="" class="p5">
                                                        <div data-v-0c4b1bf7="" class="p10 display alignCenter">
                                                            <p data-v-0c4b1bf7="">Deposit record</p><i data-v-0c4b1bf7=""
                                                                class="ri-arrow-right-s-line"></i>
                                                        </div>
                                                    </li>
                                                    <li onclick="window.location.href='<?php echo e(route('user.trx.log')); ?>';" data-v-0c4b1bf7="" class="p5">
                                                        <div data-v-0c4b1bf7="" class="p10 display alignCenter">
                                                            <p data-v-0c4b1bf7="">Commission record</p><i
                                                                data-v-0c4b1bf7="" class="ri-arrow-right-s-line"></i>
                                                        </div>
                                                    </li>
                                                    
                                                </ul>
                                            </div>
                                        </div>
                                        <div data-v-0c4b1bf7="" class="list">
                                            <ul data-v-0c4b1bf7="" class="cell"></ul>
                                        </div><!----><!---->
                                        
                                    </div>
                                    <div data-v-0c4b1bf7="" id="van-tab-12" role="tabpanel"
                                        class="van-tab__panel orderList p20" tabindex="-1"
                                        aria-labelledby="van-tabs-10-1" style="display: none;"><!----></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <?php echo $__env->make('templates.basic.partials.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

            </div>
        </div>



        <script>
            // Get elements
            const toggleBalance = document.getElementById('toggleBalance');
            const balanceValue = document.getElementById('balanceValue');
            const eyeIcon = document.getElementById('eyeIcon');

            // Variable to track visibility state
            let isBalanceVisible = false;

            // Function to toggle balance visibility
            toggleBalance.addEventListener('click', function() {
                isBalanceVisible = !isBalanceVisible; // Toggle the state

                if (isBalanceVisible) {
                    balanceValue.textContent = '<?php echo e(number_format($user->balance + $user->bonus_balance, 2)); ?>'; // Show the balance
                    eyeIcon.classList.remove('ri-eye-close-line'); // Change to closed eye icon
                    eyeIcon.classList.add('ri-eye-2-line'); // Change to open eye icon
                } else {
                    balanceValue.textContent = '***'; // Hide the balance and show placeholder
                    eyeIcon.classList.remove('ri-eye-2-line'); // Change to open eye icon
                    eyeIcon.classList.add('ri-eye-close-line'); // Change to closed eye icon
                }
            });
        </script>

    </body>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.users', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/MAMP/htdocs/cryptoworld/core/resources/views/templates/basic/user/profile_setting.blade.php ENDPATH**/ ?>