document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll('.toggle-password').forEach(item => {
        item.addEventListener('click', function () {
            let input = document.querySelector(this.getAttribute('toggle'));
            if (input) {
                if (input.getAttribute('type') === 'password') {
                    input.setAttribute('type', 'text');
                    this.innerHTML = '<i class="fa fa-eye-slash"></i>';
                } else {
                    input.setAttribute('type', 'password');
                    this.innerHTML = '<i class="fa fa-eye"></i>';
                }
            }
        });
    });
});