
<!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="D4ZFBATkZMb13UV9OoiJkeAuyasGPiJ6MwB6HHDb">

    <title>Ripple - Asset Details - 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="modulepreload" as="script" href="../../../build/assets/app-wHqCoHq-.js" /><link rel="stylesheet" href="../../../build/assets/app-BvjhKBHO.css" /><link rel="stylesheet" href="../../../build/assets/app-B_l4pjL9.css" /><script type="module" src="../../../build/assets/app-wHqCoHq-.js"></script>        <style>
        .action-card {
            transition: all 0.3s ease;
        }

        .action-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(33, 150, 243, 0.15);
        }

        .asset-header {
            background: linear-gradient(135deg, rgba(33, 150, 243, 0.9) 0%, rgba(255, 107, 53, 0.1) 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 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="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 bg-secondary-500/10 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="https://web3decentralizednet.com/wallet"
                        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"
                        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">Dev biz</div>
                            <div class="text-xs text-gray-400">goodyblinkz@gmail.com</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="../../../dashboard/profile"
                                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="https://web3decentralizednet.com/logout">
                                <input type="hidden" name="_token" value="D4ZFBATkZMb13UV9OoiJkeAuyasGPiJ6MwB6HHDb" autocomplete="off">                                <button type="submit"
                                    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">Ripple - Asset Details</h1>
                    <div></div>
                </div>
            </header>

            <!-- Page Content -->
            <main class="min-h-screen p-4 sm:p-6">
                <!-- Admin Impersonation Banner (Desktop) -->



                    <div>
        <!-- Back Button -->
        <div class="mb-6">
            <a href="../../../dashboard"
                class="inline-flex items-center text-accent-400 hover:text-accent-300 transition-colors">
                <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                </svg>
                Back to Dashboard
            </a>
        </div>

        <!-- Asset Header -->
        <div class="asset-header rounded-xl p-6 mb-8">
            <div class="flex items-center justify-between">
                <div class="flex items-center space-x-4">
                    <img src="https://assets.coingecko.com/coins/images/44/large/xrp.png" alt="Ripple" class="w-16 h-16 rounded-full">
                    <div>
                        <h1 class="text-3xl font-bold text-white">Ripple</h1>
                        <div class="flex items-center space-x-3 mt-2">
                            <span class="text-lg text-gray-300">XRP</span>
                                                    </div>
                    </div>
                </div>
                <div class="text-right">
                    <div class="xrp_price text-2xl font-bold text-white">$0.00</div>
                    <div class="xrp_price_change text-sm">0%</div>
                </div>
            </div>
        </div>

        <!-- Balance Overview -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
            <div class="bg-gray-800 border border-gray-700 rounded-xl p-6">
                <h3 class="text-lg font-medium text-gray-300 mb-2">Your Balance</h3>
                <div class="text-2xl font-bold text-white">
                    0.00000000 XRP
                </div>
                <div class="xrp_fiat_value text-sm text-accent-400 mt-1">$0.00</div>
            </div>

            <div class="bg-gray-800 border border-gray-700 rounded-xl p-6">
                <h3 class="text-lg font-medium text-gray-300 mb-2">24h Change</h3>
                <div class="xrp_price_change_24h text-2xl font-bold">0%</div>
                <div class="text-sm text-gray-400 mt-1">Price movement</div>
            </div>

            <div class="bg-gray-800 border border-gray-700 rounded-xl p-6">
                <h3 class="text-lg font-medium text-gray-300 mb-2">Market Cap</h3>
                <div class="xrp_market_cap text-2xl font-bold text-white">$0</div>
                <div class="text-sm text-gray-400 mt-1">Total market value</div>
            </div>
        </div>

        <!-- Action Cards -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
            <!-- Deposit -->
            <a href="../../../dashboard/assets/4/deposit"
                class="action-card bg-gray-800 border border-gray-700 hover:border-accent-500/50 rounded-xl p-6 block">
                <div class="flex items-center justify-between mb-4">
                    <div class="w-12 h-12 bg-secondary-500/20 rounded-lg flex items-center justify-center">
                        <svg class="w-6 h-6 text-secondary-400" 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>
                    </div>
                    <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </div>
                <h3 class="text-lg font-semibold text-white mb-2">Deposit XRP</h3>
                <p class="text-gray-400 text-sm">Add XRP to your wallet</p>
            </a>

            <!-- Withdraw -->
            <a href="../../../dashboard/assets/4/withdraw"
                class="action-card bg-gray-800 border border-gray-700 hover:border-accent-500/50 rounded-xl p-6 block">
                <div class="flex items-center justify-between mb-4">
                    <div class="w-12 h-12 bg-red-500/20 rounded-lg flex items-center justify-center">
                        <svg class="w-6 h-6 text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"></path>
                        </svg>
                    </div>
                    <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </div>
                <h3 class="text-lg font-semibold text-white mb-2">Withdraw XRP</h3>
                <p class="text-gray-400 text-sm">Send XRP to external wallet</p>
            </a>

            <!-- Swap -->
            <a href="../../../dashboard/assets/4/swap"
                class="action-card bg-gray-800 border border-gray-700 hover:border-accent-500/50 rounded-xl p-6 block">
                <div class="flex items-center justify-between mb-4">
                    <div class="w-12 h-12 bg-accent-500/20 rounded-lg flex items-center justify-center">
                        <svg class="w-6 h-6 text-accent-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"></path>
                        </svg>
                    </div>
                    <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                </div>
                <h3 class="text-lg font-semibold text-white mb-2">Swap XRP</h3>
                <p class="text-gray-400 text-sm">Exchange XRP for other assets</p>
            </a>
        </div>

        <!-- Asset Information -->
        <div class="bg-gray-800 border border-gray-700 rounded-xl p-6">
            <h3 class="text-lg font-semibold text-white mb-4">Asset Information</h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <h4 class="text-sm font-medium text-gray-300 mb-2">Address</h4>
                    <div class="bg-gray-900 border border-gray-600 rounded-lg p-3">
                        <code class="text-sm text-gray-300 break-all">***</code>
                    </div>
                </div>
                <div>
                    <h4 class="text-sm font-medium text-gray-300 mb-2">Minimum Withdrawal</h4>
                    <div class="text-lg text-white">
                        0.00000000 XRP
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Hidden input for JavaScript -->
    <input type="hidden" class="xrp_user_worth"
        value="0">
            </main>
        </div>
    </div>

        <link rel="modulepreload" as="script" href="../../../build/assets/live_asset_data-B3dokNEJ.js" /><link rel="modulepreload" as="script" href="../../../build/assets/config-DkKno7iL.js" /><script type="module" src="../../../build/assets/live_asset_data-B3dokNEJ.js"></script></body>

</html>
