<!DOCTYPE HTML>
<html>
	<head>
		<title>Login PPDB Online | 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>
							<div class="alert alert-success">
							    <center>
							        <h4><strong>Selamat datang Di PPDB Online MAN 1 Magelang!</strong></h4>
							        <?php echo $gelombang." Tahun Ajaran ".$tahun_ajaran;?>.
							    </center>
							<br>
							<br>
							<div class="alert alert-success">
									<center>
										<h4><strong>WAKTU PENDAFTARAN</strong></h4>
										<br>
										<p><strong>--==Program Pondok Pesantren Tahap 2 (Khusus Putra)==--</strong></p>
										    Pendaftaran 19 Mei - 28 Juni 2025<br>
										    Tes Seleksi dan Wawancara dan Bakat Minat 01 Juli 2025<br>
										    Lapor Diri/Daftar Ulang 05 Juli 2025<br>
										<br>
										<p><strong>--==Kelas Prestasi dan Rintisan KKO==--</strong></p>
										    Pendaftaran 19 - 28 Juni 2025<br>
										    Tes Seleksi Akademik dan Wawancara Kelas Prestasi dan KKO 01 Juli 2025<br>
										    Tes Seleksi Fisik Kelas KKO 01 Juli 2025<br>
										    Lapor Diri/Daftar Ulang 05 Juli 2025<br>
										<br>
										<p><strong>--==Kelas Reguler dan Ketrampilan==--</strong></p>
										    Pendaftaran 02 Mei - 28 Juni 2025<br>
										    Tes Seleksi dan Wawancara  Tahap 1 18-19 Juni 2025<br>
											Tes Seleksi dan Wawancara  Tahap 2 01-02 Juli 2025<br>
										    Pengumuman Tahap 1 21 Juni 2025<br>
											Pengumuman Tahap 2 04 Juli 2025<br>
											Lapor Diri/Daftar Ulang Tahap 1 24 Juni 2025<br>
											Lapor Diri/Daftar Ulang Tahap 2 05 Juli 2025<br>
									</center>    
							</div>
							<center>
							  <h4>Sisa Waktu Pendaftaran</h4>
							  <h4><strong>Sabtu, 28 Juni 2025 12:00 WIB</strong></h4>
							  <br>
                              <div id="Login">
                                 <h3><span id="days"><?php echo $days; ?></span> Hari,
                                 <span id="hours"><?php echo $hours; ?></span> Jam,
                                 <span id="minutes"><?php echo $minutes; ?></span> Menit,
                                 <span id="seconds"><?php echo $seconds; ?></span> Detik</h3>
                              </div>
						    </center>
							<br>
							<div class="alert alert-success">
								<center>
									<p>Mohon login menggunakan akun Anda.</p>
								</center>
							</div>
							<form action="<?php echo base_url();?>Login/login" method="post">
								<input type="text" class="card" name="nik" placeholder="Masukkan NIK" required="">
								<input type="password" name="password" class="lock" placeholder="Masukkan Password" required="">
								<div class="forgot-grid">
									<div class="forgot">
										<a href="<?php echo base_url();?>Daftar">Belum punya akun? <strong>Daftar di sini!</strong></a>
									</div>
									<div class="clearfix"></div>
								</div>
								<input type="submit" name="Masuk" value="Masuk">
							</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>
          var days = parseInt(document.getElementById('days').innerText);
          var hours = parseInt(document.getElementById('hours').innerText);
          var minutes = parseInt(document.getElementById('minutes').innerText);
          var seconds = parseInt(document.getElementById('seconds').innerText);

          function updateCountdown() {
            seconds--;
            if (seconds < 0) {
                seconds = 59;
                minutes--;
                if (minutes < 0) {
                    minutes = 59;
                    hours--;
                    if (hours < 0) {
                        hours = 23;
                        days--;
                    }
                }
            }

            document.getElementById('days').innerText = days;
            document.getElementById('hours').innerText = hours;
            document.getElementById('minutes').innerText = minutes;
            document.getElementById('seconds').innerText = seconds;

            if (days === 0 && hours === 0 && minutes === 0 && seconds === 0) {
                clearInterval(countdownInterval);
                document.getElementById('countdown').innerText = "Waktu habis!";
            }
          }

          var countdownInterval = setInterval(updateCountdown, 1000);
        </script>
		
		<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>
			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>