{showpage:header/index}
<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr align="center">
		<td>{showpage:header/settingsheader}</td>
	</tr>
	<tr align="center">
		<td>&nbsp;</td>
	</tr>
	<tr align="center">
		<td height="42"><span id="styleTitle">Change Password</span></td>
	</tr>
	<tr>
		<td>
	</tr>
	<tr align="center">
		<td>
		{formstart:password:{url:(settings/storepasswordinfo)}:post}
		<table width="75%" border="0" cellpadding="0" cellspacing="0"	style="border-width: 1px; border-color: #cccccc; border-style: solid;">
			<tr bgcolor="#eeeeee">
				<td height="20px" colspan="3">&nbsp;</td>
			</tr>
			<tr bgcolor="#eeeeee">
				<td width="15%" height="48">&nbsp;</td>
				<td width="30%" align="left" style="padding-right: 10px">Current Password
					<span class="tool-out">
                    <span class="tooltp-outr"><img src="images/information.png" style="width: 13px;opacity: .7;"></span>
                   <div class="tool-tp">Enter your current password.
                   </div>
                  </span>
				</td>
				<td width="55%" align="left" style="padding-left: 10px"><input type="password" name="old" >&nbsp;<span class="mandatory">*</span></td>
			</tr>
			<tr bgcolor="#eeeeee">
				<td height="48">&nbsp;</td>
				<td align="left" style="padding-right: 10px">New Password
					<span class="tool-out">
                    <span class="tooltp-outr"><img src="images/information.png" style="width: 13px;opacity: .7;"></span>
                   <div class="tool-tp">Enter your new password.
                   </div>
                  </span>
				</td>
				<td align="left" style="padding-left: 10px"><input type="password" name="newpassword" >&nbsp;<span class="mandatory">*</span></td>
			</tr>
			<tr bgcolor="#eeeeee">
				<td height="48">&nbsp;</td>
				<td align="left" style="padding-right: 10px">Confirm Password
					<span class="tool-out">
                    <span class="tooltp-outr"><img src="images/information.png" style="width: 13px;opacity: .7;"></span>
                   <div class="tool-tp">Re-enter your new password.
                   </div>
                  </span>
				</td>
				<td align="left" style="padding-left: 10px"><input type="password" name="confirm">&nbsp;<span class="mandatory">*</span></td>
			</tr>
			<tr bgcolor="#eeeeee">
			<td colspan="2">&nbsp;</td>
				<td align="left" height="48" style="padding-left: 10px"><input type="submit"	name="submit" value="Change Password"></td>
			</tr>
		</table>
		{formend:password}
		</td>
	</tr>
</table>
{showpage:footer/index}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>

		$('input[type="submit"]').click(function(event) {
	
			var old = $('input[name="old"]').val().trim();
			var newpassword = $('input[name="newpassword"]').val().trim();
			var confirm = $('input[name="confirm"]').val().trim();
	
			if (!old) {
				alert('Current password cannot be left blank.');
				return false;
			} 
			if (!newpassword) {
				alert('New password cannot be blank.');
				return false;
			}
			if (!confirm) {
				alert('Confirm password cannot be left blank.');
				return false;
			} 
			if (confirm !== newpassword) {
				alert('Password miss match.');
				return false;
			} 

				$('#password').submit();
		});

</script>