<?php
include 'koneksi/koneksi.php';

$skr = date('Y-m-d');
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/images/favicon.png">
    <title>Besurvey.id - admin</title>
    <!-- Bootstrap Core CSS -->
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- chartist CSS -->
    <link href="../assets/plugins/chartist-js/dist/chartist.min.css" rel="stylesheet">
    <link href="../assets/plugins/chartist-js/dist/chartist-init.css" rel="stylesheet">
    <link href="../assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.css" rel="stylesheet">
    <!--This page css - Morris CSS -->
    <link href="../assets/plugins/c3-master/c3.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/style.css" rel="stylesheet">
    <!-- You can change the theme colors from here -->
    <link href="css/colors/blue.css" id="theme" 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body class="fix-header card-no-border">
    <!-- ============================================================== -->
    <!-- Main wrapper - style you can find in pages.scss -->
    <!-- ============================================================== -->
    <div class="container-fluid">
	  <div class="row page-titles">
                    <div class="col-md-5 col-8 align-self-center">
                        <h3 class="text-themecolor">BeSurvey.id</h3>
                        
                    </div>
                    <div class="col-md-7 col-4 align-self-center">
                        <a target="_blank" href="https://api.whatsapp.com/send?phone=6281213876749" class="btn waves-effect waves-light btn-danger pull-right hidden-sm-down"><i class="mdi mdi-whatsapp"></i> Upgrade to Pro</a>
                    </div>
                </div>
		<div class="container">
	<?php
				/* handle error */
					if (isset($_GET['error'])) : ?>
                  <div class="col-lg-12 col-md-6">
							<div class="btn-danger text-white text-center">
								<?=base64_decode($_GET['error']);?>
								
							</div>
						</div><br/>
	
               <?php endif;?>
			<?php
				/* handle error */
					if (isset($_GET['sukses'])) : ?>
                  <div class="col-lg-12 col-md-6">
							<div class="bg-success mb-3">
								<div class="card-header"><?=base64_decode($_GET['sukses']);?></div>
								
							</div>
						</div>
	</div>          
               <?php endif;?>		
	  <div class="row">
	  
                    <!-- Column -->
        <div class="col-lg-4 col-md-4">
		</div>
        <div class="col-lg-4 col-md-4">	
						<div class="card">
                            <img class="card-img-top" src="../assets/images/background/profile-bg.jpg" alt="Card image cap">
                            <div class="card-block little-profile text-center">
                                <div class="pro-img"><img src="../assets/images/users/avatar-sign.png" alt="user" /></div>
                                <h3 class="m-b-0">LOGIN</h3>
										<form class="form-horizontal form-material" method="POST" action="controller/login.php">
											<div class="form-group">
                                                <div class="col-md-12">
                                                    <input type="text" placeholder="Username" class="form-control form-control-line" name="username" required>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-md-12">
                                                    <input type="password"  placeholder="Password" class="form-control form-control-line" name="password" required>
                                                </div>
                                            </div>
										
								<button type="submit" class="m-t-10 waves-effect waves-dark btn btn-primary btn-md btn-rounded">LOGIN</button>
                                <br/><br/><a align="left" href="forgot">Lupa Password?</a>
								</form>
                            </div>
                        </div>
					</div>
		</div>
	</div>
    <!-- ============================================================== -->
    <!-- End Wrapper -->
    <!-- ============================================================== -->
    <!-- ============================================================== -->
    <!-- All Jquery -->
    <!-- ============================================================== -->
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <!-- Bootstrap tether Core JavaScript -->
    <script src="../assets/plugins/bootstrap/js/tether.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!--Wave Effects -->
    <script src="js/waves.js"></script>
</body>

</html>
