<?php $__env->startSection('content'); ?>
<?php
    $kycInfo = getContent('kyc_info.content',true);
?>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
            <title>The ShopX Network -    Dashboard
</title>
        <meta name="csrf-token" content="QKMWlwUVFXiBTLCGVtFIZ4XQA9mSs20q12xpgC4B">

    <!-- SEO Meta Tags-->
        <meta name="author" content="The ShopX Network">
    <meta name="distribution" content="web">
    <!-- Mobile Specific Meta Tag-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Favicon Icons-->
    <link rel="icon" type="image/png" href="https://theshopx.net/assets/images/1698432562shopx fav.png">
    <link rel="apple-touch-icon" href="https://theshopx.net/assets/images/1698432562shopx fav.png">
    <link rel="apple-touch-icon" sizes="152x152" href="https://theshopx.net/assets/images/1698432562shopx fav.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://theshopx.net/assets/images/1698432562shopx fav.png">
    <link rel="apple-touch-icon" sizes="167x167" href="https://theshopx.net/assets/images/1698432562shopx fav.png">
    <!-- Vendor Styles including: Bootstrap, Font Icons, Plugins, etc.-->
   <link rel="stylesheet" media="screen" href="/core/resources/views/templates/smartlab/user/plugins.min.css">

    
    <link id="mainStyles" rel="stylesheet" media="screen" href="/core/resources/views/templates/smartlab/user/styles.min.css">

    <link id="mainStyles" rel="stylesheet" media="screen" href="/core/resources/views/templates/smartlab/user/responsive.css">
    <link id="mainStyles" rel="stylesheet" media="screen" href="/core/resources/views/templates/smartlab/user/developer.css">
    <!-- Color css -->
    <link href="/core/resources/views/templates/smartlab/user/color.php?primary_color=FF5C00"
          rel="stylesheet">

    <!-- Modernizr-->
    <script src="/core/resources/views/templates/smartlab/user/modernizr.min.js"></script>

        <style>
        
    </style>

    
        

    
        

    
        
        <style>
        .dashboard-menu {
            display: none;
        }

        .list-group-item.active {
            color: white !important;
            background-color: #FF6A00 !important;
        }


        .close-sidebar {
            text-align: right;
            margin-bottom: -23px;
            z-index: 999;
            margin-right: 20px;
        }

        .list-group-item.active {

        }

        .header-buttons {
            text-align: right !important;
        }

        @media (max-width: 480px) {
            .dashboard-menu {
                display: unset;
            }

            .header-buttons {
                text-align: center !important;
            }

            #desktop-sidebar {
                display: none;
            }

            .breadcrumbs {
                display: none;
            }

            .page-title {
                margin-bottom: 20px !important;
            }

            .user-info-wrapper {
                width: 70%;
            }
        }
    </style>

    <style>
        /* Add this to your CSS file or style section */
        .circle {
            width: 25px;
            height: 25px;
            position: absolute;
            right: 185px;
            top: 155px;
            border-radius: 100%;
        }

        .mobile-sidebar {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            overflow: auto;
            box-shadow: 0 10px 15px rgba(255, 69, 0, 0.5);
            z-index: 1000;
            display: none;
        }

        .user-info-wrapper {
            padding: 10px;
        }


        .green-circle {
            background-color: green;
            border: 2px solid white;
        }

        .grey-circle {
            background-color: grey;
            border: 2px solid white;
        }

        /* Add this to your CSS file or style section */
        @media (max-width: 767px) {
            .circle {
                width: 25px;
                height: 25px;
                border-radius: 50%;
                position: absolute;
                right: 102px;
                top: 155px;
            }
        }

    </style>

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    

    

    
    
    
    
    
    
    
    
    
    

    
    
    
    

    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    

    
    
    
    

    
    

    
    
    

    
    
    
    
    
    


</head>
<!-- Body-->
<body class="
        body_theme2
        ">

<!-- Preloader Start -->

<style>
    #point_value {
        font-size: 16px;
    }
</style>
<!-- Preloader endif -->


