/**
 * Code Generated by an AI
 * Never tested in production, the goal is to store it as Gist before I can try this in a real web project.
 */
class FormDataStore {
  // Constructor function to set up the data store
  constructor() {
    this.data = {};
  }

  // Method to save the form data to local storage
  saveData(form) {
    // Get all of the form inputs
    const inputs = form.querySelectorAll('input, textarea, select');

    // Loop through the inputs and save their data
    inputs.forEach((input) => {
      const inputType = input.getAttribute('type');
      let value;

      // Handle the input type
      switch (inputType) {
        case 'radio':
          if (input.checked) {
            value = input.value;
          }
          break;
        case 'checkbox':
          value = input.checked;
          break;
        default:
          value = input.value;
          break;
      }

      // Save the input value to the data store
      if (value !== undefined) {
        this.data[input.id] = value;
      }
    });

    // Save the data store to local storage
    localStorage.setItem('form_data', JSON.stringify(this.data));
  }

  // Method to load the form data from local storage
  loadData() {
    // Retrieve the data from local storage
    const data = JSON.parse(localStorage.getItem('form_data'));

    // Loop through the data and populate the form inputs
    for (const key in data) {
      if (data.hasOwnProperty(key)) {
        const input = document.getElementById(key);
        const inputType = input.getAttribute('type');

        // Handle the input type
        switch (inputType) {
          case 'radio':
            if (input.value === data[key]) {
              input.checked = true;
            }
            break;
          case 'checkbox':
            input.checked = data[key];
            break;
          default:
            input.value = data[key];
            break;
        }
      }
    }
  }
}