Untitled

add_action( 'wp_footer', function () {
	$endpoint = get_option( 'b2bking_subaccounts_endpoint_setting', 'subaccounts' );

	if ( ! function_exists( 'is_wc_endpoint_url' ) || ! is_wc_endpoint_url( $endpoint ) ) {
		return;
	}
	?>
	<style>
		.b2bking-password-wrap {
			display: block;
			position: relative;
			margin: 5px 0 18px;
		}

		.b2bking_subaccounts_new_account_container_content_element
		.b2bking-password-wrap input {
			box-sizing: border-box;
			margin: 0 !important;
			padding-inline-end: 65px !important;
			width: 100% !important;
		}

		.b2bking-password-toggle {
			position: absolute !important;
			inset-inline-end: 12px;
			top: 50%;
			transform: translateY(-50%);
			min-width: 0 !important;
			min-height: 0 !important;
			margin: 0 !important;
			padding: 4px !important;
			border: 0 !important;
			background: transparent !important;
			box-shadow: none !important;
			color: #555 !important;
			font-size: 13px !important;
			line-height: 1 !important;
			text-transform: none !important;
		}
	</style>

	<script>
		document.addEventListener('DOMContentLoaded', function () {
			var input = document.querySelector(
				'input[name="b2bking_subaccounts_new_account_password"]'
			);

			if (!input || input.closest('.b2bking-password-wrap')) {
				return;
			}

			var wrapper = document.createElement('span');
			wrapper.className = 'b2bking-password-wrap';

			input.parentNode.insertBefore(wrapper, input);
			wrapper.appendChild(input);

			var button = document.createElement('button');
			button.type = 'button';
			button.className = 'b2bking-password-toggle';
			button.textContent = 'Show';
			button.setAttribute('aria-label', 'Show password');

			button.addEventListener('click', function () {
				var visible = input.type === 'text';

				input.type = visible ? 'password' : 'text';
				button.textContent = visible ? 'Show' : 'Hide';
				button.setAttribute(
					'aria-label',
					visible ? 'Show password' : 'Hide password'
				);
				input.focus();
			});

			wrapper.appendChild(button);
		});
	</script>
	<?php
} );