<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>

	<meta charset="utf-8" />

	<title><?php echo $page_title;?></title>

	<meta content="width=device-width, initial-scale=1.0" name="viewport" />

	<meta content="" name="description" />

	<meta content="" name="author" />

	<!-- BEGIN GLOBAL MANDATORY STYLES -->

	<link href="<?php echo base_url();?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

	<link href="<?php echo base_url();?>assets/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>

	<link href="<?php echo base_url();?>assets/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

	<link href="<?php echo base_url();?>assets/css/style-metro.css" rel="stylesheet" type="text/css"/>

	<link href="<?php echo base_url();?>assets/css/style.css" rel="stylesheet" type="text/css"/>

	<link href="<?php echo base_url();?>assets/css/style-responsive.css" rel="stylesheet" type="text/css"/>

	<link href="<?php echo base_url();?>assets/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>

	<link href="<?php echo base_url();?>assets/css/uniform.default.css" rel="stylesheet" type="text/css"/>

	<!-- END GLOBAL MANDATORY STYLES -->

	<!-- BEGIN PAGE LEVEL STYLES -->

	<link href="<?php echo base_url();?>assets/css/login-soft.css" rel="stylesheet" type="text/css"/>

	<!-- END PAGE LEVEL STYLES -->

	<link rel="shortcut icon" href="<?php echo base_url();?>assets/image/favicon.ico" />

</head>

<!-- END HEAD -->

<!-- BEGIN BODY -->

