1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / earnlouq / zapedex.com /
Filename : wallets.php
back
<?php
session_start();
if (!isset($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}

include 'includes/header.php';
?>

<div class="container" style="width:100%;padding:0;margin-top:10px">
  <div id="walletMessage" class="text-center mt-4 text-red-400 hidden"></div>
  <div id="assetContainer" class="mt-2 " style="width:100%;">
    <div id="totalBalance" class="bg-gray-800 shadow-xl rounded-xl p-6 mb-6 text-center relative" style="height:165px;"></div>
    <div id="assetList" class="bg-gray-800 shadow-xl rounded-xl p-6"></div>
  </div>
</div>

<style>
  .asset-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: background-color 0.2s;
  }

  .asset-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }

  .asset-item__info {
    display: flex;
    align-items: center;
    flex: 1;
  }

  .asset-item__name {
    font-weight: 600;
    color: #ffffff;
  }

  .asset-item__balance {
    color: #9ca3af;
    font-size: 0.875rem;
  }

  .asset-item__value {
    font-weight: 500;
    color: #fff;
  }

  .asset-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 1rem;
  }

  .disconnect-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: 0.5;
    transition: opacity 0.2s;
  }

  .disconnect-icon:hover {
    opacity: 1;
  }

  .total-balance {
    color: #ffffff;
    font-weight: 500;
  }
</style>

<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/web3/4.7.0/web3.min.js"></script>

