<?php
 if(isset($_GET['error'])){
   $error =  $_GET['error'];
 }
 if(isset($_GET['errors'])){
  $errors =  $_GET['errors'];
}
?>
<!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.0">
    <title> Login | IBC</title>
    <link rel="shortcut icon" href="../account/assets/img/favicon.png">
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
		<link href="style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css">
       <script type="text/javascript">// <![CDATA[
        function googleTranslateElementInit() {
             new google.translate.TranslateElement({pageLanguage: 'ar', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
        }
        // ]]>
    </script>
    <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
	</head>
  <style>
     #ba{
      background-image: url('../assets/background.jpg');
     }
  </style>
<body>
   <div id="ba" class="d-flex align-items-center" style="min-height:100vh;">
      <div class="container">
          <div class="col-md-9 col-lg-5 mx-auto">
            <h3 class="login-heading mb-4 ">Welcome to Vaultmore Bank Admin!</h3>
                        <div id="google_translate_element"></div>

            <!-- Sign In Form -->
            <?php
               if(isset($error)){
                echo "<small style='color:green'>$error</small> <br>";
               }
            ?>
             <?php
               if(isset($errors)){
                echo "<small style='color:red'>$errors</small> <br>";
               }
            ?>
            <br>
          
            <form action="process/login.php" method="post">
              <div class="form-floating mb-3">
                <input type="text" class="form-control" id="floatingInput" name="account" placeholder="1234567890" required="">
                <label for="floatingInput">ADmin No</label>
              </div>
              <div class="form-floating mb-3">
                <input class="form-control" type="password" name="password" placeholder="Password" id="password" required="">
                <label for="floatingPassword">Password</label>
              </div>
              <div class="d-grid">
                <button class="btn btn-lg btn-primary btn-login text-uppercase fw-bold mb-2" type="submit" name='login' value="Login">Sign in</button>
                <div class="text-center">
                  <a class="small text-light" href="reset">Forgot password?</a>
                  <!-- <a class="small text-light" href="register">not a user? signup</a> -->

                </div>

              </div>
            </form>
          </div>
        <!-- Your content goes here -->
      </div>
    </div>
 </div>
</body>
</html>