<!DOCTYPE HTML>
<html>
	<head>
		<title>Daftar Akun PPDB | MAN 1 Magelang</title>
		<link rel="icon" type="image/png" href="<?php echo base_url();?>assets/images/favicon.png">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		
		<!-- CSS -->
		<link href="<?php echo base_url();?>assets/css/bootstrap.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/font-awesome.css" rel="stylesheet">
		<link href="<?php echo base_url();?>assets/css/SidebarNav.min.css" media="all" rel="stylesheet" type="text/css"/>
		<link href="<?php echo base_url();?>assets/css/custom.css" rel="stylesheet">
		<link href="<?php echo base_url();?>assets/css/google.css" rel="stylesheet">
		
		<!--  JavaScript -->
		<script src="<?php echo base_url();?>assets/js/jquery-1.11.1.min.js"></script>
		<script src="<?php echo base_url();?>assets/js/modernizr.custom.js"></script>
		<script src="<?php echo base_url();?>assets/js/metisMenu.min.js"></script>
		<script src="<?php echo base_url();?>assets/js/custom.js"></script>
		<script src="<?php echo base_url();?>assets/js/bootstrap.js"></script>
		<script type="text/javascript">
			$('#notifications').slideDown('slow').delay(3000).slideUp('slow');
		</script>

	</head> 
	<body>
		<div class="main-content">
			<div id="page-wrapper2">
				<div class="main-page login-page ">
					<div class="widget-shadow">
						<center>
							<div id="notifications"><?php echo $this->session->flashdata('msg'); ?></div>
						</center>
						<div class="login-body">
							<center>
								<img src="<?php echo base_url();?>assets/images/logo.png" style="width:100%;">
							</center>
							<br>
							<form action="<?php echo base_url();?>Daftar/daftar" method="post">
								<input type="hidden" name="id_gelombang" value="<?php echo $id_gelombang;?>">
								<input type="text" class="user" name="nama"  oninput="this.value = this.value.toUpperCase()" placeholder="Masukkan Nama Lengkap Calon Siswa sesuai Akte" required="">
								
								<input type="text" class="card" name="nik" maxlength = "16" minlength = "16"  placeholder="Masukkan 16 Digit NIK" required="" pattern=".{16}" title="NIK harus 16 digit. NIK bisa dicek di KK." onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" >
								<p style="color:#ff0000;font-size:12px;margin:-20px 0 20px 0;">1 NIK hanya bisa digunakan untuk 1 akun</p>
								<input type="text" class="wa" name="no_hp" placeholder="Masukkan nomor HP (Whatsapp)" required="" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" >
								<input type="email" class="mail" name="email" placeholder="Masukkan Alamat Email" required="">
								<input type="password" name="password" class="lock" placeholder="Masukkan Password" required="" id="password">
								<input type="password" name="password" class="lock" placeholder="Tulis Ulang Password" required="" id="repassword">
								<div id="warning"></div>
								<div class="forgot-grid">
									<div class="forgot">
										<a href="<?php echo base_url();?>Login">Sudah punya akun? Login di sini!</a>
									</div>
									<div class="clearfix"></div>
								</div>
								<input type="submit" name="daftar" value="Daftar" onclick="return cekpassword();">
							</form>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<?php
					date_default_timezone_set('Asia/Jakarta');
					$tahun	= date('Y');
				?>
				 <p>&copy; <?php echo $tahun;?> PPDB Online | Dikembangkan oleh <a href="https://man1magelang.sch.id/" target="_blank">MAN 1 Magelang</a></p>
			</div>
		</div>
		<script src="<?php echo base_url();?>assets/js/SidebarNav.min.js" type="text/javascript"></script>
		<script>
			$('.sidebar-menu').SidebarNav()
		</script>
		<script src="<?php echo base_url();?>assets/js/classie.js"></script>
		<script type="text/javascript">
		function cekpassword()
		{
			var aku = document.getElementById("password").value;
			var kamu = document.getElementById("repassword").value;
			// var repassword = password;
			if (aku!=kamu)
			{
				// document.getElementById("warning").innerHTML="<div class='alert alert-danger' role='alert'>Maaf, password tidak sama. Mohon tulis ulang!</div>";
				document.getElementById("warning").innerHTML="<div class='alert alert-danger' role='alert'>Maaf, password baru tidak sama. Mohon tulis ulang!</div>";
				return false;
			}
			else
			{
				return true;
			}
		}
	</script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
		<script src="<?php echo base_url();?>assets/js/jquery.nicescroll.js"></script>
		<script src="<?php echo base_url();?>assets/js/scripts.js"></script>
		<script src="<?php echo base_url();?>assets/js/bootstrap.js"> </script>
	</body>
</html>