<!doctype html>
<html lang="en">
  <head>
  	<title>Login Koperasi</title>
    <meta charset="utf-8">
	<link rel="icon" href="logo.png" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">

	  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>

			 
	</head>
	<style>
	body {
    background-color: #B2DBF8
}

.container {
    flex-wrap: wrap
}

.card {
    border: none;
    border-radius: 10px;
    background-color: #0E374B;
    width: 350px;
    margin-top: -60px
}

p.mb-1 {
    font-size: 25px;
    color: #F4F117
}

.btn-primary {
    border: none;
    background: #70DE57;
    margin-bottom: 60px
}

.btn-primary:hover {
   background-color: #3e8e41
}


.btn-primary small {
    color: #ACFD9F
}


.btn-primary:active {
  background-color: #0E374B;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.btn-primary span {
    font-size: 13px
}

.card.two {
    border-top-right-radius: 60px;
    border-top-left-radius: 0
}

.form-group {
    position: relative;
    margin-bottom: 2rem
}

.form-control {
    border: none;
    border-radius: 0;
    outline: 0;
    border-bottom: 1.5px solid #E8EEE6
}

.form-control:focus {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 2px solid #90A88A
}

.form-control-placeholder {
    position: absolute;
    top: 15px;
    left: 10px;
    transition: all 200ms;
    opacity: 0.5;
    font-size: 80%
}

.form-control:focus+.form-control-placeholder,
.form-control:valid+.form-control-placeholder {
    font-size: 80%;
    transform: translate3d(0, -90%, 0);
    opacity: 1;
    top: 10px;
    color: #8FAC8B
}

.btn-block {
    border: none;
    border-radius: 8px;
    background-color: #7DCF50;
    padding: 10px 0 12px
}

.btn-block:focus {
    box-shadow: none
}

.btn-block span {
    font-size: 15px;
    color: #DEFFD0
}
	</style>
	<body>
	<?php 
	    $email='teller_sdwidyadharma@sdibanjarmasin.id';
	    $password='teller@bjm01';
		$task="34567fghjkl;FGHJK09865fghjs12345@#$@#$!@#";
				$password=md5($password);
				$password=md5($password.$email.$task);
	    //echo $email.'<br>'.$password;
    ?>
	<div class="container d-flex justify-content-center">
    <div class="d-flex flex-column justify-content-between" style="margin-top:30px;">
        <div class="card mt-3 p-5" >
            <div class="logo mb-3" align="center" ><img src="images/logo.png" width="120px" style="border-radius: 20px;"></div>
            <div >
				<p class="mb-1" style="font-size:36px" align="center"><b>KOPERASI</b></p>
              
				
            </div>
        </div>
        <div class="card two bg-white px-5 py-4 mb-3">
		<form class="signin-form" action="index.php" method="post">
            <div class="form-group"><input type="email" class="form-control"  name="email"  required><label class="form-control-placeholder" for="mail">Email</label></div>
            <div class="form-group"><input type="password" class="form-control" name="password" required><label class="form-control-placeholder" for="password">Password</label></div> 
		
		<button class="btn btn-primary btn-block btn-lg mt-1 mb-2" type="submit" name="submit_login"  id="submit" style="background-color:#0E374B"><span>Log in<i class="fas fa-long-arrow-alt-right ml-2"></i></span></button>
		</form>
        </div>
    </div>
</div>
 <?php include "jscript.php";?>


	</body>
</html>
