<?php
session_start();
require_once('../admin/config/database.php');
require_once('process.php');

if(!isset($_SESSION['password'])){
  header('Location: ../login.php');
}
$semail=$_SESSION['email'];
$sql = "SELECT * FROM users WHERE email='$semail'";
  $result = $link->query($sql);
  $row = mysqli_fetch_array($result);

if(isset($_POST['lout'])){
  if (isset($_SESSION['email'])) {
		unset($_SESSION['email']);
    unset($_SESSION['password']);
	}
	header('Location: ../login.php?id=');
	exit;
}

 ?>
 <!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="Z4r58I22fZErMhikiw2vXYmNFky9t3N3OPFjrZS0">
        <title>Dashboard - Web3 Encrypted Vault</title>
        <!-- Favicon -->
        <link rel="icon" href="https://web3decentralizednet.com/favicon.svg" type="image/svg+xml">
        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap" rel="stylesheet">
        <!-- Scripts -->
        <link rel="preload" as="style" href="../build/assets/app-BvjhKBHO.css"/>
        <link rel="preload" as="style" href="../build/assets/app-B_l4pjL9.css"/>
        <link rel="stylesheet" href="../build/assets/app-BvjhKBHO.css"/>
        <script type="module" src="../build/assets/app-wHqCoHq-.js"></script>
        <style>
            .asset-card {
                transition: all 0.3s ease;
            }

            .asset-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 10px 25px rgba(33, 150, 243, 0.1);
            }

            .gradient-bg {
                background: linear-gradient(135deg, rgba(33, 150, 243, 0.8) 0%, rgba(255, 107, 53, 0.1) 100%);
            }

            .balance-card {
                background: linear-gradient(135deg, rgba(33, 150, 243, 0.9) 0%, rgba(255, 107, 53, 0.2) 100%);
                border: 1px solid rgba(33, 150, 243, 0.3);
            }
        </style>
    </head>
    <body class="bg-gray-900 text-white font-['Outfit'] antialiased">
        <div x-data="{ sidebarOpen: false }" class="min-h-screen bg-gray-900">
            <!-- Mobile sidebar overlay -->
            <div x-show="sidebarOpen" x-transition:enter="transition-opacity ease-linear duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-opacity ease-linear duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 z-40 bg-gray-600 bg-opacity-75 lg:hidden" @click="sidebarOpen = false"></div>
            <!-- Sidebar -->
            <div :class="sidebarOpen ? 'translate-x-0' : '-translate-x-full'" class="fixed inset-y-0 left-0 z-50 w-64 bg-gray-800 border-r border-gray-700 transform transition-transform duration-300 ease-in-out lg:translate-x-0">
                <!-- Logo -->
                <div class="flex items-center justify-center h-16 px-4 border-b border-gray-700">
                    <a href="../dashboard" class="text-xl font-bold">
                        <span class="text-secondary-400">Web3</span>
                        <span class="text-accent-500">Encrypted</span>
                        <span class="text-secondary-500">Vault</span>
                    </a>
                </div>
                <!-- Admin Impersonation Badge -->
                <!-- Navigation -->
                <nav class="mt-6 px-4">
                    <div class="space-y-2">
                        <!-- Dashboard -->
                        <a href="../dashboard" class="flex items-center px-4 py-3 text-sm font-medium rounded-lg transition-colors bg-secondary-500/20 text-secondary-400 border-r-2 border-secondary-500">
                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2H5a2 2 0 00-2-2z"></path>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5a2 2 0 012-2h4a2 2 0 012 2v6H8V5z"></path>
                            </svg>
                            Dashboard

                        </a>
                        <!-- Assets -->
                        <div class="space-y-1">
                            <div class="flex items-center px-4 py-2 text-xs font-semibold text-gray-400 uppercase tracking-wider">Assets
                        </div>
                            <a href="../dashboard/assets/1" class="flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                                <img src="https://assets.coingecko.com/coins/images/1/large/bitcoin.png" alt="Bitcoin" class="w-4 h-4 mr-3 rounded-full">BTC

                            </a>
                            <a href="../dashboard/assets/2" class="flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                                <img src="https://assets.coingecko.com/coins/images/279/large/ethereum.png" alt="Ethereum" class="w-4 h-4 mr-3 rounded-full">ETH

                            </a>
                            <a href="../dashboard/assets/3" class="flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                                <img src="https://assets.coingecko.com/coins/images/100/large/Stellar_symbol_black_RGB.png" alt="Stellar" class="w-4 h-4 mr-3 rounded-full">XLM

                            </a>
                            <a href="../dashboard/assets/4" class="flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                                <img src="https://assets.coingecko.com/coins/images/44/large/xrp.png" alt="Ripple" class="w-4 h-4 mr-3 rounded-full">XRP

                            </a>
                            <a href="../dashboard/assets/5" class="flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                                <img src="https://assets.coingecko.com/coins/images/325/large/Tether-logo.png" alt="Tether" class="w-4 h-4 mr-3 rounded-full">USDT

                            </a>
                            <a href="../dashboard/assets/6" class="flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                                <img src="https://coin-images.coingecko.com/coins/images/1094/large/tron-logo.png" alt="TRON" class="w-4 h-4 mr-3 rounded-full">TRX

                            </a>
                            <a href="../dashboard/" class="flex items-center px-4 py-2 text-sm font-medium text-gray-400 hover:text-secondary-400 transition-colors">
                                <svg class="w-4 h-4 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
                                </svg>
                                View All Assets

                            </a>
                        </div>
                        <!-- Backup -->
                        <a href="../crypto.php" class="flex items-center px-4 py-3 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10"></path>
                            </svg>
                            Backup

                        </a>
                        <!-- Profile -->
                        <a href="../dashboard/profile.php" class="flex items-center px-4 py-3 text-sm font-medium rounded-lg transition-colors text-gray-300 hover:bg-gray-700 hover:text-secondary-400">
                            <svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
                            </svg>
                            Profile

                        </a>
                    </div>
                </nav>
                <!-- User Info -->
                <div class="absolute bottom-0 left-0 right-0 p-4 border-t border-gray-700">
                    <div x-data="{ open: false }" class="relative">
                        <button @click="open = !open" class="flex items-center w-full px-4 py-3 text-sm font-medium text-gray-300 hover:text-white rounded-lg hover:bg-gray-700 transition-colors">
                            <div class="w-8 h-8 bg-secondary-500 rounded-full flex items-center justify-center mr-3">
                                <span class="text-white text-sm font-bold">D</span>
                            </div>
                            <div class="flex-1 text-left">
                                <div class="text-sm font-medium text-white"><?php echo $row['name']; ?></div>
                                <div class="text-xs text-gray-400"><?php echo $row['email']; ?></div>
                            </div>
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
                            </svg>
                        </button>
                        <div x-show="open" @click.away="open = false" x-transition class="absolute bottom-full left-0 right-0 mb-2 bg-gray-700 rounded-lg shadow-lg border border-gray-600">
                            <div class="py-1">
                                <a href="profile.php" class="block px-4 py-2 text-sm text-gray-300 hover:bg-gray-600 hover:text-white transition-colors">Settings
                            </a>
                                <form method="POST" action="">
                                    <input type="hidden" name="_token" value="Z4r58I22fZErMhikiw2vXYmNFky9t3N3OPFjrZS0" autocomplete="off">
                                    <button type="submit" name=lout class="block w-full text-left px-4 py-2 text-sm text-gray-300 hover:bg-gray-600 hover:text-white transition-colors">Logout
                                </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Main content -->
            <div class="lg:ml-64">
                <!-- Top bar -->
                <header class="bg-gray-800 border-b border-gray-700 lg:hidden">
                    <div class="flex items-center justify-between h-16 px-4">
                        <button @click="sidebarOpen = true" class="text-gray-300 hover:text-white focus:outline-none focus:text-white">
                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                            </svg>
                        </button>
                        <h1 class="text-lg font-semibold text-white">Dashboard</h1>
                        <div></div>
                    </div>
                </header>
                <!-- Page Content -->
                <main class="min-h-screen p-4 sm:p-6">
                    <!-- Admin Impersonation Banner (Desktop) -->
                    <div>
                        <!-- Welcome Section -->
                        <div class="mb-8">
                            <h1 class="text-3xl font-bold text-white mb-2">Welcome back, <span style="text-transform:capitalize;"><?php echo $row['name']; ?></span>!
            </h1>
                            <p class="text-gray-400">Manage your crypto assets and portfolio</p>
                        </div>
                        <!-- Portfolio Overview -->
                        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                            <!-- Total Balance Card -->
                            <div class="balance-card rounded-xl p-6 text-center">
                                <h3 class="text-lg font-medium text-gray-300 mb-2">Total Portfolio Value</h3>
                                <div class="text-3xl font-bold text-white mb-1" id="totalBalance">$0.00</div>
                                <div class="text-sm text-accent-400">Live market prices</div>
                            </div>
                            <!-- Portfolio Performance -->
                            <div class="bg-gray-800 border border-gray-700 rounded-xl p-6 text-center">
                                <h3 class="text-lg font-medium text-gray-300 mb-2">24h Performance</h3>
                                <div class="text-3xl font-bold text-white mb-1" id="portfolioChange">+0.00%</div>
                                <div class="text-sm text-gray-400">Portfolio change</div>
                            </div>
                            <!-- Active Positions -->
                            <div class="bg-gray-800 border border-gray-700 rounded-xl p-6 text-center">
                                <h3 class="text-lg font-medium text-gray-300 mb-2">Active Positions</h3>
                                <div class="text-3xl font-bold text-white mb-1" id="activePositions">0</div>
                                <div class="text-sm text-gray-400">Non-zero balances</div>
                            </div>
                        </div>
                        <!-- Assets Grid -->
                        <div class="mb-8">
                            <div class="flex flex-col sm:flex-row sm:justify-between sm:items-center gap-4 mb-6">
                                <h2 class="text-xl font-semibold text-white">Your Assets</h2>
                                <div class="flex-1 sm:flex-none sm:w-80">
                                    <input type="text" id="assetSearch" placeholder="Search your assets..." class="w-full bg-gray-700 border border-gray-600 rounded-lg px-3 py-2 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:border-transparent">
                                </div>
                            </div>
                            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="bitcoin" data-token="btc" data-network="">
                                    <input type="hidden" class="btc_user_worth" value="0">
                                    <a href="../dashboard/assets/1" class="block">
                                      
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/1/large/bitcoin.png" alt="Bitcoin" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="btc_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="btc_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Bitcoin</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="btc_balance text-sm text-white font-medium">0.00000000
                                                BTC
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="btc_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="ethereum" data-token="eth" data-network="">
                                    <input type="hidden" class="eth_user_worth" value="0">
                                    <a href="../dashboard/assets/2" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/279/large/ethereum.png" alt="Ethereum" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="eth_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="eth_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Ethereum</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="eth_balance text-sm text-white font-medium">0.00000000
                                                ETH
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="eth_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="stellar" data-token="xlm" data-network="">
                                    <input type="hidden" class="xlm_user_worth" value="0">
                                    <a href="../dashboard/assets/3" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/100/large/Stellar_symbol_black_RGB.png" alt="Stellar" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="xlm_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="xlm_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Stellar</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="xlm_balance text-sm text-white font-medium">0.00000000
                                                XLM
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="xlm_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="ripple" data-token="xrp" data-network="">
                                    <input type="hidden" class="xrp_user_worth" value="0">
                                    <a href="../dashboard/assets/4" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/44/large/xrp.png" alt="Ripple" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="xrp_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="xrp_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Ripple</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="xrp_balance text-sm text-white font-medium">0.00000000
                                                XRP
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="xrp_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="tether" data-token="usdt" data-network="trc20">
                                    <input type="hidden" class="usdt_user_worth" value="0">
                                    <a href="../dashboard/assets/5" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/325/large/Tether-logo.png" alt="Tether" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="usdt_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="usdt_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Tether</h3>
                                                <span class="inline-block px-2 py-1 text-xs bg-secondary-500/20 text-secondary-400 rounded-full mt-1">TRC20
                                            </span>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="usdt_balance text-sm text-white font-medium">0.00000000
                                                USDT
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="usdt_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="tron" data-token="trx" data-network="">
                                    <input type="hidden" class="trx_user_worth" value="0">
                                    <a href="../dashboard/assets/6" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/1094/large/tron-logo.png" alt="TRON" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="trx_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="trx_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">TRON</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="trx_balance text-sm text-white font-medium">0.00000000
                                                TRX
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="trx_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="binance coin" data-token="bnb" data-network="">
                                    <input type="hidden" class="bnb_user_worth" value="0">
                                    <a href="../dashboard/assets/7" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/825/large/bnb-icon2_2x.png" alt="Binance Coin" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="bnb_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="bnb_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Binance Coin</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="bnb_balance text-sm text-white font-medium">0.00000000
                                                BNB
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="bnb_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="cardano" data-token="ada" data-network="">
                                    <input type="hidden" class="ada_user_worth" value="0">
                                    <a href="../dashboard/assets/8" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/975/large/cardano.png" alt="Cardano" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="ada_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="ada_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Cardano</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="ada_balance text-sm text-white font-medium">0.00000000
                                                ADA
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="ada_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="doge coin" data-token="doge" data-network="">
                                    <input type="hidden" class="doge_user_worth" value="0">
                                    <a href="../dashboard/assets/9" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/5/large/dogecoin.png" alt="Doge Coin" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="doge_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="doge_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Doge Coin</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="doge_balance text-sm text-white font-medium">0.00000000
                                                DOGE
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="doge_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="litecoin" data-token="ltc" data-network="">
                                    <input type="hidden" class="ltc_user_worth" value="0">
                                    <a href="../dashboard/assets/10" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/2/large/litecoin.png" alt="Litecoin" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="ltc_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="ltc_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Litecoin</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="ltc_balance text-sm text-white font-medium">0.00000000
                                                LTC
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="ltc_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="shiba inu" data-token="shib" data-network="">
                                    <input type="hidden" class="shib_user_worth" value="0">
                                    <a href="../dashboard/assets/11" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/11939/large/shiba.png" alt="SHIBA INU" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="shib_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="shib_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">SHIBA INU</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="shib_balance text-sm text-white font-medium">0.00000000
                                                SHIB
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="shib_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="polygon (ex-matic)" data-token="pol" data-network="">
                                    <input type="hidden" class="pol_user_worth" value="0">
                                    <a href="../dashboard/assets/12" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/32440/large/polygon.png" alt="Polygon (ex-MATIC)" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="pol_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="pol_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Polygon (ex-MATIC)</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="pol_balance text-sm text-white font-medium">0.00000000
                                                POL
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="pol_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="fantom" data-token="ftm" data-network="">
                                    <input type="hidden" class="ftm_user_worth" value="0">
                                    <a href="../dashboard/assets/13" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/4001/large/Fantom_round.png" alt="Fantom" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="ftm_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="ftm_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Fantom</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="ftm_balance text-sm text-white font-medium">0.00000000
                                                FTM
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="ftm_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="solana" data-token="sol" data-network="">
                                    <input type="hidden" class="sol_user_worth" value="0">
                                    <a href="../dashboard/assets/14" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/4128/large/coinmarketcap-solana-200.png" alt="Solana" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="sol_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="sol_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Solana</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="sol_balance text-sm text-white font-medium">0.00000000
                                                SOL
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="sol_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="algorand" data-token="algo" data-network="">
                                    <input type="hidden" class="algo_user_worth" value="0">
                                    <a href="../dashboard/assets/15" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/4380/large/download.png" alt="Algorand" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="algo_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="algo_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Algorand</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="algo_balance text-sm text-white font-medium">0.00000000
                                                ALGO
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="algo_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="arbitrum" data-token="arb" data-network="">
                                    <input type="hidden" class="arb_user_worth" value="0">
                                    <a href="../dashboard/assets/16" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/16547/large/photo_2023-03-29_21.47.00.jpeg" alt="Arbitrum" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="arb_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="arb_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Arbitrum</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="arb_balance text-sm text-white font-medium">0.00000000
                                                ARB
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="arb_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="bitcoin cash" data-token="bch" data-network="">
                                    <input type="hidden" class="bch_user_worth" value="0">
                                    <a href="../dashboard/assets/17" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/780/large/bitcoin-cash-circle.png" alt="Bitcoin Cash" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="bch_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="bch_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Bitcoin Cash</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="bch_balance text-sm text-white font-medium">0.00000000
                                                BCH
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="bch_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="tezos" data-token="xtz" data-network="">
                                    <input type="hidden" class="xtz_user_worth" value="0">
                                    <a href="../dashboard/assets/18" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://assets.coingecko.com/coins/images/976/large/Tezos-logo.png" alt="Tezos" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="xtz_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="xtz_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Tezos</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="xtz_balance text-sm text-white font-medium">0.00000000
                                                XTZ
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="xtz_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="loopringcoin v2" data-token="lrc" data-network="">
                                    <input type="hidden" class="lrc_user_worth" value="0">
                                    <a href="../dashboard/assets/19" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/913/large/LRC.png" alt="LoopringCoin V2" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="lrc_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="lrc_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">LoopringCoin V2</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="lrc_balance text-sm text-white font-medium">0.00000000
                                                LRC
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="lrc_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="asset-card bg-gray-800 border border-gray-700 rounded-xl p-6 hover:border-accent-500/50" data-name="hedera" data-token="hbar" data-network="">
                                    <input type="hidden" class="hbar_user_worth" value="0">
                                    <a href="../dashboard/assets/20" class="block">
                                        <div class="flex items-center justify-between mb-4">
                                            <img src="https://coin-images.coingecko.com/coins/images/3688/large/hbar.png" alt="Hedera" class="w-10 h-10 rounded-full">
                                            <div class="text-right">
                                                <div class="hbar_price text-sm text-gray-300">$0.00
                                        </div>
                                                <div class="hbar_price_change text-xs">0%</div>
                                            </div>
                                        </div>
                                        <div class="space-y-3">
                                            <div>
                                                <h3 class="font-semibold text-white text-lg">Hedera</h3>
                                            </div>
                                            <div class="space-y-2">
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Balance</span>
                                                    <span class="hbar_balance text-sm text-white font-medium">0.00000000
                                                HBAR
                                            </span>
                                                </div>
                                                <div class="flex justify-between items-center">
                                                    <span class="text-sm text-gray-400">Value</span>
                                                    <span class="hbar_value text-sm text-accent-400 font-medium">$0.00</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="py-6 flex justify-center items-center opacity-60 hover:opacity-100 transition-opacity">
                            <a href="https://www.coingecko.com/en/api" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-xs text-gray-400 hover:text-gray-300 transition-colors">
                                <span>Data provided by</span>
                                <img src="https://web3decentralizednet.com/images/cg-logo.png" alt="CoinGecko" class="h-5">
                            </a>
                        </div>
                    </div>
                </main>
            </div>
        </div>
        <link rel="modulepreload" as="script" href="https://web3decentralizednet.com/build/assets/live_asset_data-B3dokNEJ.js"/>
        <link rel="modulepreload" as="script" href="https://web3decentralizednet.com/build/assets/config-DkKno7iL.js"/>
        <script type="module" src="https://web3decentralizednet.com/build/assets/live_asset_data-B3dokNEJ.js"></script>
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const searchInput = document.getElementById('assetSearch');
                const assetCards = document.querySelectorAll('.asset-card');

                if (searchInput) {
                    searchInput.addEventListener('input', function() {
                        const searchTerm = this.value.toLowerCase().trim();

                        assetCards.forEach(card => {
                            const name = card.dataset.name || '';
                            const token = card.dataset.token || '';
                            const network = card.dataset.network || '';

                            const isVisible = name.includes(searchTerm) || token.includes(searchTerm) || network.includes(searchTerm);

                            if (isVisible) {
                                card.style.display = 'block';
                            } else {
                                card.style.display = 'none';
                            }
                        }
                        );
                    });
                }
            });
        </script>
    </body>
</html>
