$(document).ready(() => {
  const id = '989'; // default NFT ID
  $.getJSON(`/nft/${id}`, (nftData) => {
    const { image_path, nft_info } = nftData;
    $('#nft-info').html(`
      <h2>NFT Information</h2>
      <img src="${image_path}" />
      <ul>
        <li>ID: ${nft_info.id}</li>
        <li>Collection: ${nft_info.collection}</li>
        <li>Name: ${nft_info.name}</li>
        <li>Description: ${nft_info.description}</li>
        <li>Total NFTs: ${nft_info.total_nfts}</li>
        <li>On Sale: ${nft_info.on_sale}</li>
        <li>Last Sale Value: ${nft_info.last_sale_value}</li>
        <li>Number of Bids: ${nft_info.num_bids}</li>
        <li>Rank: ${nft_info.rank}</li>
      </ul>
    `);
  });
});