<!doctype html>
<html lang="en">
  <head>
	<% include ../shared/header.ejs %>
  </head>
 	<body>
	  <div class="container">
		<div class="row headroom80">
		 <div class="col s4 offset-s4 center-align">
		  <div class="login-logo"></div>
		 </div>
	    </div>
	
	    <div class="row headroom60">
		 <div class="col s4 offset-s4">
			Old Password <input type="password" value="" id="user-change-password-old" name="user-change-password-old">
			New Password <input type="password" value="" id="user-change-password-new1" name="user-change-password-new1">
			New Password Again <input type="password" value="" id="user-change-password-new2" name="user-change-password-new2">
		 </div>
	    </div>
	
		<div class="row">
		 <div class="col s4 offset-s4 center-align">
			<button class="waves-effect waves-light btn light-blue darken-1" id="user-change-password-button">Change Password</button>
		 </div>
	    </div>
	
		<div class="row">
		 <div class="col s4 offset-s4">
			<a class="pix18" href="/authoring/account">Back to ioAuthoring</a><br>
		 </div>
		</div>
	  </div>

    <script type="text/javascript" src="/js/libs/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="/js/libs/jquery-ui.min.js"></script>
   	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script> 

    <script type="text/javascript"> var fogControllerUrl = '<%= fogControllerUrl %>' </script>
    <script type="text/javascript" src="/js/urls.js"></script>
    <script type="text/javascript" src="/js/appworks.js"></script>
    <script type="text/javascript" src="/js/main.js"></script>

	<script language="javascript">
	$(document).ready(function()
	{
	  AppWorks_Start();
	  Activate_Handlers_For_User_Change_Password();
	});
	</script>
	
 	</body>
</html>