document.addEventListener('DOMContentLoaded', function () {
    const onboardingForm = document.getElementById('vendorOnboardingForm');
    if (onboardingForm) {
        onboardingForm.addEventListener('submit', function (event) {
            let isValid = true;
            const requiredFields = ['business_name', 'contact_name', 'email'];

            requiredFields.forEach(function(field) {
                const input = document.getElementById(field);
                if (!input.value) {
                    isValid = false;
                    input.classList.add('is-invalid');
                } else {
                    input.classList.remove('is-invalid');
                }
            });

            const emailField = document.getElementById('email');
            const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
            if (emailField.value && !emailPattern.test(emailField.value)) {
                isValid = false;
                emailField.classList.add('is-invalid');
            } else if (emailField.value) {
                emailField.classList.remove('is-invalid');
            }

            if (!isValid) {
                event.preventDefault();
                event.stopPropagation();
            }
        });
    }

    // Auto-hide toast notifications
    const toastElList = [].slice.call(document.querySelectorAll('.toast'));
    const toastList = toastElList.map(function (toastEl) {
        const toast = new bootstrap.Toast(toastEl, { delay: 5000 });
        toast.show();
        return toast;
    });
});