<?php
require("../config/koneksi.php");
require("../config/function.php");
require("../config/apk.php");
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="CBT Server All in One">
    <meta name="keywords" content="CBT Server All in One">
    <meta name="author" content="cbtserver.com">
   
    <title>CBT SERVER | ALL IN ONE</title>
    <link href="<?= $homeurl ?>/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="<?= $homeurl ?>/vendor/fontawesome/css/all.min.css" rel="stylesheet" />
        <link href="<?= $homeurl ?>/assets/wow/css/animate.min.css" rel="stylesheet" />
		 <link href="<?= $homeurl ?>/assets/css/front.min.css" rel="stylesheet" />
		  <link href="<?= $homeurl ?>/assets/css/main.min.css" rel="stylesheet">
		  <link rel="icon" type="image/png" sizes="32x32" href="<?= $homeurl ?>/images/<?= $setting['logo'] ?>" />
    <link rel="icon" type="image/png" sizes="16x16" href="<?= $homeurl ?>/images/<?= $setting['logo'] ?>" />
	<style type="text/css">
   .bold { font-weight: bold; }
   .pull-right{
    float: right;
    display: block;
	margin-top:-30px;
  }
</style> 	
    </head>

  <body data-spy="scroll" data-target="#menu" data-offset="100">
        <div class="home-wrapper" id="home">
            <div class="home-header">
                <div class="container p-0">
                    <nav class="navbar navbar-expand-lg navbar-light" id="navbar-header">
                        <a class="navbar-brand animated infinite pulse delay-1s" href="javascript:;">
						
                            <img src="../images/<?= $setting['logo'] ?>" height="75" />
                            <div class="home-header-text d-none d-sm-block">
                                <!--<h5><?=strtoupper($setting['sekolah']); ?></h5>                           -->
                            <h5><?=strtoupper($setting['sekolah']); ?></h5>                           
                            <h6><?php echo $setting['aplikasi'] ?></h6>
                            <h6>LOGIN ADMIN SEKOLAH</h6></h6>
                            </div>
                            <span class="logo-mini d-block d-sm-none"><?php echo $setting['aplikasi'] ?></span>
                            <span class="logo-mini d-block d-sm-none"></span>
							
                        </a>
                        <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#menu" aria-controls="menu" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="menu">
                            
                        </div>
                    </nav>
                </div>
            </div>
            <div class="home-banner">
                <div class="home-banner-bg home-banner-bg-color"></div>
                <div class="home-banner-bg home-banner-bg-img"></div>
                <div class="container mt-5">
                    <div class="row">
                        
                        <div class="col-md-5">
						 <div class="card" id="blockui-card-1">
                            <div class="card card-login ">
                                <div class="card-body">
                                    <h6 class="mb-3">LOGIN </h6>
									
			                      <div class="wrap-login100" style="padding-top:10px">
                                   <form id="form-login" name="fmLogin" >
                                        <div class="form-group">
                                            <span class="fa fa-user"></span>
                                            <input type="text" class="form-control" id="username" name="username"  placeholder="Username" required />
                                        </div><p>
                                         <div class="form-group">
										   <span class="fa fa-eye" ></span>
                                            <input type="password" class="form-control" id="password" name="password"  placeholder="Password" required />                                  
										</div><p>
                                        <div class="form-group">
										<input type="checkbox" onCLick="showPassword()" id="btn-eye"> Show Password
										</div><br>
                                       
                                        <button type="submit" class="btn btn-primary pull-right" id="blockui-1">
                                            Masuk
                                        </button> 
           
										</div>
										
                                    </form>
                                </div>
                            </div>
                        </div>
                   </div>
                        <div class="col-sm-7">
                            
                               
                                    <div class="carousel-item active">
                                        <div>
                                            <h5>
                                               Apa Itu CBT School All in One ?
                                            </h5>
                                            <br />
                                            <p>
                                                Merupakan berbagai Aplikasi CBT School yang menjadi berbagai fitur
                                            </p>
                                            <h5>
                                                Fitur All in One
                                            </h5>
                                           
                                                <li class="animated fadeInDown" >
                                                    Asesmen 
                                                </li>
                                                <li class="animated fadeInDown" >
                                                    Presensi
                                                </li>
                                                <li class="animated fadeInDown">
                                                    Rapor K-13 Rapor K-Merdeka Rapor P5
                                                </li>
                                                <li class="animated fadeInUp">
                                                    S K L dengan Transkip
                                                </li>
                                                <li class="animated fadeInUp">
                                                    Konseling dll
                                                </li>
                                          
                                    </div>
                                    
                                   
                                </div>
                            </div>
                        </div>
      
	<script src="<?= $homeurl ?>/assets/plugins/jquery/jquery-3.5.1.min.js"></script>
    <script src="<?= $homeurl ?>/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
        <script src="<?= $homeurl ?>/assets/wow/js/wow.min.js"></script>
	  <script src="<?= $homeurl ?>/assets/js/front.min.js"></script>
		 <script src="<?= $homeurl ?>/assets/js/main.min.js"></script>
		  <script src="<?= $homeurl ?>/assets/plugins/blockUI/jquery.blockUI.min.js"></script>
		   <script src="<?= $homeurl ?>/assets/js/pages/blockui.js"></script>
	
		<script type="text/javascript">
        $(document).ready(function() {
			$('#form-login').submit(function(e) {
				var homeurl;
				homeurl = '<?php echo $homeurl; ?>';
				e.preventDefault();
				$.ajax({
					type: 'POST',
					url: 'ceklogin.php',
					data: $(this).serialize(),
					success: function(data) {
						console.log(data);
						if (data == "ok") {
							
							setTimeout(function() {
								location.href = '.';
							}, 2000);
						}
						if (data == "nopass") {
							

						}
						if (data == "td") {
							
						}

					}
				})
				return false;
			});

		});


</script>
	<script>
	function showPassword() {
		var type = $('#password').attr('type');
		if (type ==='password') {
			$('#btn-eye').css('color','#00ff00');
			$('#password').attr('type','text');
		}
		else {
			$('#btn-eye').css('color','#636e72');
			$('#password').attr('type','password');
		}
	}
	
</script>
    </body>
</html>
