@section('content')
@php
    $kycInfo = getContent('kyc_info.content',true);
@endphp


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

    <!-- 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-->
<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;">
                                <i class="fas fa-headset"></i> Helpline
                            </button>
                        </a>
                        <div class="login-register">
                                                            <a class="track-order-link mr-0" href="{{ route('home') }}">
                                    <button class="btn btn-sm btn-warning"
                                            style="background-color: #d77e04 !important;">
                                        <i class="fas fa-tachometer-alt"></i> Dashboard
                                    </button>
                                </a>
                                <a class="track-order-link mr-0" href="{{ route('user.logout') }}">
                                    <button class="btn btn-sm btn-warning"
                                            style="background-color: #b93d22 !important;">
                                        <i class="fas fa-sign-out-alt"></i> 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="{{ route('home') }}"><img src="{{ 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><i class="icon-menu"></i><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="{{ route('home') }}"><img src="{{ 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:0">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="breadcrumbs">
                        <li><a href="front.index">Home</a></li>
                        <li class="separator"></li>
                        <li>Welcome Back </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    
    <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=""
                     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">{{ $user->firstname }} {{ $user->lastname }}</h4>
                                <span>Sponsored by : <br> <b>{{ 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">{{ showAmount($user->balance) }} {{ $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">{{ showAmount($user->withdrawals->where('status',1)->sum('amount')) }} {{ $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="{{ route('home') }}"><i class="icon-command"></i>Dashboard</a>

            <a class="list-group-item "
               href="/core/resources/views/templates/smartlab/user/mywallet.php"><i class="fa fa-wallet"></i>My Wallet</a>
            <a class="list-group-item" title="This section under development."
               href=""><i
                        class="icon-file-text"></i>Sub Accounts <span class="badge badge-danger"
                                                                                style="font-size: 10px">Upcoming</span></a>
            <a class="list-group-item" title="This section under development."
               href=""><i
                        class="icon-file-text"></i>Emergency Loan <span class="badge badge-danger"
                                                                                style="font-size: 10px">Upcoming</span></a>
                            <a class="list-group-item" title="This section under development."
                   href="https://theshopx.net/user/upgrade-membership"><i
                            class="icon-file-text"></i>Become Premium Member <span class="badge badge-danger"
                                                                                             style="font-size: 10px">HOT</span></a>
                        <a class="list-group-item " title="Available"
               href="https://theshopx.net/user/my-task"><i class="icon-file-text"></i>My Jobs <span
                        class="badge badge-success" style="font-size: 10px">NEW</span></a>

                            <a class="list-group-item" title="Enjoy"
                   href="https://lottery.theshopx.net/user-login/eyJpdiI6InVnSit1YzFmQ0diblJsSnUvUzdlZHc9PSIsInZhbHVlIjoicnpuZDhJakF2OVBxZDZEd0RCME1RQT09IiwibWFjIjoiNWNmMmNhY2Q2NTcyZjg2ZGVkMjQ4ZTU2ZjNmN2EyZTUxYTliZTdhYzNhYzAwMmNkOWZiMTBmNGVhMGFhNTA2NSJ9"><i
                            class="icon-file-text"></i>Lottery <span class="badge badge-info"
                                                                               style="font-size: 10px">HOT</span></a>
            
                <a class="list-group-item" title="This section under development."
                   href="https://theshopx.net/user/help-the-poor">
                    <i class="icon-file-text"></i>Help the poor <span class="badge badge-danger"
                                                                                style="font-size: 10px">NEW</span></a>

            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/withdraw"><i class="fas fa-list-ol"></i>Withdraws</a>

            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/transfer"><i class="fa fa-credit-card"></i>Transfer Balance</a>

            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/generation"><i class="fa fa-tree-decorated"></i>Sponsor List</a>
            <a class="list-group-item" title="This section under development."
               href="https://theshopx.net/catalog"><i class="icon-file-text"></i>Buy Products <span
                        class="badge badge-danger"
                        style="font-size: 10px">NEW</span></a>

            
            <a class="list-group-item" title="This section under development."
               href="#"><i class="icon-file-text"></i>Promote Your Business <span class="badge badge-danger"
                                                                                            style="font-size: 10px">Processing</span></a>
            <a class="list-group-item" title="This section under development."
               href="https://blood.theshopx.net/get-logged-in?uid=eyJpdiI6IkwySlNVVFdhSFdRNllOZjR2VVBlUGc9PSIsInZhbHVlIjoicWZrRUdJZVpqQXc2dWZrRW5LL2liQT09IiwibWFjIjoiOTI3ODY0ZTcwNThlZGYyNGRlODRhYzQ0MjVkODEwMWRkZjczNDIwYjQwYTQyMmQyNzIwMTdkYzU2ZmIwNGU2ZSJ9"><i
                        class="icon-file-text"></i>Blood Donate <span class="badge badge-danger"
                                                                                style="font-size: 10px">Processing</span></a>


            

            <a class="list-group-item" title="Available"
               href="https://theshopx.net/customer-reviews"><i class="icon-file-text"></i>Member Reviews <span
                        class="badge badge-success" style="font-size: 10px">NEW</span></a>

            <a class="list-group-item" title="This section under development."
               href="#"><i class="icon-file-text"></i>Become our Partner <span class="badge badge-danger"
                                                                                         style="font-size: 10px">Upcoming</span></a>
            <a class="list-group-item" title="This section under development."
               href="#"><i class="icon-file-text"></i>Deliver and Earn <span class="badge badge-danger"
                                                                                       style="font-size: 10px">Upcoming</span></a>


            <a class="list-group-item "
               href="https://theshopx.net/user/ledgers"><i class="icon-file-text"></i>My Ledgers</a>
            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/orders"><i class="icon-shopping-bag"></i>Orders<span
                        class="badge badge-default badge-pill">0</span></a>
            <a class="list-group-item "
               href="https://theshopx.net/user/addresses"><i class="icon-map-pin"></i>Address</a>

            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/payment"><i class="fa fa-credit-card"></i>Payments</a>


            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/notice"><i class="fa fa-bell"></i>Notice</a>


            <a class="list-group-item "
               href="https://theshopx.net/user/ticket"><i class="icon-file-text"></i>Support Ticket</a>


            <a class="list-group-item "
               href="https://theshopx.net/user/profile"><i class="icon-user"></i>Profile</a>

            <a class="list-group-item with-badge" href="https://theshopx.net/user/logout"><i
                        class="icon-log-out"></i>Log out</a>
        </nav>
    </aside>


    <div class="mobile-sidebar user-info-wrapper " id="mob-sidebar">
        <div class="user-info">
            <h5 class="py-3">01:00:19 AM</h5>

            <div class="user-avatar">

                <img id="avater_photo_view"
                     src="https://theshopx.net/assets/images/placeholder.png"
                     alt="User">
                                    <div class="circle  green-circle "
                         title="Verified">
                                                    <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">Sabu Bhai</h4>
                <span>Joined : <br> <b>8th Sep 2023</b></span>
                <span>Sponsored by : <br> <b>Alamgir 4.0 (9533774345)</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">Tk.66.00</span>
                            </div>
                            <div class="bg-primary text-center p-0">
                                <span class="d-block text-white p-2 bolder">TOTAL</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">Tk.0.00</span>
                            </div>
                            <div class="bg-primary text-center p-0">
                                <span class="d-block text-white p-2 bolder">TODAY</span>
                            </div>
                        </div>
                    </div>
                                    </div>
            </div>
        </div>


        <nav class="list-group">
            <a class="list-group-item "
               href="https://theshopx.net/user/dashboard"><i class="icon-command"></i>Dashboard</a>

            <a class="list-group-item active"
               href="https://theshopx.net/user/wallets"><i class="fa fa-wallet"></i>My Wallet</a>
            <a class="list-group-item" title="This section under development."
               href=""><i
                        class="icon-file-text"></i>Sub Accounts <span class="badge badge-danger"
                                                                                style="font-size: 10px">Upcoming</span></a>
            <a class="list-group-item" title="This section under development."
               href=""><i
                        class="icon-file-text"></i>Emergency Loan <span class="badge badge-danger"
                                                                                  style="font-size: 10px">Upcoming</span></a>
                            <a class="list-group-item" title="This section under development."
                   href="https://theshopx.net/user/upgrade-membership"><i
                            class="icon-file-text"></i>Become Premium Member <span class="badge badge-danger"
                                                                                             style="font-size: 10px">HOT</span></a>
                        <a class="list-group-item " title="Available"
               href="https://theshopx.net/user/my-task"><i class="icon-file-text"></i>My Jobs <span
                        class="badge badge-success" style="font-size: 10px">NEW</span></a>

                            <a class="list-group-item" title="Enjoy"
                   href="https://lottery.theshopx.net/user-login/eyJpdiI6Ik5nK0F6dHJ5TGNzUTZnUGR2VWZmblE9PSIsInZhbHVlIjoiNmpzbUNuNEtTdHdpZ3NUVXpQZ01yQT09IiwibWFjIjoiZTI4Y2ZmZTgzNzY0YzQ1MmE0OWE3NTMwZGQ4Nzg5NjI4NTk3ZDdmODBmYmI5YzkzYmJiODZkMWRmNWQ1ZmRhNCJ9"><i
                            class="icon-file-text"></i>Lottery <span class="badge badge-info"
                                                                               style="font-size: 10px">HOT</span></a>
                        <a class="list-group-item" title="This section under development."
               href="https://theshopx.net/user/help-the-poor">
                <i class="icon-file-text"></i>Help the poor <span class="badge badge-danger"
                                                                            style="font-size: 10px">NEW</span></a>
            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/withdraw"><i class="fas fa-list-ol"></i>Withdraws</a>

            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/transfer"><i class="fa fa-credit-card"></i>Transfer Balance</a>

            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/generation"><i class="fa fa-tree-decorated"></i>Sponsor List</a>
            <a class="list-group-item" title="This section under development."
               href="https://theshopx.net/catalog"><i class="icon-file-text"></i>Buy Products <span
                        class="badge badge-danger"
                        style="font-size: 10px">NEW</span></a>

            
            <a class="list-group-item" title="This section under development."
               href="#"><i class="icon-file-text"></i>Promote Your Business <span class="badge badge-danger"
                                                                                            style="font-size: 10px">Processing</span></a>
            <a class="list-group-item" title="This section under development."
               href="#"><i class="icon-file-text"></i>Blood Donate <span class="badge badge-danger"
                                                                                   style="font-size: 10px">Processing</span></a>


            

            <a class="list-group-item" title="Available"
               href="https://theshopx.net/customer-reviews"><i class="icon-file-text"></i>Member Reviews <span
                        class="badge badge-success" style="font-size: 10px">NEW</span></a>

            <a class="list-group-item" title="This section under development."
               href="#"><i class="icon-file-text"></i>Become our Partner <span class="badge badge-danger"
                                                                                         style="font-size: 10px">Upcoming</span></a>
            <a class="list-group-item" title="This section under development."
               href="#"><i class="icon-file-text"></i>Deliver and Earn <span class="badge badge-danger"
                                                                                       style="font-size: 10px">Upcoming</span></a>


            <a class="list-group-item "
               href="https://theshopx.net/user/ledgers"><i class="icon-file-text"></i>My Ledgers</a>
            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/orders"><i class="icon-shopping-bag"></i>Orders<span
                        class="badge badge-default badge-pill">0</span></a>
            <a class="list-group-item "
               href="https://theshopx.net/user/addresses"><i class="icon-map-pin"></i>Address</a>

            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/payment"><i class="fa fa-credit-card"></i>Payments</a>


            <a class="list-group-item with-badge "
               href="https://theshopx.net/user/notice"><i class="fa fa-bell"></i>Notice</a>


            <a class="list-group-item "
               href="https://theshopx.net/user/ticket"><i class="icon-file-text"></i>Support Ticket</a>


            <a class="list-group-item "
               href="https://theshopx.net/user/profile"><i class="icon-user"></i>Profile</a>

            <a class="list-group-item with-badge" href="https://theshopx.net/user/logout"><i
                        class="icon-log-out"></i>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="mb-3">
                    <div class="card">
                        <div class="card-body d-flex flex-row justify-content-between align-items-center">
                            <h5 class="mb-0">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">
                                <i class="icon-shopping-bag"></i>
                                <p class="mt-3">Income Wallet</p>
                                <h4><b>৳25.00</b></h4>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-4">
                        <div class="card round">
                            <div class="card-body text-center">
                                <i class="icon-shopping-bag"></i>
                                <p class="mt-3">Shopping Wallet</p>
                                <h4><b>৳56.00</b></h4>
                                                                    <a href="https://theshopx.net/user/fifty/product" class="btn btn-primary btn-sm"><span>Buy Product</span></a>
                                                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 mb-4">
                        <div class="card round">
                            <div class="card-body text-center">
                                <i class="icon-shopping-bag"></i>
                                <p class="mt-3">Sales Wallet</p>
                                <h4><b>৳0.00</b></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!--    announcement banner section start   -->
<a class="announcement-banner" href="#announcement-modal"></a>
<div id="announcement-modal" class="mfp-hide white-popup">
            <div class="announcement-with-content">
            <div class="left-area">
                <img src="https://theshopx.net/assets/images/1638791990Untitled-1.jpg" alt="">
            </div>
            <div class="right-area">
                <h3 class="">Get 50% Discount.</h3>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, facere nesciunt doloremque nobis debitis sint?</p>
                <form class="subscriber-form" action="https://theshopx.net/subscriber/submit" method="post">
                    <input type="hidden" name="_token" value="Kq4YAmkwkP58Fqo66EqpHQFzAGWV2HYyrOVnW5to">                    <div class="input-group">
                        <input class="form-control" type="email" name="email" placeholder="Your e-mail">
                        <span class="input-group-addon"><i class="icon-mail"></i></span></div>
                    <div aria-hidden="true">
                        <input type="hidden" name="b_c7103e2c981361a6639545bd5_1194bb7544" tabindex="-1">
                    </div>

                    <button class="btn btn-primary btn-block mt-2" type="submit">
                        <span>Subscribe</span>
                    </button>
                </form>
            </div>
        </div>
    

</div>
<!--    announcement banner section end   -->

<!-- Site Footer-->
<footer class="site-footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <!-- Contact Info-->
                <section class="widget widget-light-skin">
                    <h3 class="widget-title">Get In Touch</h3>
                    <p class="mb-1"><strong>Address: </strong> Gazipur, Dhaka</p>
                    <p class="mb-1"><strong>Phone: </strong> +88019218837244</p>
                    <p class="mb-3"><strong>Email: </strong> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d0b9beb6bf90a4b8b5a3b8bfa0a8febeb5a4">[email&#160;protected]</a></p>
                    <ul class="list-unstyled text-sm">
                        <li><span class=""><strong>Monday-Friday: </strong></span>8:00 AM
                            - 11:00 PM</li>
                        <li><span class=""><strong>Saturday: </strong></span>8:00 AM
                            - 11:00 PM</li>
                    </ul>
                                        <div class="footer-social-links">
                                                    <a href="https://www.facebook.com/profile.php?id=61554296596036&amp;mibextid=gik2fB"><span><i class="fab fa-facebook-f"></i></span></a>
                                                    <a href="https://shopx100.network"><span><i class="fab fa-twitter"></i></span></a>
                                                    <a href="https://youtube.com/@Shopx100Network-?si=pDGmAQHkXg_ABwuY"><span><i class="fab fa-youtube"></i></span></a>
                                                    <a href="https://x.com/shopx100network?t=OI8gwgqTqV7Db9Kle0fCjQ&amp;s=09"><span><i class="fab fa-linkedin-in"></i></span></a>
                                                    <a href=""><span><i class="fab fa-font-awesome"></i></span></a>
                                                    <a href=""><span><i class="fab fa-font-awesome"></i></span></a>
                                            </div>
                </section>
            </div>
            <div class="col-lg-4 col-sm-6">
                <!-- Customer Info-->
                <div class="widget widget-links widget-light-skin">
                    <h3 class="widget-title">Usefull Links</h3>
                    <ul>
                                                                            <li><a href="https://theshopx.net/about-us">About Us</a></li>

                                                    <li><a href="https://theshopx.net/privacy-policy">Privacy Policy</a></li>

                                                    <li><a href="https://theshopx.net/terms-and-service">Terms &amp; Service</a></li>

                                                    <li><a href="https://theshopx.net/return-policy">Return Policy</a></li>

                                                    <li><a href="https://theshopx.net/How-It-Works">How It Works</a></li>

                        
                    </ul>
                </div>
            </div>
            <div class="col-lg-4">
                <!-- Subscription-->
                <section class="widget">
                    <h3 class="widget-title">Newsletter</h3>
                    <form class="row subscriber-form" action="https://theshopx.net/subscriber/submit" method="post">
                        <input type="hidden" name="_token" value="Kq4YAmkwkP58Fqo66EqpHQFzAGWV2HYyrOVnW5to">                        <div class="col-sm-12">
                            <div class="input-group">
                                <input class="form-control" type="email" name="email"
                                       placeholder="Your e-mail">
                                <span class="input-group-addon"><i class="icon-mail"></i></span></div>
                            <div aria-hidden="true">
                                <input type="hidden" name="b_c7103e2c981361a6639545bd5_1194bb7544" tabindex="-1">
                            </div>

                        </div>
                        <div class="col-sm-12">
                            <button class="btn btn-primary btn-block mt-2" type="submit">
                                <span>Subscribe</span>
                            </button>
                        </div>
                        <div class="col-lg-12">
                            <p class="text-sm opacity-80 pt-2">Subscribe to our Newsletter to receive early discount offers, latest news, sales and promo information.</p>
                        </div>
                    </form>
                    <div class="pt-3"><img class="d-block gateway_image"
                                           src="https://theshopx.net/assets/images/1691484512bkash nagad rocket.jpg">
                    </div>
                </section>
            </div>
        </div>
        <!-- Copyright-->
        <p class="footer-copyright"> The ShopX © All rights reserved.</p>
    </div>
</footer>

<!-- Back To Top Button-->
<a class="scroll-to-top-btn" href="#">
    <i class="icon-chevron-up"></i>
</a>
<!-- 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">
    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>
