<?php $__env->startSection('content'); ?>
    <link href="<?php echo e(asset('css/account.css')); ?>" rel="stylesheet" type="text/css">

    <body class="accountPage">

        <div class="app h5MaxWidth">
            <div class="subject">
                <div class="groundSkin display alignStart justifyEnd">
                    <img src="<?php echo e(asset('img/1.png')); ?>" alt="">
                </div>
            </div>
            <div class="main">

                <div class="accountCard h5MaxWidth display alignCenter">
                    <div class="userCard display alignCenter flex1">
                        <div class="portrait radius50P display alignCenter justifyCenter" onclick="jumpLink('#',1)">
                            <div class="frame display alignCenter justifyCenter radius50P">
                                <img src="<?php echo e(asset('img/portrait.png')); ?>" alt="">
                            </div>
                        </div>
                        <div class="userinfo display alignCenter justifyDetween flex1" onclick="jumpLink('#',1)">
                            <div class="useName flex1">
                                <p id="nickName">
                                    <?php echo e(substr($user->mobile, 0, 3) . str_repeat('*', 4) . substr($user->mobile, 7)); ?></p>
                                <span id="account">(<?php echo e($user->ref_code); ?>)</span>
                            </div>
                        </div>
                        <div class="messages" onclick="#">
                            <div class="siteInbox">
                                <div class="dotHint radius50P" style="display: none;"></div>
                                <div class="icon display alignCenter justifyCenter radius50P">
                                    <i class="iconfont icon-bell"></i>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="vipCard display alignCenter vBG v0" onclick="jumpLink('<?php echo e(route('user.account-setup')); ?>',1)">
                    
                    <div class="vip_LVBar flex1">
                        <div class="progressBarBox">
                            

                            <?php if(auth()->user()->bankAccount): ?>
                                <p><?php echo e(auth()->user()->bankAccount->bank_name); ?></p>
                                <span><?php echo e(substr(auth()->user()->bankAccount->account_number, 0, 3) . str_repeat('*', 4) . substr(auth()->user()->bankAccount->account_number, 7)); ?></span>
                            <?php else: ?>
                                <p>No bank card</p>
                                <span>Please add bank card</span>
                            <?php endif; ?>
                        </div>
                    </div>
                    <div class="more">
                        <i class="iconfont icon-arrow-right"></i>
                    </div>
                </div>

                <div class="balanceCardBox">
                    <div class="balanceCard radius15PX">
                        <div class="capitalItem flex5">
                            <div class="gongGeNAV">
                                <ul class="display alignEnd">
                                    <li class="balance" onclick="jumpLink('#',1)">
                                        <div>
                                            <h3 id="balance"><em
                                                    class="currency">₦</em><?php echo e(number_format($user->balance + $user->bonus_balance)); ?>

                                            </h3>
                                            <span>Balance</span>
                                        </div>
                                    </li>

                                </ul>
                            </div>
                            <div class="gongGeNAV">
                                <ul class="display alignEnd">
                                    <li>
                                        <div>
                                            <p id="sumDeposit"><em
                                                    class="currency">₦</em><?php echo e(number_format($user->balance)); ?></p>
                                            <span>Deposit</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div>
                                            <p id="sumWithdraw"><em
                                                    class="currency">₦</em><?php echo e(number_format($user->bonus_balance)); ?></p>
                                            <span>Withdrawable</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="fundControl radius15PX">
                        <ul class="gongGeNAV display alignCenter alignCenter">
                            <li class="deposit flex1" onclick="jumpLink('<?php echo e(route('user.deposit')); ?>',1)">
                                <div class="icon display alignCenter alignCenter radius50P">
                                    <i class="iconfont icon-arrow-up-bill"></i>
                                </div>
                                <div class="txt">
                                    <p>Deposit</p>
                                </div>
                            </li>
                            <li class="withdraw flex1" onclick="jumpLink('<?php echo e(route('user.withdraw')); ?>',1)">
                                <div class="icon display alignCenter justifyCenter radius50P">
                                    <i class="iconfont icon-money-decrease"></i>
                                </div>
                                <div class="txt">
                                    <p>Withdraw</p>
                                </div>
                            </li>
                            <li class="myOrder flex1" onclick="jumpLink('<?php echo e(route('user.investment.log')); ?>',1)">
                                <div class="icon display alignCenter justifyCenter radius50P">
                                    <i class="iconfont icon-shield-document"></i>
                                </div>
                                <div class="txt">
                                    <p>My Order</p>
                                </div>
                            </li>
                            <li class="cardBag flex1" onclick="jumpLink('<?php echo e(route('user.account-setup')); ?>',1)">
                                <div class="siteInbox">
                                    <div class="icon display alignCenter justifyCenter radius50P"><i
                                            class="iconfont icon-credit-card"></i></div>
                                </div>
                                <div class="txt">
                                    <p>Card Bag</p>
                                </div>
                            </li>
                        </ul>

                    </div>
                </div>

                <div class="navBar">
                    <div class="titleBar display alignStart">
                        <div class="title flex1">
                            <h4>
                                My business</h4>
                            <span></span>
                        </div>
                    </div>
                    <div class="groupRaer">
                        <ul class="cell">
                            <li class="team radius500PX display alignCenter"
                                onclick="jumpLink('<?php echo e(route('user.referrals')); ?>',1)">
                                <div class="icon radius50P display alignCenter justifyCenter">
                                    <i class="iconfont icon-winning-places-people"></i>
                                </div>
                                <div class="infoBar display alignCenter flex1">
                                    <div class="titleLabel flex1">
                                        <p>Team</p>
                                    </div>
                                </div>
                                <div class="more">
                                    <i class="iconfont icon-arrow-right"></i>
                                </div>
                            </li>
                            <li class="team radius500PX display alignCenter"
                                onclick="jumpLink('<?php echo e(route('user.trx.log')); ?>',1)">
                                <div class="icon radius50P display alignCenter justifyCenter">
                                    <i class="iconfont icon-coins"></i>
                                </div>
                                <div class="infoBar display alignCenter flex1">
                                    <div class="titleLabel flex1">
                                        <p>Commission</p>
                                    </div>
                                </div>
                                <div class="more">
                                    <i class="iconfont icon-arrow-right"></i>
                                </div>
                            </li>

                        </ul>
                    </div>

                    <div class="titleBar display alignStart">
                        <div class="title flex1">
                            <h4>Fund record</h4>
                            <span></span>
                        </div>
                    </div>
                    <div class="groupRaer">
                        <ul class="cell">
                            

                            <li class="deposit radius500PX display alignCenter"
                                onclick="jumpLink('<?php echo e(route('user.deposit.history')); ?>',1)">
                                <div class="icon radius50P display alignCenter justifyCenter">
                                    <i class="iconfont icon-arrow-up-bill"></i>
                                </div>
                                <div class="infoBar display alignCenter flex1">
                                    <div class="titleLabel flex1">
                                        <p>Deposit</p>
                                        <span class="warning"></span>
                                    </div>
                                </div>
                                <div class="more">
                                    <i class="iconfont icon-arrow-right"></i>
                                </div>
                            </li>

                            <li class="withdraw radius500PX display alignCenter"
                                onclick="jumpLink('<?php echo e(route('user.withdraw.history')); ?>',1)">
                                <div class="icon radius50P display alignCenter justifyCenter">
                                    <i class="iconfont icon-money-decrease"></i>
                                </div>
                                <div class="infoBar display alignCenter flex1">
                                    <div class="titleLabel flex1">
                                        <p>Withdraw</p>
                                        <span class="warning"></span>
                                    </div>
                                </div>
                                <div class="more">
                                    <i class="iconfont icon-arrow-right"></i>
                                </div>
                            </li>

                            <li class="deposit radius500PX display alignCenter" onclick="#">
                                <div class="icon radius50P display alignCenter justifyCenter">
                                    <i class="iconfont icon-message-gift"></i>
                                </div>
                                <div class="infoBar display alignCenter flex1">
                                    <div class="titleLabel flex1">
                                        <p>Rewards</p>
                                        <span class="warning"></span>
                                    </div>
                                </div>
                                <div class="more">
                                    <i class="iconfont icon-arrow-right"></i>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div class="titleBar display alignStart">
                        <div class="title flex1">
                            <h4>
                                Other business</h4>
                            <span></span>
                        </div>
                    </div>
                    <div class="groupRaer">
                        <ul class="cell">
                            <li class="help radius500PX display alignCenter"
                                onclick="jumpLink('<?php echo e(route('user.change.password')); ?>',1)">
                                <div class="icon radius50P display alignCenter justifyCenter">
                                    <i class="iconfont icon-unlock-keyhole"></i>
                                </div>
                                <div class="infoBar display alignCenter flex1">
                                    <div class="titleLabel flex1">
                                        <p>Login Password</p>
                                        <span></span>
                                    </div>
                                </div>
                                <div class="more">
                                    <i class="iconfont icon-arrow-right"></i>
                                </div>
                            </li>
                            <li id="help" class="help radius500PX display alignCenter"
                                onclick="jumpLink('<?php echo e(route('user.company')); ?>',1)">
                                <div class="icon radius50P display alignCenter justifyCenter">
                                    <i class="iconfont icon-customer-service-agent"></i>
                                </div>
                                <div class="infoBar display alignCenter flex1">
                                    <div class="titleLabel flex1">
                                        <p>Help Center</p>
                                        <span></span>
                                    </div>
                                </div>
                                <div class="more">
                                    <i class="iconfont icon-arrow-right"></i>
                                </div>
                            </li>

                            <a href="<?php echo e(route('user.logout')); ?>" class="logoutBtn clickBtn lineBtn display alignCenter justifyCenter" style="color: red; border:solid 2px red; margin-top:5px;"
                                onclick="outLogin()">
                                <p>Log Out</p>
                            </a>



                        </ul>
                    </div>
                </div>
            </div>
        </div>

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

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

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