<!-- Header-->
<header class="site-header navbar-sticky">
    <div class="menu-top-area">
        <div class="container">
            <div class="row">
                
                
                
                
                
                
                
                
                <div class="col-md-12 float-right">
                    <div class="right-area header-buttons">

                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        
                        <a class="track-order-link mr-0"
                           href=" https://t.me/securelabbd ">
                            <button class="btn btn-sm btn-primary" style=" background-color: #04527c !important;">
                                Helpline
                            </button>
                        </a>
                        <div class="login-register">
                                                            <a class="track-order-link mr-0" href="<?php echo e(route('home')); ?>">
                                    <button class="btn btn-sm btn-warning"
                                            style="background-color: #d77e04 !important;">
                                        Dashboard
                                    </button>
                                </a>
                                <a class="track-order-link mr-0" href="<?php echo e(route('user.logout')); ?>">
                                    <button class="btn btn-sm btn-warning"
                                            style="background-color: #b93d22 !important;">
                                        Logout
                                    </button>
                                </a>
                                                    </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Topbar-->
    <div class="topbar">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="d-flex justify-content-between">
                        <!-- Logo-->
                        <div class="site-branding"><a class="site-logo align-self-center"
                                                      href="<?php echo e(route('user.home')); ?>"><img src="<?php echo e(asset('assets/images/logoIcon/logo.png')); ?>" alt="logo" class="logo" style="max-height: 45px;"></a>
                        </div>
                        <!-- Search / Categories-->
                        
                        <!-- Toolbar-->
                        <div class="toolbar d-flex">
                            <div class="toolbar-item visible-on-mobile"
                                 onclick="sidebar()">
                                <a href="#">
                                    <div><img src="https://i.postimg.cc/sDh0zJF6/menu-2976215.png" height="20px" width="20px" /><span class="text-label">Menu</span></div>
                                </a>
                            </div>

                            <div class="mobile-sidebar user-info-wrapper" id="mobile-sidebar">
                                <!-- Logo-->
                                <div class="logo-container text-center p-5 border-bottom">
                                    <a class="logo-link align-self-center"
                                       href="<?php echo e(route('user.home')); ?>"><img src="<?php echo e(asset('assets/images/logoIcon/logo.png')); ?>" alt="logo" class="logo" style="max-height: 45px;"></a>
                                </div>
                               


                
