<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Login | Manajemen Digital PDAM Tirta Singkil</title>
    <link rel="shortcut icon" href="<?php echo base_url();?>assets/ico/favicon2.png" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>easyui/themes/color.css">
	<script type="text/javascript" src="<?php echo base_url();?>easyui/jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>easyui/jquery.easyui.min.js"></script>
</head>
<body>
	<div align="center"><noscript><div style="position:fixed; top:0px; left:0px; z-index:3000; height:100%; width:100%; background-color:#FFFFFF"><div style="font-family: Arial; font-size: 17px; background-color:#00bbf9; padding: 11pt;"></div></div></noscript></div>
	<div class="login-main">
		<div class="easyui-window" data-options="top:150,width:430,height:230,title:'Authentication',iconCls:'icon-pwd',maximizable:false,minimizable:false,resizable:false,draggable:false,closable:false,collapsible:false">
			<div class="easyui-layout" data-options="fit:true">
        		<div data-options="region:'west',split:false" style="height:90px;width:180px;text-align: center;"><br><br><img src="assets/ico/logo_pdam.png" style="width:95%;"></div>
        		<div data-options="region:'center',split:false" style="height:auto;width:200px;padding:17px"><form id="form_login" method="post" novalidate><div style="margin-bottom:10px"><input id="username" name="username" class="easyui-textbox" style="width:100%;height:30px;padding:12px" data-options="prompt:'Username',iconCls:'icon-man',iconWidth:38" required></div><div style="margin-bottom:20px"><input id="password" name="password" class="easyui-textbox" type="password" style="width:100%;height:30px;padding:12px" data-options="prompt:'Password',iconCls:'icon-lock',iconWidth:38" required></div><div style="margin-bottom:5px; float:right;"><a class="easyui-linkbutton" data-options="plain:false,iconCls:'icon-key_go'" onclick="cekLogin();">Login</a></div></form>
			    </div>
			    <div data-options="region:'south',split:false,height:30" style="text-align: center;padding: 3px;"><div style="text-align: center;padding:3px"><b>Copyright &copy; 2019 - <?php echo date("Y")?> | PDAM Tirta Singkil</b></div></div>
        	</div>
		</div>
	</div>	
</body>
</html>

<style type="text/css">
html, body {
	font-family: Tahoma,sans-serif;
	font-size:10px;
	height:97%;
    width:97%;
    background: url('../assets/ico/water.jpg')no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.login-main {
    position: absolute;
    margin-top: -100px;
    margin-left: -200px;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 220px;
}
input, textarea {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
</style>