document.getElementById("grabbutton").addEventListener("click", function () {
    browser.tabs.query({ active: true, currentWindow: true }).then(tabs => {
        browser.tabs
            .sendMessage(tabs[0].id, { action: "get" })
            .then(response => {
                tablebody = document.getElementById("tablebody");
                tablebody.innerHTML = "";
                response.forEach(row => {
                    let tr = document.createElement("tr");
                    const cellids = [0, 4, 6, 7];
                    for (let i = 0; i < cellids.length; i++) {
                        let td = document.createElement("td");
                        td.textContent = row[cellids[i]];
                        if (i == 1) td.textContent = td.textContent.substring(13);
                        tr.appendChild(td);
                    }
                    tablebody.appendChild(tr);
                });
            });
    })
        .catch(error => {
            console.log(error);
        });
});

document.getElementById("inputbutton").addEventListener("click", function () {
    browser.tabs.query({ active: true, currentWindow: true }).then(tabs => {
        browser.tabs
            .sendMessage(tabs[0].id, { action: "send", content: document.getElementById("tablebody") })
            .then(response => {
                console.log(response);
            });
    })
        .catch(error => {
            console.log(error);
        });
});