<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<title>DO-ERP FSI</title>
<link rel="shortcut icon" href="themes/icons/favicon.png" >
<link rel="stylesheet" type="text/css" href="<?=getJeasyui()?>themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="<?=getJeasyui()?>themes/icon.css">
<!-- Bootstrap core CSS -->
<link href="<?= getBootstrap() ?>css/bootstrap.min.css" rel="stylesheet">
<link href="<?= getBootstrap() ?>css/bootstrap-theme.css" rel="stylesheet">
<link href="<?= getBootstrap() ?>css/baseformlogin.css" rel="stylesheet">

<script type="text/javascript" src="<?=getJquery()?>jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="<?=getJeasyui()?>jquery.easyui.min.js"></script>
<script type="text/javascript" src="<?=getJS()?>global.format.js">
</script>
<!-- main bootstrap js -->
<script src="<?= getBootstrap() ?>js/bootstrap.min.js"></script>
<script>
function wopen(){
	window.open('<?=site_url()?>','_self')
}

$(function(){
	
	$("h2").fadeIn(3000);
	$('#frm').form({
		url:'<?=site_url('login/loginpass')?>',
		onSubmit: function(){  
			return $(this).form('validate');	 
		},  
		success:function(result){			
			var result = eval('('+result+')');
			if (result.success){
				setTimeout(wopen(),5000);
				//alert(result.msg);
			} else {
				$.messager.show({
					title: 'Error',
					msg: result.msg
				});
			}
		}
	});//AKHIR FORM
	
	$("#nama_user").textbox('textbox').focus();
	
});//AKHIR DOCUMENT READY
</script>
<style type="text/css">
body{
	padding:0px;
	margin:0px
}
.background{
	padding:0px;
	margin-top:-20px;
	height:100%;
	/* width:100%; */
 background-image: url('../../../../../doerpsgp/assets/images/bg.jpg');
 /* background-repeat: no-repeat; */
  background-size: cover;
}
.bg{
	padding:0px;
	margin-top:-20px;
	height:100%;
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}
</style>
</head>
<body oncontextmenu="return false;">
<main class="access-main bg-xs">
    <section class="clearfix">
        <div class="access-img signin"></div>
        <div class="access-form">
            <div class="table-ds">
                <div class="table-cell-ds">
				<div align="center">
                    <img height="60" src="<?= getAssets()?>images/doit.png">
					<h2 style="display:none; color:black;"><br>DO-ERP SGP</h2>
				</div>
                    <h2 class="str-21 outer-spaced-top-30">Forgot Password</h2>
                    <form id="frm" method="post" target="_blank">
					<!-- <h3 class="text-center title-login">Login Member</h3> -->
						<div class="form-group">
							<label>Username</label>
							<input type="text" data-options="iconCls:'icon-man'" id="nama_user" name="nama_user" class="form-control" placeholder="Username">
						</div>
						<div class="form-group">
							<label>Password</label>
							<input type="password" class="form-control" name="pass" id="pass" size="23" data-options="iconCls:'icon-lock'" placeholder="Password">
						</div>
						<div class="form-group">
						<button type="submit" class="btn primary btn-block" iconCls="icon-key" onClick="$('#frm').submit()">Reset Password</button>
						</div>
                        <!-- <div class="form-group">
                            <a class="btn primary border-biru btn-block" href="" name="logingoogle"><img src="<?= getAssets()?>images/g-logo.png" height="20" alt="Google Icon" class="g-logo">Masuk Dengan Google</a>
                        </div> -->
					</form>
                    <!-- <div class="form-group">                        
                        <a class="btn primary border-biru btn-block" id="link_register" href="">Buat akun disini</a>                        
                    </div> -->
                    <!-- <div class="form-group">
                        <button type="button" class="btn primary border-green btn-block">Sign in with Google</button>
                    </div> -->                    
                    <div class="outer-spaced-bottom-10 outer-spaced-top-30">
                        <a e2e="forgot_password" href="<?=site_url('login')?>">Sudah punya akun</a>
                    </div>                    
                        <div class="lang-menu">
                        <a href="">Bahasa Indonesia</a>
                        <a href="">English</a>
                    </div>  
                </div>
            </div>
        </div>
    </section>
</main>
</body>
</html>