import { ethers } from "./ethers.js";
    const provider = new ethers.providers.Web3Provider(window.ethereum)


    console.log("provider",provider)
    // MetaMask requires requesting permission to connect users accounts
    const accounts = await provider.send("eth_requestAccounts", []);
    console.log("account connected",accounts[0])
    document.getElementById("account").innerHTML = accounts[0]

    const chainid = await provider.send("eth_chainId", []);
    document.getElementById("chainid").innerHTML = chainid
    console.log("web3 chainId:",chainid)
    
    
   

 

    //Signature Request Button
    //function personalSignButton() {
        personalSignButton.addEventListener('click', async function (event) {
            console.log("clicked")
            const signer = provider.getSigner()     
            const signedMessage = await signer.signMessage("New Message 12355335")
            console.log(signedMessage)
            document.getElementById("signed").innerHTML = signedMessage
        //     const message = 'Hello Test Signaute';
        //     document.getElementById("message").innerHTML = message
        //     // In frontend
        //     //const provider = new ethers.providers.Web3Provider(window.ethereum);
        //     //await provider.send('eth_requestAccounts', []) // connects MetaMask
        //     const signer = provider.getSigner(accounts[0])
        //     //const signer = provider.getSigner()
        //     const signature = await signer.signMessage(message);
        //     console.log("signature",signature)
        //     document.getElementById("signature").innerHTML = signature
        //     // On server
        //     const recoveredAddress = ethers.utils.verifyMessage(message, signature);
        //     console.log("recoveredAddress",recoveredAddress)
        //     document.getElementById("recoveredAddress").innerHTML = recoveredAddress
        //     //assert(recoveredAddress === await signer.getAddress());
    
     });
//    }