// filepath: /home/smikkelbakje/Inventory/frontend/main.js

document.getElementById('data-form').addEventListener('submit', async (e) => {
  e.preventDefault();
  const name = document.getElementById('name').value;
  try {
    await invoke('insert_data', { name });
    console.log('Data inserted successfully'); // Debug print
    fetchData();
  } catch (error) {
    console.error('Error inserting data:', error); // Print error
  }
});

async function fetchData() {
  try {
    const data = await invoke('get_data');
    const dataList = document.getElementById('data-list');
    dataList.innerHTML = '';
    data.forEach(item => {
      const li = document.createElement('li');
      li.textContent = item;
      dataList.appendChild(li);
    });
  } catch (error) {
    console.error('Error fetching data:', error); // Print error
  }
}

fetchData();