	<script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            const passwordField = document.getElementById("user_pass");
            const passwordWrapper = document.createElement("div");
            passwordWrapper.style.position = "relative";
            
            const togglePassword = document.createElement("span");
            togglePassword.id = "toggle-password";
            togglePassword.className = "toggle-password";
            togglePassword.innerHTML = "&#128065;";
            togglePassword.style.position = "absolute";
            togglePassword.style.right = "53%";
            togglePassword.style.top = "50%";
            togglePassword.style.transform = "translateY(-50%)";
            togglePassword.style.cursor = "pointer";
            
            passwordField.parentNode.insertBefore(passwordWrapper, passwordField);
            passwordWrapper.appendChild(passwordField);
            passwordWrapper.appendChild(togglePassword);

            togglePassword.addEventListener("click", function() {
                const type = passwordField.getAttribute("type") === "password" ? "text" : "password";
                passwordField.setAttribute("type", type);
                this.innerHTML = type === "password" ? "&#128065;" : "&#128065;"; // Different icons for different states
            });
        });
		document.addEventListener("DOMContentLoaded", function() {
			const passwordField = document.getElementById("user_pass");
			const passwordWrapper = document.createElement("div");
			passwordWrapper.style.position = "relative";

			const togglePassword = document.createElement("span");
			togglePassword.id = "toggle-password";
			togglePassword.className = "toggle-password";
			togglePassword.innerHTML = "&#128065;";
			togglePassword.style.position = "absolute";
			togglePassword.style.right = "53%";
			togglePassword.style.top = "50%";
			togglePassword.style.transform = "translateY(-50%)";
			togglePassword.style.cursor = "pointer";

			passwordField.parentNode.insertBefore(passwordWrapper, passwordField);
			passwordWrapper.appendChild(passwordField);
			passwordWrapper.appendChild(togglePassword);

			togglePassword.addEventListener("click", function() {
				const type = passwordField.getAttribute("type") === "password" ? "text" : "password";
				passwordField.setAttribute("type", type);
				this.innerHTML = type === "password" ? "&#128065;" : "&#128065;";
			});
		});
    </script>
	
	<style>
	#loginform
	{
	 margin-left: 39%;
	}
	.toggle-password {
        position: absolute;
        right: 53%;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        user-select: none; /* Prevent text selection */
    }
	#loginform a
	{
    	margin-left: 39%!important;
	}
	
	#loginform p{

		margin-bottom: 10px;

	}

	#loginform .login-username label, .login-password label{

		display: block;

	}

	#loginform .login-username input, .login-password input{

		width: 50%;
		margin:0px;

	}
	#loginform .login-submit input {
		// border-radius: 28px;
		padding: 8px 60px !important;
		background-color: #104B73;
		border: 0px !important;
		color: #ffffff !important;
		font-size: 20px !important;
		text-transform: uppercase !important;
		text-decoration: none !important;
	}
	
	.forgot_pass_link
	{
	    margin: auto;
	    display: block;
	    color:#fff;
	     margin-left: 39% !important;
	}

	</style><form name="loginform" id="loginform" action="https://askthehoa.com/administration/wp-login.php" method="post"><p class="login-username">
				<label for="user_login">Username or Email ID</label>
				<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
			</p><p class="login-password">
				<label for="user_pass">Password</label>
				<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
			</p><p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label></p><p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Log In" />
				<input type="hidden" name="redirect_to" value="https://askthehoa.com/administration/?association=user" />
			</p></form><a  class="forgot_pass_link" href="https://askthehoa.com/administration/forgot-password" title="Lost Password">Forgot your password?</a> {"id":11,"date":"2022-07-15T10:49:17","date_gmt":"2022-07-15T10:49:17","guid":{"rendered":"https:\/\/askthehoa.com\/administration\/apartment-management-login-page\/"},"modified":"2022-07-15T10:49:17","modified_gmt":"2022-07-15T10:49:17","slug":"apartment-management-login-page","status":"publish","type":"page","link":"https:\/\/askthehoa.com\/administration\/","title":{"rendered":"Apartment Management Login Page"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/askthehoa.com\/administration\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/askthehoa.com\/administration\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/askthehoa.com\/administration\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/askthehoa.com\/administration\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/askthehoa.com\/administration\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":0,"href":"https:\/\/askthehoa.com\/administration\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"wp:attachment":[{"href":"https:\/\/askthehoa.com\/administration\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}