script.js

document.getElementById('taskForm').addEventListener('submit', function (e) {
    e.preventDefault();
    const formData = new FormData(this);

    // Debugging: Log form data before sending
    for (let [key, value] of formData.entries()) {
        console.log(`Form Data: ${key} = ${value}`);
    }

    fetch('php/create_task.php', {
        method: 'POST',
        body: formData
    })
    .then(response => {
        console.log('Response Status:', response.status);
        return response.json();
    })
    .then(data => {
        console.log('Server Response:', data);
        if (data.success) {
            alert('Task created successfully!');
            fetchTasks(); // Refresh task list
            this.reset(); // Clear form
        } else {
            alert('Error creating task: ' + (data.error || 'Unknown error'));
        }
    })
    .catch(error => {
        console.error('Fetch Error:', error);
        alert('Failed to create task. Check the console for details.');
    });
});