Upload 4 files

index.html

@@ -454,4 +454,4 @@ loginFormElement.addEventListener('submit', function(e) {
 switchToRegister();
     </script>
 </body>
-</html>
+</html>

script.js

@@ -20,15 +20,15 @@ document.addEventListener("DOMContentLoaded", () => {
 
 // Authentication functions
 function initAuth() {
-  const loginForm = document.getElementById("loginFormElement")
-  const registerForm = document.getElementById("registerFormElement")
+  const loginFormElement = document.getElementById("loginFormElement")
+  const registerFormElement = document.getElementById("registerFormElement")
 
-  if (loginForm) {
-    loginForm.addEventListener("submit", handleLogin)
+  if (loginFormElement) {
+    loginFormElement.addEventListener("submit", handleLogin)
   }
 
-  if (registerForm) {
-    registerForm.addEventListener("submit", handleRegister)
+  if (registerFormElement) {
+    registerFormElement.addEventListener("submit", handleRegister)
   }
 }
 
@@ -45,27 +45,32 @@ function switchToLogin() {
 function handleLogin(e) {
   e.preventDefault()
 
-  const username = document.getElementById("loginUsername").value
+  const email = document.getElementById("loginEmail").value
   const password = document.getElementById("loginPassword").value
 
-  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
 
-  if (users[username] && users[username].password === password) {
+  // Find user by email instead of username
+  const userEntry = Object.entries(users).find(
+    ([username, userData]) => userData.email === email && userData.password === password,
+  )
+
+  if (userEntry) {
+    const [username] = userEntry
     currentUser = username
-    localStorage.setItem("byweo_current_user", username)
+    localStorage.setItem("cryptovault_current_user", username)
     showNotification("Login successful!", "success")
     setTimeout(() => {
       window.location.href = "dashboard.html"
     }, 1000)
   } else {
-    showNotification("Invalid username or password!", "error")
+    showNotification("Invalid email or password!", "error")
   }
 }
 
 function handleRegister(e) {
   e.preventDefault()
 
-  const username = document.getElementById("registerUsername").value
   const email = document.getElementById("registerEmail").value
   const password = document.getElementById("registerPassword").value
   const confirmPassword = document.getElementById("confirmPassword").value
@@ -75,14 +80,27 @@ function handleRegister(e) {
     return
   }
 
-  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
 
-  if (users[username]) {
-    showNotification("Username already exists!", "error")
+  // Check if email already exists
+  const emailExists = Object.values(users).some((userData) => userData.email === email)
+  if (emailExists) {
+    showNotification("Email already exists!", "error")
     return
   }
 
-  users[username] = {
+  // Create username from email (before @ symbol)
+  const username = email.split("@")[0]
+  let finalUsername = username
+  let counter = 1
+
+  // Make sure username is unique
+  while (users[finalUsername]) {
+    finalUsername = `${username}${counter}`
+    counter++
+  }
+
+  users[finalUsername] = {
     email: email,
     password: password,
     btcBalance: 0.0,
@@ -90,7 +108,7 @@ function handleRegister(e) {
     createdAt: new Date().toISOString(),
   }
 
-  localStorage.setItem("byweo_users", JSON.stringify(users))
+  localStorage.setItem("cryptovault_users", JSON.stringify(users))
   showNotification("Account created successfully!", "success")
 
   setTimeout(() => {
@@ -100,7 +118,7 @@ function handleRegister(e) {
 
 // Dashboard functions
 function initDashboard() {
-  currentUser = localStorage.getItem("byweo_current_user")
+  currentUser = localStorage.getItem("cryptovault_current_user")
 
   if (!currentUser) {
     window.location.href = "index.html"
@@ -108,10 +126,14 @@ function initDashboard() {
   }
 
   updateDashboard()
+  initTradingChart()
+
+  // Update BTC price periodically
+  setInterval(updateBTCPrice, 5000)
 }
 
 function updateDashboard() {
-  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
   const userData = users[currentUser]
 
   if (!userData) {
@@ -119,19 +141,15 @@ function updateDashboard() {
     return
   }
 
-  // Update balance displays
-  const btcBalance = userData.btcBalance.toFixed(6)
-  const usdValue = (userData.btcBalance * BTC_PRICE).toFixed(2)
+  document.getElementById("welcomeMessage").textContent = `Welcome, ${currentUser}`
+  document.getElementById("btcBalance").textContent = userData.btcBalance.toFixed(8)
+  document.getElementById("withdrawBalance").textContent = userData.btcBalance.toFixed(8)
 
-  document.getElementById("btcBalance").textContent = btcBalance
+  const usdValue = (userData.btcBalance * BTC_PRICE).toFixed(2)
   document.getElementById("usdBalance").textContent = usdValue
-  document.getElementById("spotBalance").textContent = `${btcBalance} BTC`
-  document.getElementById("btcSpotBalance").textContent = `${btcBalance} BTC`
-  document.getElementById("btcAvailableBalance").textContent = `${btcBalance} BTC`
-  document.getElementById("btcTotalBalance").textContent = `${btcBalance} BTC`
 }
 
-function redeemPromoCode() {
+function redeemPromo() {
   const promoCode = document.getElementById("promoCode").value.trim()
 
   if (!promoCode) {
@@ -139,7 +157,7 @@ function redeemPromoCode() {
     return
   }
 
-  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
+  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
   const userData = users[currentUser]
 
   if (userData.redeemedCodes.includes(promoCode)) {
@@ -152,7 +170,7 @@ function redeemPromoCode() {
     userData.btcBalance += btcReward
     userData.redeemedCodes.push(promoCode)
 
-    localStorage.setItem("byweo_users", JSON.stringify(users))
+    localStorage.setItem("cryptovault_users", JSON.stringify(users))
 
     showNotification(`Success! ${btcReward} BTC added to your account!`, "success")
     document.getElementById("promoCode").value = ""
@@ -162,16 +180,8 @@ function redeemPromoCode() {
   }
 }
 
-function showDepositModal() {
-  document.getElementById("depositModal").style.display = "block"
-}
-
-function closeDepositModal() {
-  document.getElementById("depositModal").style.display = "none"
-}
-
-function showWithdrawModal() {
-  const users = JSON.parse(localStorage.getItem("byweo_users") || "{}")
+function initiateWithdraw() {
+  const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
   const userData = users[currentUser]
 
   if (userData.btcBalance <= 0) {
@@ -180,61 +190,132 @@ function showWithdrawModal() {
   }
 
   document.getElementById("withdrawModal").style.display = "block"
+  document.getElementById("withdrawAmount").max = userData.btcBalance.toFixed(8)
 }
 
 function closeWithdrawModal() {
   document.getElementById("withdrawModal").style.display = "none"
+  document.getElementById("withdrawForm").reset()
 }
 
-function processWithdraw() {
-  const coinSelect = document.getElementById("coinSelect").value
-  const networkSelect = document.getElementById("networkSelect").value
+function closeVerificationModal() {
+  document.getElementById("verificationModal").style.display = "none"
+}
 
-  if (!coinSelect || coinSelect === "Select a coin to withdraw...") {
-    showNotification("Please select a coin!", "error")
-    return
-  }
+// Handle withdraw form submission
+document.addEventListener("DOMContentLoaded", () => {
+  const withdrawForm = document.getElementById("withdrawForm")
+  if (withdrawForm) {
+    withdrawForm.addEventListener("submit", (e) => {
+      e.preventDefault()
+
+      const walletAddress = document.getElementById("walletAddress").value
+      const walletType = document.getElementById("walletType").value
+      const amount = Number.parseFloat(document.getElementById("withdrawAmount").value)
+
+      if (!walletAddress || !walletType || !amount) {
+        showNotification("Please fill all fields!", "error")
+        return
+      }
 
-  if (!networkSelect || networkSelect === "Select a network...") {
-    showNotification("Please select a network!", "error")
-    return
-  }
+      const users = JSON.parse(localStorage.getItem("cryptovault_users") || "{}")
+      const userData = users[currentUser]
 
-  closeWithdrawModal()
-  document.getElementById("activationModal").style.display = "block"
-}
+      if (amount > userData.btcBalance) {
+        showNotification("Insufficient balance!", "error")
+        return
+      }
 
-function closeActivationModal() {
-  document.getElementById("activationModal").style.display = "none"
-}
+      closeWithdrawModal()
+      document.getElementById("verificationModal").style.display = "block"
+    })
+  }
+})
 
 function copyAddress() {
-  const address = "1J8Be2eVqDAvEQDqRqPfropJSrmxLZYG"
-  navigator.clipboard
-    .writeText(address)
-    .then(() => {
-      showNotification("Address copied to clipboard!", "success")
-    })
-    .catch(() => {
-      showNotification("Failed to copy address!", "error")
-    })
+  const address = "1A1zP1eP5QGefi2DMPTfTL5SLmv7DivfNa"
+  navigator.clipboard.writeText(address).then(() => {
+    showNotification("Address copied to clipboard!", "success")
+  })
 }
 
 function logout() {
-  localStorage.removeItem("byweo_current_user")
+  localStorage.removeItem("cryptovault_current_user")
   window.location.href = "index.html"
 }
 
+// Trading chart functions
+function initTradingChart() {
+  const canvas = document.getElementById("tradingChart")
+  if (!canvas) return
+
+  const ctx = canvas.getContext("2d")
+  const width = canvas.width
+  const height = canvas.height
+
+  // Generate fake price data
+  const dataPoints = 50
+  const priceData = []
+  let currentPrice = BTC_PRICE
+
+  for (let i = 0; i < dataPoints; i++) {
+    const change = (Math.random() - 0.5) * 1000
+    currentPrice += change
+    priceData.push(currentPrice)
+  }
+
+  // Draw chart
+  ctx.clearRect(0, 0, width, height)
+  ctx.strokeStyle = "#00ff88"
+  ctx.lineWidth = 2
+  ctx.beginPath()
+
+  const minPrice = Math.min(...priceData)
+  const maxPrice = Math.max(...priceData)
+  const priceRange = maxPrice - minPrice
+
+  for (let i = 0; i < priceData.length; i++) {
+    const x = (i / (priceData.length - 1)) * width
+    const y = height - ((priceData[i] - minPrice) / priceRange) * height
+
+    if (i === 0) {
+      ctx.moveTo(x, y)
+    } else {
+      ctx.lineTo(x, y)
+    }
+  }
+
+  ctx.stroke()
+
+  // Add glow effect
+  ctx.shadowColor = "#00ff88"
+  ctx.shadowBlur = 10
+  ctx.stroke()
+}
+
+function updateBTCPrice() {
+  const priceElement = document.getElementById("btcPrice")
+  if (!priceElement) return
+
+  // Simulate price changes
+  const change = (Math.random() - 0.5) * 100
+  const newPrice = BTC_PRICE + change
+
+  priceElement.textContent = `$${newPrice.toFixed(2)}`
+
+  // Update price change indicator
+  const changeElement = document.querySelector(".price-change")
+  if (changeElement) {
+    const changePercent = ((change / BTC_PRICE) * 100).toFixed(2)
+    changeElement.textContent = `${changePercent >= 0 ? "+" : ""}${changePercent}%`
+    changeElement.className = `price-change ${changePercent >= 0 ? "positive" : "negative"}`
+  }
+}
+
 // Notification system
 function showNotification(message, type = "info") {
-  // Create notification element if it doesn't exist
-  let notification = document.getElementById("notification")
-  if (!notification) {
-    notification = document.createElement("div")
-    notification.id = "notification"
-    notification.className = "notification"
-    document.body.appendChild(notification)
-  }
+  const notification = document.getElementById("notification")
+  if (!notification) return
 
   notification.textContent = message
   notification.className = `notification ${type}`
@@ -247,35 +328,14 @@ function showNotification(message, type = "info") {
 
 // Close modals when clicking outside
 window.onclick = (event) => {
-  const depositModal = document.getElementById("depositModal")
   const withdrawModal = document.getElementById("withdrawModal")
-  const activationModal = document.getElementById("activationModal")
-
-  if (event.target === depositModal) {
-    closeDepositModal()
-  }
+  const verificationModal = document.getElementById("verificationModal")
 
   if (event.target === withdrawModal) {
     closeWithdrawModal()
   }
 
-  if (event.target === activationModal) {
-    closeActivationModal()
+  if (event.target === verificationModal) {
+    closeVerificationModal()
   }
 }
-
-// Add floating animation to crypto coins
-document.addEventListener("DOMContentLoaded", () => {
-  const btcCoin = document.querySelector(".btc-coin")
-  const ethCoin = document.querySelector(".eth-coin")
-
-  if (btcCoin && ethCoin) {
-    // Add some randomness to the floating animation
-    setInterval(() => {
-      if (Math.random() > 0.5) {
-        btcCoin.style.transform = `translateY(${Math.random() * 10 - 5}px)`
-        ethCoin.style.transform = `translateY(${Math.random() * 10 - 5}px)`
-      }
-    }, 2000)
-  }
-})