</header>
<!-- Page Content-->

    <!-- Page Title-->
   
    
    <div class="page-title" style="margin-bottom: 40px; border-top: none !important">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 bg-info pt-3 pb-2 text-white">
                    <marquee behavior="" direction="">                            <b class="border px-2 text-dark py-2" style="background-color: #fff;">অফার</b>:
                            Happy New Year দি সপেক্স নেটওয়ার্কে আপনি এখন হতে পারেন প্রিমিয়াম মেম্বার এবং পেতে পারেন এক্সট্রা অনেক লাভ। সঙ্গেই থাকুন। ,
                                                    <b class="border px-2 text-dark py-2" style="background-color: #fff;">বিশেষ অনুরোধ</b>:
                            আমাদের কাছে অনেক ক্লায়েন্ট রিপোর্ট করেছেন যে, পেইজে লাইক দেওয়ার পর আবার আপনারা পেইজ আনলাইক করে দিচ্ছেন। অনুগ্রহ করে এটা করবেন না। আমাদের ইনকাম সোর্স এই সব সম্মানিত ক্লায়েন্ট। তাই অনুগ্রহ করে সততার সাথে কাজ করুন। ,
                                                    <b class="border px-2 text-dark py-2" style="background-color: #fff;">বিশেষ অনুরোধ</b>:
                            অনুগ্রহ করে সম্পূর্ণ নোটিশটি পড়ুন। আপনার সততায় আমাদের সম্বল। তাই দয়া করে টাক্স এ কাজ করার সময় সকল কাজ সম্পন্ন করে তারপর টাক্স সাবমিট দিবেন বলে আমাদের বিশ্বাস। ,
                        </marquee>
                </div>
            </div>
        </div>
    </div>

    <!-- Page Content-->
    <div class="container padding-bottom-3x mb-1">
        <div class="row">
            <div class="col-lg-4">

    <style>
        /* Add this to your CSS file or style section */
        .circle {
            width: 25px;
            height: 25px;
            position: absolute;
            right: 185px;
            top: 155px;
            border-radius: 50%;
        }

        .mobile-sidebar {
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            overflow: auto;
            box-shadow: 0 10px 15px rgba(255, 69, 0, 0.5);
            z-index: 1000;
            display: none;
        }

        .user-info-wrapper {
            padding: 10px;
        }


        .green-circle {
            background-color: green;
            border: 2px solid white;
        }

        .orange-circle {
            background-color: orangered;
            border: 2px solid white;
        }

        .grey-circle {
            background-color: grey;
            border: 2px solid white;
        }

        /* Add this to your CSS file or style section */
        @media (max-width: 767px) {
            .circle {
                width: 25px;
                height: 25px;
                border-radius: 50%;
                position: absolute;
                right: 102px;
                top: 155px;
            }
        }

    </style>

    <aside class="user-info-wrapper" id="desktop-sidebar">
        <div class="user-info">
            <h5 class="py-3"></h5>
            <div class="user-avatar">
                <img id="avater_photo_view"
                     src="/profile.png"
                     alt="User">
                                    <div class=""
                         title="">
                                                    <i class="fa fa-check text-white"></i>
                                            </div>
                            </div>
            <div>
                                    <span class="badge badge-primary p-3 mt-3">GENERAL MEMBER</span>
                            </div>

            <div class="user-data mb-3">
                <h4 class="h5"><?php echo e($user->firstname); ?> <?php echo e($user->lastname); ?></h4>
                                <span>Sponsored by : <br> <b><?php echo e(session()->get('reference')); ?></b></span>
            </div>
                    </div>


        <div class="userearning text-center pb-2">
            <div class="card border-primary shadow">
                <div class="card-header bg-info text-white">
                    <h4 class="text-bolder text-white">EARNINGS</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-6 col-md-6 mb-3">
                            <div class="bg-warning text-center py-3 rounded-top">
                                <span class="d-block text-white earning-amount"><?php echo e(showAmount($user->balance)); ?> <?php echo e($general->cur_text); ?></span>
                            </div>
                            <div class="bg-primary text-center p-0">
                                <span class="d-block text-white p-2 bolder">TOTAL BALANCE</span>
                            </div>
                        </div>
                        <div class="col-6 col-md-6 mb-3">
                            <div class="bg-warning text-center p-3 rounded-top">
                                <span class="d-block text-white earning-amount"><?php echo e(showAmount($user->withdrawals->where('status',1)->sum('amount'))); ?> <?php echo e($general->cur_text); ?></span>
                            </div>
                            <div class="bg-primary text-center p-0">
                                <span class="d-block text-white p-2 bolder">TOTAL WITHDRAW</span>
                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>


        <nav class="list-group">
            <a class="list-group-item active"
               href="<?php echo e(route('home')); ?>">Dashboard</a>

                            <a class="list-group-item" title="This section under development."
                   href="<?php echo e(route('plans')); ?>">Become Premium Member <span class="badge badge-danger"
                                                                                             style="font-size: 10px">HOT</span></a>
                        <a class="list-group-item " title="Available"
               href="<?php echo e(route('user.ptc.index')); ?>"></i>My Jobs <span
                        class="badge badge-success" style="font-size: 10px">NEW</span></a>

                            <a class="list-group-item" title="Enjoy"
                   href="">Lottery<span class="badge badge-info"
                                                                               style="font-size: 10px">Cooming Soon</span></a>
            
                <a class="list-group-item" title="This section under development."
                   href="">
                    Help the poor <span class="badge badge-danger"
                                                                                style="font-size: 10px">Processing</span></a>
                                                                                
                                                                                <a class="list-group-item with-badge "
               href="<?php echo e(route('user.deposit.index')); ?>">Deposit</a>

            <a class="list-group-item with-badge "
               href="<?php echo e(route('user.withdraw')); ?>">Withdraws</a>

           

            <a class="list-group-item with-badge "
               href="<?php echo e(route('user.referred')); ?>">Sponsor List</a>
            <a class="list-group-item" title="This section under development."
               href="<?php echo e(route('user.ptc.ads')); ?>">Promote Your Business <span class="badge badge-danger"
                                                                                            style="font-size: 10px">New</span></a>
            <a class="list-group-item" title="This section under development."
               href="https://blood.theshopx.net/get-logged-in?uid=eyJpdiI6IkNRRlIwdEpZMFNibEo2SlE4RnFHUXc9PSIsInZhbHVlIjoiN0dkVXUyWENsQndmbXZyWlJYOVJXQT09IiwibWFjIjoiYTJhYzk3ZjIyMjI3ZWZjM2M5ZTkyNWUyZTE3YTkzZWQ4MjA0ZTFkMGU4YzliMDZhYTE0ZTEwZDgwNzMxOWQ5OCJ9">Blood Donate <span class="badge badge-danger"
                                                                                style="font-size: 10px">Cooming Soon</span></a>
            <a class="list-group-item "
               href="<?php echo e(route('ticket.index')); ?>">Support Ticket</a>


            <a class="list-group-item "
               href="<?php echo e(route('user.profile.setting')); ?>">Profile</a>

            <a class="list-group-item with-badge" href="<?php echo e(route('user.logout')); ?>">Log out</a>
        </nav>
    </aside>


    <div class="mobile-sidebar user-info-wrapper " id="mob-sidebar">
        <div class="user-info">
            

            <div class="user-avatar">

                <img id="avater_photo_view"
                     src="/profile.png"
                     alt="User">
                                    <div class=""
                         title="">
                                                    <i class="fa fa-check text-white"></i>
                                            </div>
                            </div>
            <div>
                                    <span class="badge badge-primary p-3 mt-3">GENERAL MEMBER</span>
                            </div>

            <div class="user-data mb-3">
                <h4 class="h5"><?php echo e($user->firstname); ?> <?php echo e($user->lastname); ?></h4>
                                <span>Sponsored by : <br> <b><?php echo e(session()->get('reference')); ?></b></span>
            </div>
                    </div>


        <div class="userearning text-center pb-2">
            <div class="card border-primary shadow">
                <div class="card-header bg-info text-white">
                    <h4 class="text-bolder text-white">EARNINGS</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-6 col-md-6 mb-3">
                            <div class="bg-warning text-center py-3 rounded-top">
                                <span class="d-block text-white earning-amount"><?php echo e(showAmount($user->balance)); ?> <?php echo e($general->cur_text); ?></span>
                            </div>
                            <div class="bg-primary text-center p-0">
                                <span class="d-block text-white p-2 bolder">TOTAL BALANCE</span>
                            </div>
                        </div>
                        <div class="col-6 col-md-6 mb-3">
                            <div class="bg-warning text-center p-3 rounded-top">
                                <span class="d-block text-white earning-amount"><?php echo e(showAmount($user->withdrawals->where('status',1)->sum('amount'))); ?> <?php echo e($general->cur_text); ?></span>
                            </div>
                            <div class="bg-primary text-center p-0">
                                <span class="d-block text-white p-2 bolder">TOTAL WITHDRAW</span>
                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>



        <nav class="list-group">
            <a class="list-group-item active"
               href="<?php echo e(route('home')); ?>">Dashboard</a>

                            <a class="list-group-item" title="This section under development."
                   href="<?php echo e(route('plans')); ?>">Become Premium Member <span class="badge badge-danger"
                                                                                             style="font-size: 10px">HOT</span></a>
                        <a class="list-group-item " title="Available"
               href="<?php echo e(route('user.ptc.index')); ?>"></i>My Jobs <span
                        class="badge badge-success" style="font-size: 10px">NEW</span></a>

                            <a class="list-group-item" title="Enjoy"
                   href="">Lottery<span class="badge badge-info"
                                                                               style="font-size: 10px">Cooming Soon</span></a>
            
                <a class="list-group-item" title="This section under development."
                   href="">
                    Help the poor <span class="badge badge-danger"
                                                                                style="font-size: 10px">Processing</span>
                                                                                </a>
                                                                                
                                                                                <a class="list-group-item with-badge "
               href="<?php echo e(route('user.deposit.index')); ?>">Deposit</a>

            <a class="list-group-item with-badge "
               href="<?php echo e(route('user.withdraw')); ?>">Withdraws</a>

           

            <a class="list-group-item with-badge "
               href="<?php echo e(route('user.referred')); ?>">Sponsor List</a>
            <a class="list-group-item" title="This section under development."
               href="<?php echo e(route('user.ptc.ads')); ?>">Promote Your Business <span class="badge badge-danger"
                                                                                            style="font-size: 10px">New</span></a>
            <a class="list-group-item" title="This section under development."
               href="https://blood.theshopx.net/get-logged-in?uid=eyJpdiI6IkNRRlIwdEpZMFNibEo2SlE4RnFHUXc9PSIsInZhbHVlIjoiN0dkVXUyWENsQndmbXZyWlJYOVJXQT09IiwibWFjIjoiYTJhYzk3ZjIyMjI3ZWZjM2M5ZTkyNWUyZTE3YTkzZWQ4MjA0ZTFkMGU4YzliMDZhYTE0ZTEwZDgwNzMxOWQ5OCJ9">Blood Donate <span class="badge badge-danger"
                                                                                style="font-size: 10px">Cooming Soon</span></a>
            <a class="list-group-item "
               href="<?php echo e(route('ticket.index')); ?>">Support Ticket</a>


            <a class="list-group-item "
               href="<?php echo e(route('user.profile.setting')); ?>">Profile</a>

            <a class="list-group-item with-badge" href="<?php echo e(route('user.logout')); ?>">Log out</a>
        </nav>
    
    </div>

    <div class="modal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Remove Account</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Are You Sure?</p>
                    <p>Do you remove you account?</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <a href="https://theshopx.net/user/remove/account" type="button"
                       class="btn btn-danger">Remove Account</a>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    function sidebar() {
        document.getElementById("mob-sidebar").style.display = "block";

        var fireColors = ['#ff9900', '#ff3300', '#ff0000', '#990000'];

        var count = 100;
        var defaults = {
            origin: {y: 1}
        };

        function fire(particleRatio, opts) {
            confetti(Object.assign({}, defaults, opts, {
                particleCount: Math.floor(count * particleRatio),
                colors: fireColors
            }));
        }

        fire(0.25, {
            spread: 26,
            startVelocity: 55,
        });
        fire(0.2, {
            spread: 60,
        });
        fire(0.35, {
            spread: 100,
            decay: 0.91,
            scalar: 0.8
        });
        fire(0.1, {
            spread: 120,
            startVelocity: 25,
            decay: 0.92,
            scalar: 1.2
        });
        fire(0.1, {
            spread: 120,
            startVelocity: 45,
        });
    }

    function closeSidebar() {
        document.getElementById("mob-sidebar").style.display = "none";
    }

    document.addEventListener('mouseup', function (e) {
        var container = document.getElementById('mob-sidebar');
        if (!container.contains(e.target)) {
            container.style.display = 'none';
        }
    });
