document.addEventListener("DOMContentLoaded", e => {
    const textArea = document.querySelector("#blacklist");

    chrome.storage.sync.get("blacklist", result => {
        if (result.blacklist) {
            textArea.value = JSON.parse(result.blacklist).join("\n");
        } else {
            textArea.value = "";
        }
    });
    
    textArea.addEventListener("change", e => {
        const blacklist = e.target.value.toLowerCase().split("\n").map(line => line.trim()).filter(line => line.length > 0);

        chrome.storage.sync.set({"blacklist": JSON.stringify(blacklist)});
    });

    document.querySelector("#confirm").addEventListener("click", e => {
        const blacklist = document.querySelector("#blacklist").value.toLowerCase().split("\n").map(line => line.trim()).filter(line => line.length > 0);

        chrome.storage.sync.set({"blacklist": JSON.stringify(blacklist)});

        window.close();
    });

    document.querySelector("#blacklist-label").innerText = chrome.i18n.getMessage("blacklistLabel");
    document.querySelector("#confirm").innerText = chrome.i18n.getMessage("blacklistSave");
    document.querySelector("title").innerText = chrome.i18n.getMessage("extNameShort");
});