import { TatumSDK, Network, Ethereum, ResponseDto } from "https://cdn.skypack.dev/@tatumio/tatum";

const button = document.getElementById("get");
const resultContainer = document.getElementById("result");
const timeContainer = document.getElementById("time");
const contractContainer = document.getElementById("contractAddress");


let collectionAddress;

button.addEventListener("click", async () => {
  
  // Get the input from the text input field
  const key = document.getElementById("key").value;
  const name = document.getElementById("inputText").value;
  const symbol = document.getElementById("inputText2").value;
  const owner = document.getElementById("inputText3").value;
  
const tatum = await TatumSDK.init<Ethereum>({ network: Network.ETHEREUM_SEPOLIA,  apiKey: {v4: key}});
  // Create NFT collection
  const tx = await tatum.nft.createNftCollection({
    name: name, 
    symbol: symbol,
    owner: "0xCAE83F10d87C0Ac550A86dA8eB4b786085135447"
  });
  
  console.log(tx.data.txId);
  
  // Display the result
  resultContainer.innerHTML = `
    <p>${tx.data.txId}</p>
  `;

  while (!collectionAddress) {
    await printTimeWithDelay(5); // Wait for 5 seconds before the next iteration
    collectionAddress = await tatum.rpc.getContractAddress(tx.data.txId);
    console.log(collectionAddress);
  }

  // Display the result
  contractContainer.innerHTML = `
    <p>${collectionAddress}</p>
  `;
});

async function printTimeWithDelay(delayInSeconds: number) {
  await new Promise(resolve => setTimeout(resolve, delayInSeconds * 1000));
}