function check_checkboxes(name) {
    const checkboxes = document.querySelectorAll(`input[name="${name}"]:checked`);
    let values = [];
    checkboxes.forEach((checkbox) => {
        values.push("\"" + checkbox.value + "\"");
    });
    if (values) {
      return values;
    } else {
      return null;
    }
}

function testor(input) {
  let v1 = [];
  input.forEach((input) => {
    v1.push("\"" + input.trim() + "\"");
  });
  if (v1) {
    return v1;
  } else {
    return null;
  }
}

function showInput(e) {
  document.getElementById("display").innerHTML = '';
  e.preventDefault();
  var output_info = document.getElementById("myform");
  var display = document.getElementById("display");

  var d = new Date();
  var datestring = d.getFullYear() + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" + ("0" + d.getDate()).slice(-2) + "T" + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2) + ":00+02:00\"";

  var form = document.querySelector('form[id="myform"]');
  var title = form.elements['title'].value;
  var content = form.elements['content'].value;
  var when = form.elements['when'].value;
  var covid = form.elements['covid'].value;
  var price = form.elements['price'].value;
  var registeremail = form.elements['registeremail'].value;
  var cats_event = check_checkboxes('eventcategory');
  var cats_news = check_checkboxes('newscategory');
  var tags = check_checkboxes('tags');
  var newtag = testor(form.elements['newtag'].value.split(','));
  var featured = check_checkboxes('featured');


  if (newtag != '""') {
    var ntags = newtag;
  }

  if (tags != '') {
    var ntags = tags;
  }
 
  if (tags != '' && newtag != '""') {
    var ntags = tags + "," + newtag;
  }

  if (!title) {
    display.innerHTML += "Title is missing..<br>"
  }

  if (!content) {
    display.innerHTML += "Content is missing..<br>"
  }

  

  if (title && content) {
    display.innerHTML += "<div style=\"background-color: grey;\"";
    display.innerHTML += "---<br>";
    display.innerHTML += "title: \"" + title + "\"<br>";
    display.innerHTML += "date: \"" + datestring + "<br>";

    if (featured != '') {
      display.innerHTML += "featured: true<br>";
    }

    if (when) {
      display.innerHTML += "when: \"" + when + "\"<br>";
    }
    
    if (cats_news != '') {
        display.innerHTML += "categories: \[" + cats_news + "]<br>";
    }

    if (cats_event != '') {
        display.innerHTML += "events: \[" + cats_event + "]<br>";
    }
    
    if (ntags) {
        display.innerHTML += "tags: \[" + ntags + "]<br>";
    }
    if (covid) {
        display.innerHTML += "covid: \"" + covid + "\"<br>";
    }
    if (price) {
        display.innerHTML += "price: \"" + price + "\"<br>";
    }
    if (registeremail) {
        display.innerHTML += "registeremail: \"" + registeremail + "\"<br>";
    }
    display.innerHTML += "---<br>";
    display.innerHTML += "</div>";
    if (content) {
      display.innerHTML += content;
    }
  }
}