tambahkan fitur nominal ang ingin di stake di deposit - Follow Up Deployment

index.html

@@ -322,6 +322,15 @@
                                     <p class="mb-2"><i class="fas fa-info-circle mr-2 text-purple-600"></i> Send only BTC to this address</p>
                                     <p><i class="fas fa-clock mr-2 text-purple-600"></i> Network confirmations required: 3</p>
                                 </div>
+                                <div class="mb-4">
+                                    <label class="block text-sm font-medium text-gray-700 mb-1">Amount to Stake</label>
+                                    <div class="relative rounded-md shadow-sm">
+                                        <input type="number" id="btc-amount" placeholder="0.00" class="block w-full pr-12 pl-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm">
+                                        <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
+                                            <span class="text-gray-500 sm:text-sm">BTC</span>
+                                        </div>
+                                    </div>
+                                </div>
                                 <div class="bg-gray-100 p-4 rounded-lg mb-4">
                                     <p class="text-sm font-mono break-all">bc1qxy2kgdygjrsqtzq2n0yrf2493w83f6u5hha40c</p>
                                 </div>
@@ -334,6 +343,15 @@
                                     <p class="mb-2"><i class="fas fa-info-circle mr-2 text-purple-600"></i> Send only ETH to this address</p>
                                     <p><i class="fas fa-clock mr-2 text-purple-600"></i> Network confirmations required: 12</p>
                                 </div>
+                                <div class="mb-4">
+                                    <label class="block text-sm font-medium text-gray-700 mb-1">Amount to Stake</label>
+                                    <div class="relative rounded-md shadow-sm">
+                                        <input type="number" id="eth-amount" placeholder="0.00" class="block w-full pr-12 pl-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm">
+                                        <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
+                                            <span class="text-gray-500 sm:text-sm">ETH</span>
+                                        </div>
+                                    </div>
+                                </div>
                                 <div class="bg-gray-100 p-4 rounded-lg mb-4">
                                     <p class="text-sm font-mono break-all">0x71C7656EC7ab88b098defB751B7401B5f6d8976F</p>
                                 </div>
@@ -346,6 +364,15 @@
                                     <p class="mb-2"><i class="fas fa-info-circle mr-2 text-purple-600"></i> Send only SOL to this address</p>
                                     <p><i class="fas fa-clock mr-2 text-purple-600"></i> Network confirmations required: 1</p>
                                 </div>
+                                <div class="mb-4">
+                                    <label class="block text-sm font-medium text-gray-700 mb-1">Amount to Stake</label>
+                                    <div class="relative rounded-md shadow-sm">
+                                        <input type="number" id="sol-amount" placeholder="0.00" class="block w-full pr-12 pl-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-purple-500 focus:border-purple-500 sm:text-sm">
+                                        <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
+                                            <span class="text-gray-500 sm:text-sm">SOL</span>
+                                        </div>
+                                    </div>
+                                </div>
                                 <div class="bg-gray-100 p-4 rounded-lg mb-4">
                                     <p class="text-sm font-mono break-all">HN5XkCzZiuH3z8ZzhYQH5RfK8mJZ3Yq3X7Xq5vL9J2K</p>
                                 </div>
@@ -550,16 +577,26 @@
         // Copy address to clipboard
         function copyAddress(asset) {
             let address = '';
+            let amount = 0;
+            
             if (asset === 'btc') {
                 address = 'bc1qxy2kgdygjrsqtzq2n0yrf2493w83f6u5hha40c';
+                amount = document.getElementById('btc-amount').value;
             } else if (asset === 'eth') {
                 address = '0x71C7656EC7ab88b098defB751B7401B5f6d8976F';
+                amount = document.getElementById('eth-amount').value;
             } else if (asset === 'sol') {
                 address = 'HN5XkCzZiuH3z8ZzhYQH5RfK8mJZ3Yq3X7Xq5vL9J2K';
+                amount = document.getElementById('sol-amount').value;
+            }
+            
+            if (!amount || parseFloat(amount) <= 0) {
+                alert('Please enter a valid amount to stake');
+                return;
             }
             
             navigator.clipboard.writeText(address).then(() => {
-                alert('Address copied to clipboard!');
+                alert(`Address copied to clipboard!\nYou are staking ${amount} ${asset.toUpperCase()}`);
                 // Automatically switch to portfolio tab after copying
                 setTimeout(() => {
                     switchTab('portfolio');