// Login page: show/hide password toggle. Both icons are in the markup;
// this just flips which one is hidden, so no HTML is built in JS.

const btn = document.getElementById('btn-toggle-login-password');
const input = document.getElementById('password');

if (btn && input) {
	const eyeOpen = btn.querySelector('.js-eye-open');
	const eyeOff = btn.querySelector('.js-eye-off');

	btn.addEventListener('click', () => {
		const show = input.type === 'password';
		input.type = show ? 'text' : 'password';
		btn.setAttribute('aria-label', show ? 'Hide password' : 'Show password');
		eyeOpen.hidden = show;
		eyeOff.hidden = !show;
		input.focus();
	});
}