var tableOptions = [["Ajouter une nouvelle loi", false],["Améliorer une loi", false],["Supprimer une loi", false]];

function chooseOption(id) {
  let listLaws = document.querySelector("#listLaws");
  listLaws.innerHTML = genListeTableLaws();
  switch (id) {
    case 0:
      listLaws.innerHTML = genListeAddLaws();
      break;
    case 1:
      listLaws.innerHTML = genListeUpgradeLaws();
      break;
    case 2:
      listLaws.innerHTML = genListeRemoveLaws();
      break;
    default:
      listLaws.innerHTML = genListeTableLaws();
  }
  enableOption(id);
}

function genListeOptions(newEventId) {
  console.log(newEventId);
  let element = document.querySelector("#options");
  let res = "";
  if (newEventId == -1) {
    for (var i = 0; i < tableOptions.length; i++) {
        res = res + genOption(i);
      }
    element.innerHTML = res;
    console.log(newEventId);
  }
  else {
    console.log("ca marche2");
    element.innerHTML = genAddEventLaw(newEventId, 0) + genAddEventLaw(newEventId, 1);
  }
}

function enableOption(id) {
  for (var i = 0; i < tableOptions.length; i++) {
    if (i == id) {
      tableOptions[i][1] = true;
    }
    else {
      tableOptions[i][1] = false;
    }
  }
  genListeOptions();
}

function resetOptions() {
  for (var i = 0; i < tableOptions.length; i++) {
    tableOptions[i][1] = false;
  }
}

function genOption(id, newEventId) {
  return "<p onClick=\"chooseOption(" + id + ")\">" + tableOptions[id][0] + "</p>";
}