// Copy elements value to another element on change
// Used for title choosers
$(document).on('change', '[data-target]', function() {
    var target = $(this).data().target;
    $(target).val(this.value);
});

STUDIP.domReady(() => {
    $('#edit_userdata').on('change', 'input[name^=email]', function() {
        var changed = false;
        $('#edit_userdata input[name^=email]').each(function() {
            changed = changed || this.value !== this.defaultValue;
        });
        $('#edit_userdata .email-change-confirm').toggle(changed);
    });

    $('#edit_userdata .email-change-confirm').hide();

    const audioActive = $('input[name="personal_notifications_audio_activated"]');
    audioActive.on('change', function() {
        if (audioActive.is(':checked')) {
            navigator.permissions.query({name: 'autoplay'})
                .then(result => {
                    if (result.state !== 'granted') {
                        navigator.mediaDevices.getUserMedia({video: false, audio: true});
                    }
                })
                .catch(() => {
                    navigator.mediaDevices.getUserMedia({video: false, audio: true});
                });
        }
    });
});

$(document).on('input', '#new_password', function() {
    var message = $(this).data().message;
    if (this.validity.patternMismatch) {
        this.setCustomValidity(message);
    } else {
        this.setCustomValidity('');
    }
});