let commonDiv = document.createElement("DIV");

commonDiv.innerHTML = `
<center>

<h1>Customize your Managebac Plus here!</h1>

<p>This is the ManageBac plus extension library, where you can enhance your experience further!<br>
<br>
If you are a developer, feel free to create your own extension.</p>

<div id='extensions'>
<h3>Loading extensions...</h3>
</div>

</center>

<style>

p{
  font-size: 17px;
}

</style>
`;

document.body.appendChild(commonDiv);

chrome.storage.local.get(["loggedUser"], (res) => {

  let loggedUser = res.loggedUser;

  if(loggedUser == null){

    document.getElementById("extensions").innerHTML = "Please refresh your managebac dashboard and come back. Thanks!";

  }

});

$.post("http://zubatomic.com/projects/managebac/ajax", {cmd: "getExtensions"}, extensionRaw => {

  extensions = [];

  try{
    extensions = JSON.parse(extensionRaw);
  }catch(e){
    console.error(e);
  }

  console.log(extensions);

});

/*

let developerDiv = document.createElement("DIV");

document.body.appendChild(developerDiv);

chrome.storage.local.get(["configDeveloperMode", "userCodeInject"], v => {

  if(v.configDeveloperMode){

    if(v.userCodeInject == null) v.userCodeInject = `let injectCss = c => {
  let t = document.createElement("STYLE");
  t.innerHTML = c;
  document.head.appendChild(t);
}`;

    developerDiv.innerHTML = `

    <center>

    <h1>Welcome to developer mode</h1>

    <h2>Inject javascript code below: </h2>
    <h3>Preferably code in a different code editor and then paste here.</h3>

    <textarea id='codeTextarea' style='width: 100%; height: 250px;'>${v.userCodeInject}</textarea>

    <br>

    <button id='uploadCodeButton'>Upload</button>

    <p>JQuery is included in ManageBac</p>

    </center>

    `;

    let button = document.getElementById("uploadCodeButton");

    button.onclick = evt => {

      let textarea = document.getElementById("codeTextarea");

      chrome.storage.local.set({userCodeInject: textarea.value}, r => {});

    };

  }

});

*/