<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- meta http-equiv="refresh" content="5" /> -->
    <title>Masuk</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="dist/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="dist/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="dist/css/AdminLTE.css">
    <!-- iCheck -->
    <link rel="stylesheet" href="plugins/iCheck/square/blue.css">
	
	<link rel="stylesheet" type="text/css" href="xstyle.css">
	
	
	<!-- Custom fonts for this template-->
    <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link
        href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
        rel="stylesheet">
    <!-- Custom styles for this template-->
    <link href="css/sb-admin-2.min.css" rel="stylesheet">
	
    
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
	
<body class="bg-gradient-primary">
    <div class="container">

        <!-- Outer Row -->
        <div class="row justify-content-center">

            <div class="col-xl-12 col-lg-8 col-md-9">

                <div class="card o-hidden border-0 shadow-lg my-5">
                    <div class="card-body p-0">
                        <!-- Nested Row within Card Body -->
                        <div class="row">
                            <div class="col-lg-6 d-none d-lg-block">
								<img src="img/binary.gif" alt="Image" style="width:100%;height:100%;">							
							</div>
							<div class="login-box-body col-lg-6">
							

 
                                <div class="p-5">
									<div class="text-center">
                                        <h1 class="h4 text-gray-900 mb-4">hai, Welcome Back!</h1>
                                    </div>
									
		<form action="btn_login.php" id="login" name="login" method="post" class="user">
			<div class="form-group has-feedback">
				<input type="text" id="username" name="username" class="form-control form-control-user" autocomplete="on" placeholder="Nomor Induk Karyawan" MaxLength="9" required="required">
				<span class="glyphicon glyphicon-user form-control-feedback"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="password" id="password" name="password" class="form-control form-control-user" autocomplete="off" placeholder="Kata Sandi" required="password">
				<span class="glyphicon glyphicon-lock form-control-feedback"></span>
			</div>
			<div class="row">
				<div class="col-xs-12">
				<button type="submit" class="btn btn-primary btn-block btn-user">MASUK</button>
				</div><!-- /.col -->
			</div>
		</form> <br><br>
		
		<div class="text-center">
			<p class="small">Belum Punya Akun.? Silahkan Daftar</p>
		</div>
<!--		<div class="user row justify-content-center col-xl-10 col-lg-12 col-md-9 card o-hidden border-0 shadow-lg my-5 card-body "> -->
			<div class="row">
				<div class="col-xs-12">
					<a href="registuser.php"><button type="regist" name="daftar" class="btn btn-primary btn-block btn-user" action="registuser.php">DAFTAR</button></a>
				</div>
			</div> <br><br>
		
		
			<center><h5 class="form-signin"><a href="#" data-toggle="modal" data-target="#contact">Gemilang &copy; 2022</a> </h5></center>
		
								</div>
							</div><!-- /.login-box-body -->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!-- /.container -->

								<p class="login-box-msg">
									<?php 
										if(isset($_GET['pesan'])){
											if($_GET['pesan']=="gagal"){
												// echo "<div class='alert'>Cek Kembali Username dan Password Anda.!</div>";
												echo "<div class='alert alert-danger alert-gradient alert-dismissible fade in' role='alert'>
												<button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>x</span></button>
												<strong>Periksa Username dan Password Anda.!</strong><br> $_GET[pesan]
												</div>";
											}else{ 
												echo "";
											}
										}
									?>
								</p>


	<!-- Modal Dialog Contact -->
	<div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">Contact Us</h4>
				</div>
					<div class="modal-body">
						Apabila mengalami kendala, kontak yang dapat dihubungi di :
						<table>
							<tr>
								<td>No Telepon / WA</td> <td> : </td> <td>+62 812 9037 9105</td>
							</tr>
							<tr>
								<td>NIK </td> 						<td> : </td>
							</tr>
							<tr>
								<td>NAMA LENGKAP </td> 				<td> : </td>
							</tr>
							<tr>
								<td>Email </td> 					<td> : </td>
							</tr>
							<br />
<!-- 						<tr>
								<td>E-mail</td><td>:</td> <td><a href="mailto:heruarfians@gmail.com">heruarfians@gmail.com</a> | </td>
							</tr>
							<br />
							<tr>
								<td>Blog</td>       <td>:</td> <td><a href="http://www.gapunyablog.com" target="_blank">www.gapunyablog.com</a></td>
							</tr>
							<br />
							<tr>
								<td>Website</td>    <td>:</td> <td><a href="http://www.jagaraya.id" target="_blank">www.jagaraya.id</a></td>
							</tr>
-->						</table>
					</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
<!-- end dialog modal -->

    <!-- jQuery 2.1.4 -->
    <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.5 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!-- iCheck -->
    <script src="plugins/iCheck/icheck.min.js"></script>
    <script>
      $(function () {
        $('input').iCheck({
          checkboxClass: 'icheckbox_square-blue',
          radioClass: 'iradio_square-blue',
          increaseArea: '20%' // optional
        });
      });
    </script>	
 
     <!-- Bootstrap core JavaScript-->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Core plugin JavaScript-->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for all pages-->
    <script src="js/sb-admin-2.min.js"></script>

</body>
</html>