document.addEventListener('DOMContentLoaded', () => {
    const form = document.getElementById('log-form');
    const msg  = document.getElementById('msg');

    // Default date to today
    setToday(document.getElementById('date'));

    form.addEventListener('submit', async (e) => {
        e.preventDefault();
        const btn = form.querySelector('[type=submit]');

        const data = {
            date:  document.getElementById('date').value,
            eggs:  parseInt(document.getElementById('eggs').value, 10),
            notes: document.getElementById('notes').value.trim() || null,
        };

        btn.disabled = true;
        try {
            await API.post('/api/eggs', data);
            showMessage(msg, 'Entry saved!');
            form.reset();
            setToday(document.getElementById('date'));
            loadHistory();
        } catch (err) {
            showMessage(msg, `Error: ${err.message}`, 'error');
        } finally {
            btn.disabled = false;
        }
    });
});