</script>

            <div class="col-lg-8">
                <div class="padding-top-2x mt-2 hidden-lg-up"></div>
                <div class="row u-d-d">
                                        

                    <div class="col-md-12 mb-4 p-3">
                        <div class="card">
                            <div class="row">
                                <div class="col-md-6">
                                    <img src="https://i.postimg.cc/L6tdfYRs/1706563335507-100.png" style="border-radius: 10px;;" alt="App Image" class="card-img">
                                </div>
                                <div class="col-md-6">
                                    <div class="card-body text-center">
                                        <h2 class="card-title font-weight-bold" style="font-weight: bolder">Download Our App</h2>
                                        <p class="card-text">Master Copy By Securelabbd</p>
                                        <a target="_blank" href="https://t.me/securelabbd" class="btn btn-primary m-2" >Download App</a>
                                        <p class="text-center text-danger">App version : v1.0 - Released 01-01-2024</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                    <div class="col-md-12 mb-4">
                        <div class="card round">
                            <div class="card-body text-center">
                                                                <img width="20%" src="https://theshopx.net/assets/files/telegram.png" alt="Telegram Channel">
                                <p class="mt-3">আমাদের অফিসিয়াল Telegram গ্রুপ এ নিচের বাটনে ক্লিক করে জয়েন করুন</p>
                                <a target="_blank"
                                   href="https://t.me/securelabbd">
                                    <button class="btn btn-primary">JOIN হতে এইখানে ক্লিক করুন</button>
                                </a>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 text-center py-3">
                        <div class="alert alert-success">
                            <h5>
                                <strong>আপনার রেফার লিংক: </strong>
                            </h5>
                            <style>
                                .sharebtn {
                                    font-size: 12px;
                                }

                                .sharebtn i {
                                    width: 25px;
                                    height: 25px;
                                    line-height: 25px;
                                    font-size: 18px;
                                }
                            </style>
                            
                            
                            <p class="text-danger"
                               id="refLink"><?php echo e(route('home')); ?>?reference=<?php echo e($user->username); ?></p>
                            <p class="text-danger">
                                <a id="shareLink" href="javascript:void(0);">
                                    <button class="btn btn-white sharebtn" id="copyButton" onclick="copyACNumber()">
                                    <img src="https://i.postimg.cc/J7cG2f0P/share-1358023.png" height="20px" width="20px" /> শেয়ার করুন
                                    </button>
                                </a>
                                <button class="btn btn-white sharebtn" id="copyButton" onclick="copyACNumber()">
                                    <img src="https://i.postimg.cc/8zdWB7WP/copy-4083827.png" height="20px" width="20px" /> কপি করুন
                                </button>
                            </p>
                        </div>
                    </div>


                    <div class="col-md-12 text-center py-3">
                        <div class="alert alert-info">
                            <h5>
                                <strong>আপনার একাউন্ট নম্বর ও রেফার আই.ডি </strong>
                            </h5>
                            <h5 class="text-danger" id="acNumber"><?php echo e($user->username); ?></h5>
                            <p class="text-danger">
                                <button class="btn btn-white sharebtn" id="copyButton" onclick="copyACNumber()">
                                    <img src="https://i.postimg.cc/8zdWB7WP/copy-4083827.png" height="20px" width="20px" /> কপি করুন
                                </button>
                            </p>
                        </div>
                    </div>

                    <div class="col-md-12 mb-4">
                        <div class="card round">
                            <div class="card-header text-center bg bg-primary">
                                <h5 class="text-bolder text-white">Notice Board</h5>
                            </div>
                            <div class="card-body text-center">
                                <style>
                                    .notice-slider {
                                        height: 300px; /* Set your preferred height */
                                        overflow: hidden;
                                        border: 1px solid #ccc;
                                    }

                                    .notice-list {
                                        list-style: none;
                                        padding: 0;
                                        margin: 0;
                                        animation: ticker 30s infinite linear;
                                    }

                                    .notice-item {
                                        padding: 10px;
                                        border-bottom: 1px solid #ccc;
                                    }

                                    .notice-item a {
                                        color: blue;
                                        text-decoration: none;
                                    }

                                    @keyframes  ticker {
                                        0% {
                                            transform: translateY(0);
                                        }
                                        100% {
                                            transform: translateY(-100%);
                                        }
                                    }
                                </style>
                                <div class="notice-slider">
                                    <ul class="notice-list">
                                                                                    <li class="notice-item">
                                                <b>অফার</b>
                                                <br>
                                                Happy New Year দি সপেক্স নেটওয়ার্কে আপনি এখন হতে পারেন প্রিমিয়াম মেম্বার এবং পেতে পারেন এক্সট্রা অনেক লাভ। সঙ্গেই থাকুন।
                                            </li>
                                                                                    <li class="notice-item">
                                                <b>বিশেষ অনুরোধ</b>
                                                <br>
                                                আমাদের কাছে অনেক ক্লায়েন্ট রিপোর্ট করেছেন যে, পেইজে লাইক দেওয়ার পর আবার আপনারা পেইজ আনলাইক করে দিচ্ছেন। অনুগ্রহ করে এটা করবেন না। আমাদের ইনকাম সোর্স এই সব সম্মানিত ক্লায়েন্ট। তাই অনুগ্রহ করে সততার সাথে কাজ করুন।
                                            </li>
                                                                                    <li class="notice-item">
                                                <b>বিশেষ অনুরোধ</b>
                                                <br>
                                                অনুগ্রহ করে সম্পূর্ণ নোটিশটি পড়ুন। আপনার সততায় আমাদের সম্বল। তাই দয়া করে টাক্স এ কাজ করার সময় সকল কাজ সম্পন্ন করে তারপর টাক্স সাবমিট দিবেন বলে আমাদের বিশ্বাস।
                                            </li>
                                                                            </ul>
                                </div>

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


                    <div class="col-md-12 mb-4">
                         <style>
                                    .center-box {
                                        background: #377DFF;
  text-align: center;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
                                    }
                                </style>
                        <div class="center-box">
                             <h5 class="text-bolder text-white">Wallet List</h5>
  </div>
                    </div>
                </div>
                <div class="padding-top-2x mt-2 hidden-lg-up"></div>
                <div class="row u-d-d">
                    <div class="col-md-12 mb-4">
                        <div class="card round">
                            <div class="card-body text-center">
                                <img src="https://i.postimg.cc/90X8YPRV/dollar-5926585.png" height="50px" width="50px" />
                                <p class="mt-3">My Balance</p>
                                <h4><b><?php echo e(showAmount($user->balance)); ?> <?php echo e($general->cur_text); ?></b></h4>
                                 <a href="<?php echo e(route('user.withdraw')); ?>" class="btn btn-primary btn-sm"><span>Withdraw Now</span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-4">
                        <div class="card round">
                            <div class="card-body text-center">
                                <img src="https://i.postimg.cc/90X8YPRV/dollar-5926585.png" height="50px" width="50px" />
                                <p class="mt-3">Total Deposit</p>
                                <h4><b><?php echo e(showAmount($user->deposits->sum('amount'))); ?> <?php echo e($general->cur_text); ?></b></h4>
                                                                   
                                                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-4">
                        <div class="card round">
                            <div class="card-body text-center">
                               <img src="https://i.postimg.cc/90X8YPRV/dollar-5926585.png" height="50px" width="50px" />
                                <p class="mt-3">Total Withdraw</p>
                                <h4><b><?php echo e(showAmount($user->withdrawals->where('status',1)->sum('amount'))); ?> <?php echo e($general->cur_text); ?></b></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

   
