document.addEventListener('DOMContentLoaded', function() {
    const addItemForm = document.getElementById('add-item-form');

    if (addItemForm) {
        addItemForm.addEventListener('submit', function(e) {
            const requiredInputs = addItemForm.querySelectorAll('[required]');
            let firstError = null;

            requiredInputs.forEach(input => {
                if (!input.value.trim()) {
                    input.style.borderColor = '#E74C3C';
                    if (!firstError) {
                        firstError = input;
                    }
                } else {
                    input.style.borderColor = '#ccc';
                }
            });

            if (firstError) {
                e.preventDefault();
                alert('Please fill out all required fields.');
                firstError.focus();
            }
        });
    }

    // Auto-hide toast messages
    const toastMessages = document.querySelectorAll('.toast');
    toastMessages.forEach(toast => {
        setTimeout(() => {
            toast.style.display = 'none';
        }, 5000); // Hide after 5 seconds
    });

});