let delay = document.querySelector('#delay');
let incognito = document.querySelector('#incognito');
let audible = document.querySelector('#audible');
let whitelistPages = document.querySelector('#whitelistPages');
let whitelistDomains = document.querySelector('#whitelistDomains');
let btnCancel = document.querySelector('#cancel');
let btnSave = document.querySelector('#save');

chrome.runtime.sendMessage({type: 'GET_OPTIONS'}, null, (options) => {
  delay.value = options.suspendAfterMins;
  incognito.checked = options.suspendIncognito;
  audible.checked = options.suspendAudible;
  whitelistPages.value = options.whitelistPages.join("\n");
  whitelistDomains.value = options.whitelistDomains.join("\n");
});

btnCancel.onclick = () => {
  window.close();
};

btnSave.onclick = () => {
  let whitelistPagesValue = whitelistPages.value.trim();
  let whitelistDomainsValue = whitelistDomains.value.trim();
  let options = {
    suspendAfterMins: delay.value,
    suspendIncognito: incognito.value,
    suspendAudible: audible.value,
    whitelistPages: whitelistPagesValue ? whitelistPagesValue.split("\n") : [],
    whitelistDomains: whitelistDomainsValue ? whitelistDomainsValue.split("\n") : [],
  };
  chrome.runtime.sendMessage({type: 'SET_OPTIONS', options: options}, () => {
    window.close();
  });
};