<!-- Backdrop-->
<div class="site-backdrop"></div>

<!-- Cookie alert dialog  -->
    
<!-- Cookie alert dialog  -->



<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    var mainbs = {"is_announcement":"0","announcement_delay":"1.00","overlay":null};
    var decimal_separator = '.';
    var thousand_separator = ',';
</script>

<!-- JavaScript (jQuery) libraries, plugins and custom scripts-->
<script type="text/javascript" src="https://theshopx.net/assets/front/js/plugins.min.js"></script>
<script type="text/javascript"
        src="https://theshopx.net/assets/back/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
<script type="text/javascript" src="https://theshopx.net/assets/front/js/scripts.min.js"></script>
<script type="text/javascript" src="https://theshopx.net/assets/front/js/lazy.min.js"></script>
<script type="text/javascript" src="https://theshopx.net/assets/front/js/lazy.plugin.js"></script>
<script type="text/javascript" src="https://theshopx.net/assets/front/js/myscript.js"></script>
<script type="text/javascript" src="https://theshopx.net/assets/front/js/animate.min.js"></script>

    <script>

        function refreshData() {
            // Capture the clicked button's context
            var $this = $(this);

            // Access data-type attribute using .data()
            var type = $this.data('type');

            var csrfToken = $('meta[name="csrf-token"]').attr('content');


            // Make an AJAX request to the specified route with the default parameter
            $.ajax({
                type: 'POST',
                url: 'https://theshopx.net/user/update-total-data',

                data: {
                    type: type
                },
                headers: {
                    'X-CSRF-TOKEN': csrfToken
                },
                success: function (data) {
                    // If the AJAX request is successful, refresh the page
                    location.reload();
                },
                error: function (xhr, status, error) {
                    // Handle errors if needed
                    console.error(xhr.responseText);
                }
            });
        }


    </script>


    

    <script type="text/javascript" src="https://theshopx.net/assets/howler.min.js"></script>

    <script>
        function playSound() {
            let sound = new Howl({
                src: ['https://theshopx.net/assets/welcome.aac'],
                onplay: function () {
                    // Store the current timestamp as a cookie
                    document.cookie = 'soundStartTime=' + Date.now() + '; expires=' + new Date(Date.now() + 2 * 60 * 60 * 1000).toUTCString() + '; path=/';
                }
            });

            sound.play();
        }

        function checkCookieAndPlay() {
            const cookies = document.cookie.split('; ');
            let soundStartTime = null;

            for (let i = 0; i < cookies.length; i++) {
                const cookieParts = cookies[i].split('=');
                if (cookieParts[0] === 'soundStartTime') {
                    soundStartTime = parseInt(cookieParts[1]);
                    break;
                }
            }

            if (soundStartTime !== null) {
                const currentTime = Date.now();
                const elapsedTime = currentTime - soundStartTime;
                const twoHoursInMilliseconds = 2 * 60 * 60 * 1000; // 2 hours in milliseconds

                if (elapsedTime >= twoHoursInMilliseconds) {
                    playSound();
                }
            } else {
                playSound();
            }
        }

        // Call the function to check the cookie and play the sound
        checkCookieAndPlay();
    </script>



    <script>
        function copyRefLink() {
            var refLink = document.getElementById("refLink");
            var tempInput = document.createElement("input");
            tempInput.value = refLink.innerText;
            document.body.appendChild(tempInput);
            tempInput.select();
            document.execCommand("copy");
            document.body.removeChild(tempInput);
            alert("Referral link copied to clipboard!");
        }

        function copyACNumber() {
            var refLink = document.getElementById("acNumber");
            var tempInput = document.createElement("input");
            tempInput.value = refLink.innerText;
            document.body.appendChild(tempInput);
            tempInput.select();
            document.execCommand("copy");
            document.body.removeChild(tempInput);
            alert("Account number copied!");
        }

        document.addEventListener("DOMContentLoaded", function () {
            var shareLinkButton = document.getElementById("shareLink");

            shareLinkButton.addEventListener("click", function () {
                if (navigator.share) {
                    // Use Web Share API for mobile devices
                    navigator.share({
                        title: "Share this referral link",
                        url: 'https://theshopx.net/user/login?by=000271313'
                    }).then(() => {
                        console.log("Link shared successfully!");
                    }).catch((error) => {
                        console.error("Error sharing link:", error);
                    });
                } else {
                    // Fallback for non-mobile devices
                    // You can integrate a third-party sharing library here
                    alert("Sharing options not supported on this device.");
                }
            });
        });
    </script>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            var end = Date.now() + (2 * 1000);
            var fireColors = ['#ff9900', '#ff3300', '#ff0000', '#990000'];

            (function frame() {
                confetti({
                    particleCount: 2,
                    angle: 60,
                    spread: 55,
                    origin: {x: 0, y: 1},
                    colors: fireColors
                });
                confetti({
                    particleCount: 2,
                    angle: 120,
                    spread: 55,
                    origin: {x: 1, y: 1},
                    colors: fireColors
                });

                if (Date.now() < end) {
                    requestAnimationFrame(frame);
                }
            })();

            var count = 200;
            var defaults = {
                origin: {y: 1}
            };

            function fire(particleRatio, opts) {
                confetti(Object.assign({}, defaults, opts, {
                    particleCount: Math.floor(count * particleRatio),
                    colors: fireColors
                }));
            }

            fire(0.25, {
                spread: 26,
                startVelocity: 55,
            });
            fire(0.2, {
                spread: 60,
            });
            fire(0.35, {
                spread: 100,
                decay: 0.91,
                scalar: 0.8
            });
            fire(0.1, {
                spread: 120,
                startVelocity: 25,
                decay: 0.92,
                scalar: 1.2
            });
            fire(0.1, {
                spread: 120,
                startVelocity: 45,
            });


        });
    </script>

    <script>
        $(document).ready(function () {
            var lastCloseTime = localStorage.getItem('welcomeModalLastClose');
            var currentTime = new Date().getTime();
            var todayMidnight = new Date();
            todayMidnight.setHours(0, 0, 0, 0);
            var nextMidnight = new Date(todayMidnight);
            nextMidnight.setDate(todayMidnight.getDate() + 1);

            if (!lastCloseTime || parseInt(lastCloseTime) < todayMidnight.getTime()) {
                $('#welcomeModal').modal('show');
            }

            $('#welcomeModal').on('hide.bs.modal', function () {
                localStorage.setItem('welcomeModalLastClose', new Date().getTime());
            });

            // Attach click event handler to the close button
            $('.close').click(function () {
                $('#welcomeModal').modal('hide'); // Manually hide the modal
                localStorage.setItem('welcomeModalLastClose', new Date().getTime());
            });
        });
    </script>

    <script>
        $(document).ready(function () {
            var currentTime = new Date().getHours();
            var greeting = getGreetingMessage(currentTime);
            $('#greeting').text(greeting);
        });

        function getGreetingMessage(hour) {
            if (hour >= 5 && hour < 12) {
                return 'Good morning!';
            } else if (hour >= 12 && hour < 17) {
                return 'Good afternoon!';
            } else if (hour >= 17 && hour < 21) {
                return 'Good evening!';
            } else {
                return 'Good night!';
            }
        }

    </script>

