document.addEventListener('DOMContentLoaded', () => {
    const createEmailAddress = document.getElementById('field-create_email');
    const username = document.getElementById('field-username');
    const domain = document.getElementById('field-domain');
    const recovery_email = document.getElementById('field-recovery_email');
    const recovery_email_label = recovery_email.parentElement.querySelector('.hint');

    function updateForm() {
        if (createEmailAddress.checked) {
            recovery_email.removeAttribute('required');
            recovery_email_label.style.display = 'block';
            username.disabled = domain.disabled = false;
        } else {
            recovery_email.setAttribute('required', 'required');
            recovery_email_label.style.display = 'none';
            username.disabled = domain.disabled = true;
        }
    }

    createEmailAddress.addEventListener('change', updateForm);
    updateForm();
});