<script>
  var $j = jQuery.noConflict();
  //console.log('jQuery loaded:', $j.fn.jquery);

  if (typeof jQuery == 'undefined') {
    document.write('<script src="/js/jquery-3.6.0.min.js"><\/script>');
  }

  const tokenImages = {
    'BNB': 'images/coins/bnb.svg',
    'ASH Token': 'images/coins/ash.png',
    'USDT': 'images/coins/usdt.svg',
    'LTC': 'images/coins/ltc.svg',
    'ETH': 'images/coins/eth.svg',
    'TRON': 'images/coins/trx.svg',
    'ADA': 'images/coins/ada.svg',
    'DOGE': 'images/coins/doge.svg',
    'XRP': 'images/coins/xrp.svg',
    'ZEC': 'images/coins/zec.svg',
    'BCH': 'images/coins/bch.svg'
  };

  const tokens = [
    { name: 'BNB', contractAddress: null, decimals: 18, coingeckoId: 'binancecoin' },
    { name: 'ASH Token', contractAddress: '0xDA078A471e840E588E440332fBdD61f2CfeB7A6b', decimals: 18, poolAddress: '0x65a3fe5c7dc3edcb8d7b4f995aa855e783a9fd9c' },
    { name: 'USDT', contractAddress: '0x55d398326f99059fF775485246999027B3197955', decimals: 18, coingeckoId: 'tether' },
    { name: 'LTC', contractAddress: '0x4338665CBB7B2485A8855A139b75D5e34AB0DB94', decimals: 8, coingeckoId: 'litecoin' },
    { name: 'ETH', contractAddress: '0x2170Ed0880ac9A755fd29B2688956BD959F933F8', decimals: 18, coingeckoId: 'ethereum' },
    { name: 'TRON', contractAddress: '0x85EAC5Ac5fB5C3b8C670Ca50eC6e15D9F7D7EFB6', decimals: 6, coingeckoId: 'tron' },
    { name: 'ADA', contractAddress: '0x3EE2200Efb3400fAbB9AacF31297cBdD1d435D47', decimals: 6, coingeckoId: 'cardano' },
    { name: 'DOGE', contractAddress: '0xbA2aE424d960c26247Dd6c32edC70B295c744C43', decimals: 8, coingeckoId: 'dogecoin' },
    { name: 'XRP', contractAddress: '0x1D2F0da169ceB9fC7B3144628dB156f3F6c60dBE', decimals: 6, coingeckoId: 'ripple' },
    { name: 'ZEC', contractAddress: '0x1Ba42e5193dfA8B03D15dd1B86a3113bbBEF8Eeb', decimals: 8, coingeckoId: 'zcash' },
    { name: 'BCH', contractAddress: '0x8fF795a6F4D97E7887C79beA79aba5cc76444aDf', decimals: 8, coingeckoId: 'bitcoin-cash' }
  ];

  window.onload = function() {
    //console.log('Page loaded, checking localStorage for walletAddress');
    const walletAddress = localStorage.getItem('walletAddress');
    displayEmptyAssets(walletAddress);
    if (walletAddress && web3.utils.isAddress(walletAddress)) {
      //console.log('Valid wallet address found:', walletAddress);
      loadAssets(walletAddress);
    } else {
      ////console.log('No valid wallet address found in localStorage');
    }
  };

  function displayEmptyAssets(walletAddress = '') {
    const assetList = $j('#assetList');
    assetList.empty();

    const truncatedAddress = walletAddress 
      ? `${walletAddress.slice(0, 4)}.....${walletAddress.slice(-4)}` 
      : '';

    $j('#totalBalance').html(`
      <h2 class="text-2xl font-bold text-white" style="margin-bottom:15px;">Asset Balance</h2>
      <p class="text-3xl total-balance">$0.00</p>
      ${walletAddress ? `<p class="text-sm text-gray-400 mt-2" style="font-size:12px;">${truncatedAddress}</p>` : '<p class="text-sm text-gray-400 mt-2">No wallet connected</p>'}
      ${walletAddress ? `<button class="disconnect-icon" onclick="disconnectWallet()"><svg class="w-5 h-5 text-gray-400 hover:text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h3a3 3 0 013 3v1"></path></svg></button>` : ''}
    `);

    tokens.forEach(token => {
      assetList.append(`
        <div class="asset-item flex items-center justify-between p-4 border-b border-gray-700 hover:bg-gray-700 transition" id="asset-${token.name.replace(' ', '-')}">
          <div class="asset-item__info">
            <img src="${tokenImages[token.name]}" class="asset-icon" alt="${token.name} icon">
            <div>
              <div class="asset-item__name">${token.name}</div>
              <div class="asset-item__balance">0.0000 </div>
            </div>
          </div>
          <span class="asset-item__value" id="asset-${token.name.replace(' ', '-')}-value">$0.00</span>
        </div>
      `);
    });
  }

  let web3;
  try {
    web3 = new Web3('https://bsc-mainnet.public.blastapi.io');
    //console.log('Web3 initialized successfully');
  } catch (error) {
    console.error('Failed to initialize Web3:', error);
    $j('#walletMessage').text('Failed to connect to blockchain. Please try again later.').removeClass('hidden').addClass('block');
    setTimeout(() => $j('#walletMessage').removeClass('block').addClass('hidden'), 5000);
  }

  const tokenABI = [
    {
      "constant": true,
      "inputs": [{"name": "_owner", "type": "address"}],
      "name": "balanceOf",
      "outputs": [{"name": "balance", "type": "uint256"}],
      "type": "function"
    },
    {
      "constant": true,
      "inputs": [],
      "name": "decimals",
      "outputs": [{"name": "", "type": "uint8"}],
      "type": "function"
    }
  ];

  const pairABI = [
    {
      "constant": true,
      "inputs": [],
      "name": "getReserves",
      "outputs": [
        {"name": "_reserve0", "type": "uint112"},
        {"name": "_reserve1", "type": "uint112"},
        {"name": "_blockTimestampLast", "type": "uint32"}
      ],
      "type": "function"
    },
    {
      "constant": true,
      "inputs": [],
      "name": "token0",
      "outputs": [{"name": "", "type": "address"}],
      "type": "function"
    }
  ];

  async function fetchAshPrice(poolAddress, retries = 2) {
    try {
      //console.log('Fetching ASH price from pool:', poolAddress);
      const wbnbResponse = await fetch('https://api.coingecko.com/api/v3/simple/price?ids=wbnb&vs_currencies=usd');
      if (!wbnbResponse.ok) throw new Error('CoinGecko API request failed');
      const wbnbData = await wbnbResponse.json();
      const wbnbPrice = wbnbData.wbnb?.usd || 600;
      //console.log('WBNB price:', wbnbPrice);

      const pairContract = new web3.eth.Contract(pairABI, poolAddress);
      const reserves = await pairContract.methods.getReserves().call();
      const token0 = await pairContract.methods.token0().call();

      const ashTokenAddress = '0xDA078A471e840E588E440332fBdD61f2CfeB7A6b';
      const wbnbAddress = '0xbb4CdB9CBd36B01bD1cBaEBF2De08d9173bc095c';
      let ashReserve, wbnbReserve;

      if (token0.toLowerCase() === ashTokenAddress.toLowerCase()) {
        ashReserve = reserves._reserve0;
        wbnbReserve = reserves._reserve1;
      } else {
        ashReserve = reserves._reserve1;
        wbnbReserve = reserves._reserve0;
      }

      const ashReserveEther = parseFloat(web3.utils.fromWei(ashReserve, 'ether'));
      const wbnbReserveEther = parseFloat(web3.utils.fromWei(wbnbReserve, 'ether'));
      const wbnbPerAsh = wbnbReserveEther / ashReserveEther;
      const ashPrice = wbnbPerAsh * wbnbPrice;

      //console.log('ASH Reserves:', ashReserveEther, 'WBNB Reserves:', wbnbReserveEther, 'WBNB/USD:', wbnbPrice, 'ASH/USD:', ashPrice);
      return ashPrice;
    } catch (error) {
      console.error('Error fetching ASH price, retries left:', retries, error);
      if (retries > 0) {
        await new Promise(resolve => setTimeout(resolve, 1000));
        return fetchAshPrice(poolAddress, retries - 1);
      }
      return 0.000007218;
    }
  }

  async function fetchPrices(retries = 2) {
    try {
      //console.log('Fetching token prices');
      const cachedPrices = localStorage.getItem('tokenPrices');
      if (cachedPrices) {
        //console.log('Using cached prices:', JSON.parse(cachedPrices));
        return JSON.parse(cachedPrices);
      }

      const ids = tokens.filter(token => token.coingeckoId && token.name !== 'ASH Token').map(token => token.coingeckoId).join(',');
      const response = await fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${ids}&vs_currencies=usd`);
      if (!response.ok) throw new Error('CoinGecko API request failed');
      const data = await response.json();

      const ashPrice = await fetchAshPrice('0x65a3fe5c7dc3edcb8d7b4f995aa855e783a9fd9c');
      const prices = tokens.map(token => {
        if (token.name === 'ASH Token') return ashPrice;
        return data[token.coingeckoId]?.usd || (token.name === 'USDT' ? 1 : 0);
      });

      localStorage.setItem('tokenPrices', JSON.stringify(prices));
      //console.log('Fetched and cached prices:', prices);
      return prices;
    } catch (error) {
      console.error('Error fetching prices, retries left:', retries, error);
      if (retries > 0) {
        await new Promise(resolve => setTimeout(resolve, 1000));
        return fetchPrices(retries - 1);
      }
      const cachedPrices = localStorage.getItem('tokenPrices');
      return cachedPrices ? JSON.parse(cachedPrices) : tokens.map(token => token.staticPrice || (token.name === 'USDT' ? 1 : 0));
    }
  }

  async function updatePrices(balances, walletAddress) {
    try {
      //console.log('Updating prices');
      const prices = await fetchPrices();
      let totalBalanceUSD = 0;

      tokens.forEach((token, i) => {
        if (balances[token.name]) {
          const valueUSD = parseFloat(balances[token.name]) * prices[i];
          totalBalanceUSD += valueUSD;
          $j(`#asset-${token.name.replace(' ', '-')}-value`).text(`$${valueUSD.toFixed(2)}`);
        }
      });

      const truncatedAddress = walletAddress 
        ? `${walletAddress.slice(0, 4)}.....${walletAddress.slice(-4)}` 
        : '';

      $j('#totalBalance').html(`
        <h2 class="text-2xl font-bold text-white">Total Balance</h2>
        <p class="text-3xl total-balance">$${totalBalanceUSD.toFixed(2)}</p>
        ${walletAddress ? `<p class="text-sm text-gray-400 mt-2">${truncatedAddress}</p>` : '<p class="text-sm text-gray-400 mt-2">No wallet connected</p>'}
        ${walletAddress ? `<button class="disconnect-icon" onclick="disconnectWallet()"><svg class="w-5 h-5 text-gray-400 hover:text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h3a3 3 0 013 3v1"></path></svg></button>` : ''}
      `);
    } catch (error) {
      console.error('Error updating prices:', error);
    }
  }

  async function loadAssets(walletAddress) {
    try {
      //console.log('Loading assets for wallet:', walletAddress);
      if (!web3) throw new Error('Web3 not initialized');
      if (!web3.utils.isAddress(walletAddress)) throw new Error('Invalid wallet address');

      const prices = await fetchPrices();
      const balances = {};

      for (let i = 0; i < tokens.length; i++) {
        const token = tokens[i];
        let balance = 0;

        try {
          if (token.contractAddress === null) {
            //console.log('Fetching BNB balance');
            const balanceWei = await web3.eth.getBalance(walletAddress);
            balance = web3.utils.fromWei(balanceWei, 'ether');
          } else {
            //console.log('Fetching balance for token:', token.name);
            const tokenContract = new web3.eth.Contract(tokenABI, token.contractAddress);
            const rawBalance = await tokenContract.methods.balanceOf(walletAddress).call();
            balance = web3.utils.fromWei(rawBalance, token.decimals === 6 ? 'mwei' : token.decimals === 8 ? 'gwei' : 'ether');
          }
          //console.log(`Fetched balance for ${token.name}: ${balance}`);
        } catch (error) {
          console.error(`Error fetching balance for ${token.name}:`, error);
          balance = 0;
        }

        balances[token.name] = balance;
        const valueUSD = parseFloat(balance) * prices[i];
        $j(`#asset-${token.name.replace(' ', '-')}`).html(`
          <div class="asset-item__info">
            <img src="${tokenImages[token.name]}" class="asset-icon" alt="${token.name} icon">
            <div>
              <div class="asset-item__name">${token.name}</div>
              <div class="asset-item__balance">${parseFloat(balance).toLocaleString(undefined, { minimumFractionDigits: 4, maximumFractionDigits: 4 })} </div>
            </div>
          </div>
          <span class="asset-item__value" id="asset-${token.name.replace(' ', '-')}-value">$${valueUSD.toFixed(2)}</span>
        `);
      }

      const totalBalanceUSD = Object.keys(balances).reduce((sum, key) => sum + parseFloat(balances[key]) * prices[tokens.findIndex(t => t.name === key)], 0);

      const truncatedAddress = walletAddress 
        ? `${walletAddress.slice(0, 4)}.....${walletAddress.slice(-4)}` 
        : '';

      $j('#totalBalance').html(`
        <h2 class="text-2xl font-bold text-white" style="margin-bottom:15px;">Asset Balance</h2>
        <p class="text-3xl total-balance">$${totalBalanceUSD.toFixed(2)}</p>
        <p class="text-sm text-gray-400 mt-2">${truncatedAddress}</p>
        <button class="disconnect-icon" onclick="disconnectWallet()"><svg class="w-5 h-5 text-gray-400 hover:text-red-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h3a3 3 0 013 3v1"></path></svg></button>
      `);

      //console.log('Assets loaded, starting price updates');
      setInterval(() => updatePrices(balances, walletAddress), 60000);
    } catch (error) {
      console.error('Error loading assets:', error);
      $j('#walletMessage').text('Error loading wallet assets: ' + error.message).removeClass('hidden').addClass('block');
      setTimeout(() => $j('#walletMessage').removeClass('block').addClass('hidden'), 5000);
    }
  }

  function disconnectWallet() {
    //console.log('Disconnecting wallet');
    $j.post('disconnect-wallet.php', { 
      csrf_token: '<?php echo $_SESSION['csrf_token']; ?>'
    }, function(response) {
      if (response.success) {
        //console.log('Wallet disconnected successfully');
        localStorage.removeItem('walletAddress');
        $j('#walletMessage').text('Wallet disconnected successfully!').removeClass('hidden').addClass('block');
        setTimeout(() => {
          $j('#walletMessage').removeClass('block').addClass('hidden');
          window.location.href = 'auth';
        }, 2000);
      } else {
        console.error('Error disconnecting wallet:', response.message || 'Unknown error');
        $j('#walletMessage').text('Error disconnecting wallet: ' + (response.message || 'Please try again.')).removeClass('hidden').addClass('block');
        setTimeout(() => $j('#walletMessage').removeClass('block').addClass('hidden'), 3000);
      }
    }, 'json').fail(function(jqXHR) {
      console.error('Disconnect AJAX error:', jqXHR.responseText);
      $j('#walletMessage').text('Error disconnecting wallet: ' + (jqXHR.responseJSON?.message || 'Server error')).removeClass('hidden').addClass('block');
      setTimeout(() => $j('#walletMessage').removeClass('block').addClass('hidden'), 3000);
    });
  }
</script>
</body>
</html>