<script type="text/javascript">
    let mainurl = 'https://theshopx.net';

    let view_extra_index = 0;

    // Notifications
    function SuccessNotification(title) {
        $.notify({
            title: ` <strong>${title}</strong>`,
            message: '',
            icon: 'fas fa-check-circle'
        }, {
            element: 'body',
            position: null,
            type: "success",
            allow_dismiss: true,
            newest_on_top: false,
            showProgressbar: false,
            placement: {
                from: "top",
                align: "right"
            },
            offset: 20,
            spacing: 10,
            z_index: 1031,
            delay: 5000,
            timer: 1000,
            url_target: '_blank',
            mouse_over: null,
            animate: {
                enter: 'animated fadeInDown',
                exit: 'animated fadeOutUp'
            },
            onShow: null,
            onShown: null,
            onClose: null,
            onClosed: null,
            icon_type: 'class'
        });
    }

    function DangerNotification(title) {
        $.notify({
            // options
            title: ` <strong>${title}</strong>`,
            message: '',
            icon: 'fas fa-exclamation-triangle'
        }, {
            // settings
            element: 'body',
            position: null,
            type: "danger",
            allow_dismiss: true,
            newest_on_top: false,
            showProgressbar: false,
            placement: {
                from: "top",
                align: "right"
            },
            offset: 20,
            spacing: 10,
            z_index: 1031,
            delay: 5000,
            timer: 1000,
            url_target: '_blank',
            mouse_over: null,
            animate: {
                enter: 'animated fadeInDown',
                exit: 'animated fadeOutUp'
            },
            onShow: null,
            onShown: null,
            onClose: null,
            onClosed: null,
            icon_type: 'class'
        });
    }

    // Notifications Ends
</script>



<script>
        var userStatus = '0';
    if (userStatus == 1) {
        window.location = 'https://theshopx.net/user/logout';
    }
    </script>

<script>
    const noticeSlider = document.querySelector('.notice-list');

    // Pause the animation on hover
    noticeSlider.addEventListener('mouseover', () => {
        noticeSlider.style.animationPlayState = 'paused';
    });

    // Resume the animation on mouseout
    noticeSlider.addEventListener('mouseout', () => {
        noticeSlider.style.animationPlayState = 'running';
    });
</script>


<script>
    function openFrontSidebar() {
        document.getElementById("mobile-sidebar").style.display = "block";
    }

    function closeFrontSidebar() {
        document.getElementById("mobile-sidebar").style.display = "none";
    }

    document.addEventListener('mouseup', function (e) {
        var container = document.getElementById('mobile-sidebar');
        if (!container.contains(e.target)) {
            container.style.display = 'none';
        }
    });
</script>

</body>
</html>
<?php /**PATH /home/alabbd/4.alabbd.xyz/core/resources/views/templates/smartlab/user/dashboard.blade.php ENDPATH**/ ?>