<body class="login">

	<!-- BEGIN LOGO -->

	<div class="logo">

		<img src="<?php echo base_url();?>assets/image/logo-big.png" alt="" /> 

	</div>

	<!-- END LOGO -->
	
	<!-- BEGIN LANGUAGE -->

	<div class="language">

		<a href="<?php echo base_url();?>language/change/en/"><img src="<?php echo base_url();?>assets/image/language/en.jpg"/></a> 
		<a href="<?php echo base_url();?>language/change/zh-CN/"><img src="<?php echo base_url();?>assets/image/language/cn.jpg"/></a> 
		<a href="<?php echo base_url();?>language/change/zh-HK/"><img src="<?php echo base_url();?>assets/image/language/hk.jpg"/></a>

	</div>

	<!-- END LANGUAGE -->

	<!-- BEGIN RESET PASSWORD -->

	<div class="content">

		<!-- BEGIN RESET PASSWORD FORM -->

		<?php if($status == 201 || $status == 404) {?>
		
		<p>

			<?php 
				if($status == 201) {
					echo $this->lang->line('forgot_password_invalid_reset_password_link');
					echo '<br /><br /><a href="' . base_url() . 'login/">' . $this->lang->line('forgot_password_reset_password') . '</a>';
				}
				else if($status == 301) {
					echo $this->lang->line('forgot_password_reset_password_failed');
				}
				else {
					echo $this->lang->line('forgot_password_unknown_error');
				}
			?>

		</p>
		
		<?php } else if($status == 100) {?>
		
		<form class="form-vertical reset-password-form" id="reset-password-form" action="<?php echo base_url();?>login/password_submit/">

			<h3 class="form-title"><?php echo $this->lang->line('hf_reset_password');?></h3>

			<div class="alert alert-success hide">

				<button class="close" data-dismiss="alert"></button>

				<span></span>

			</div>
			
			<div class="alert alert-error hide">

				<button class="close" data-dismiss="alert"></button>

				<span></span>

			</div>

			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9"><?php echo $this->lang->line('forgot_password_password');?></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-lock"></i>

						<input class="m-wrap placeholder-no-fix" type="password" placeholder="<?php echo $this->lang->line('forgot_password_password');?>" id="password" name="password"/><br />
						
					</div>
					<p><?php echo $this->lang->line('forgot_password_password_format');?></p>

				</div>

			</div>
			
			<div class="control-group">

				<label class="control-label visible-ie8 visible-ie9"><?php echo $this->lang->line('forgot_password_confirm_password');?></label>

				<div class="controls">

					<div class="input-icon left">

						<i class="icon-lock"></i>

						<input class="m-wrap placeholder-no-fix" type="password" placeholder="<?php echo $this->lang->line('forgot_password_confirm_password');?>" id="confirmPassword" name="confirmPassword"/>

					</div>

				</div>

			</div>
			
			<div class="form-actions">

				<input class="no_display" type="hidden" id="email" name="email" value="<?php echo $email ?>" />
				<input class="no_display" type="hidden" id="reset_password_key" name="reset_password_key" value="<?php echo $reset_password_key; ?>" />
				<input class="no_display" type="hidden" id="<?php echo $this->security->get_csrf_token_name(); ?>" name="<?php echo $this->security->get_csrf_token_name(); ?>" value="<?php echo $this->security->get_csrf_hash(); ?>" />
							
				<button type="submit" id="submit-btn" class="btn blue pull-right">

				<?php echo $this->lang->line('forgot_password_submit');?> <i class="m-icon-swapright m-icon-white"></i>

				</button>            

			</div>

		</form>

		<!-- END RESET PASSWORD FORM -->  
		<?php }?>		

	</div>

	<!-- END RESET PASSWORD -->

	<!-- BEGIN COPYRIGHT -->

	<div class="copyright">

		<?php echo date('Y');?> &copy; <?php echo $this->lang->line('website_name');?>.

	</div>

	<!-- END COPYRIGHT -->

	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="<?php echo base_url();?>assets/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<script src="<?php echo base_url();?>assets/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="<?php echo base_url();?>assets/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      

	<script src="<?php echo base_url();?>assets/js/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="<?php echo base_url();?>assets/js/excanvas.min.js"></script>

	<script src="<?php echo base_url();?>assets/js/respond.min.js"></script>  

	<![endif]-->   

	<script src="<?php echo base_url();?>assets/js/jquery.slimscroll.min.js" type="text/javascript"></script>

	<script src="<?php echo base_url();?>assets/js/jquery.blockui.min.js" type="text/javascript"></script>  

	<script src="<?php echo base_url();?>assets/js/jquery.cookie.min.js" type="text/javascript"></script>

	<script src="<?php echo base_url();?>assets/js/jquery.uniform.min.js" type="text/javascript" ></script>

	<!-- END CORE PLUGINS -->

	<!-- BEGIN PAGE LEVEL PLUGINS -->

	<script src="<?php echo base_url();?>assets/js/jquery.validate.min.js" type="text/javascript"></script>

	<script src="<?php echo base_url();?>assets/js/jquery.backstretch.min.js" type="text/javascript"></script>

	<!-- END PAGE LEVEL PLUGINS -->

	<!-- BEGIN PAGE LEVEL SCRIPTS -->

	<script src="<?php echo base_url();?>assets/js/app.js" type="text/javascript"></script>

	<script type="text/javascript">
		var base_url = '<?php echo base_url();?>';
		var lang_login_enter_your_username_and_password = '<?php echo $this->lang->line('login_enter_your_username_and_password');?>';
		var lang_login_username_is_required = '<?php echo $this->lang->line('login_username_is_required');?>';
		var lang_login_password_is_required = '<?php echo $this->lang->line('login_password_is_required');?>';
		var lang_forgot_password_email_is_required = '<?php echo $this->lang->line('forgot_password_email_is_required');?>';
		var lang_forgot_password_password_is_required = '<?php echo $this->lang->line('forgot_password_password_is_required');?>';
		var lang_forgot_password_confirm_password_is_required = '<?php echo $this->lang->line('forgot_password_confirm_password_is_required');?>';
	</script>
	
	<script src="<?php echo base_url();?>assets/js/login-soft.js" type="text/javascript"></script>      

	<!-- END PAGE LEVEL SCRIPTS --> 

	<script>

		jQuery(document).ready(function() {     

		  App.init();

		  Login.init();

		});

	</script>

	<!-- END JAVASCRIPTS -->

</body>

<!-- END BODY -->

</html>