document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('.eye-icon').forEach(function(eyeIcon) {
        eyeIcon.addEventListener('click', function() {
            var input = this.closest('.form-grp').querySelector('input[type="password"], input[type="text"]');
            var icon = this.querySelector('img');

            if (input.type === 'password') {
                input.type = 'text';
                icon.src = passwordToggleVars.eyeClose;
                // icon.src = passwordToggleVars.eyeOpen;
            } else {
                input.type = 'password';
                // icon.src = passwordToggleVars.eyeClose;
                icon.src = passwordToggleVars.eyeOpen;
            }
        });
    });
});
document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('.eye-ico').forEach(function(eyeIcon) {
        eyeIcon.addEventListener('click', function() {
            var input = this.closest('.form-group').querySelector('input[type="password"], input[type="text"]');
            var icon = this.querySelector('img');

            if (input.type === 'password') {
                input.type = 'text';
                icon.src = passwordToggleVars.eyeClose;
                // icon.src = passwordToggleVars.eyeOpen;
            } else {
                input.type = 'password';
                // icon.src = passwordToggleVars.eyeClose;
                icon.src = passwordToggleVars.eyeOpen;
            }
        });
    });
});