// Function to generate QR code based on instructor's information
function generateQRCode() {
  var instructorName = document.getElementById("instructorName").value;
  var instructorEmail = document.getElementById("instructorEmail").value;
  var className = document.getElementById("className").value;
  var qrData = {
    instructorName: instructorName,
    instructorEmail: instructorEmail,
    className: className
  };
  var qrCodeText = JSON.stringify(qrData);
  var qrCodeDiv = document.getElementById("qrcode");
  qrCodeDiv.innerHTML = ""; // Clear previous QR code if any
  new QRCode(qrCodeDiv, qrCodeText);
  
  // Here you would store qrCodeText in your database
  // This step depends on your backend implementation
}

// Function to handle instructor form submission
document.getElementById("instructorForm").addEventListener("submit", function(event) {
  event.preventDefault(); // Prevent default form submission
  generateQRCode(); // Call function to generate QR code
});

// Function to handle student check-in form submission
document.getElementById("studentForm").addEventListener("submit", function(event) {
  event.preventDefault(); // Prevent default form submission
  var studentName = document.getElementById("studentName").value;
  var studentID = document.getElementById("studentID").value;
  
  // Here you would store studentName and studentID in your database
  // This step depends on your backend implementation
  
  // For now, let's just add the student's information to the displayed list
  var checkedInList = document.getElementById("checkedInList");
  var listItem = document.createElement("li");
  listItem.textContent = studentName + " - " + studentID;
  checkedInList.appendChild(listItem);
  
  // Reset the form fields after submission
  document.getElementById("studentName").value = "";
  document.getElementById("studentID").value = "";
});