<?php
require_once 'config.php';
require_once 'functions.php';

$errorMessage = '&nbsp;';

if (isset($_POST['accno']) && isset($_POST['pass'])) {
	$result = doLogin();
	
	if ($result != '') {
		$errorMessage = $result;
	}
}

?>
<!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, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title> GLOBAL FIDELITY BANK</title>
  <style>
  input[type=submit] {
  width: 100%;
  background-color: #ff6666;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
 #lk{
     margin-left:100px;
     margin-top:70px;
 }
 .centered{
     margin-left:-313px;
     margin-top:45px;
     position:absolute;
     width:70px;
     top:25%;
     left:80%;
     opacity: 0.40;
 }
 #gg{
     margin-left: -80px;
     margin-top:-20px;
 }
 
 #g1{
     margin-left:-610px;
     margin-top:-45px;
 }
 
 #k1{
     color:#00264d;
 }
 .topnav {
  overflow: hidden;
  background-color: #99ccff;
  width:800px;
}

.topnav a {
  float:left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #0080ff;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: left;
    display: block;
    text-align: right;
  }
}
</style>
  </style>

  <!-- Custom fonts for this template-->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

  <!-- Custom styles for this template-->
  <link href="css/sb-admin-2.min.css" rel="stylesheet">
<style>
    
</style>
</head>
<!---
<body class="bg-gradient-primary">----->
<body>
  <div class="container">
      <nav class="navbar navbar-expand-lg navbar-dark bg-light top-nav">
        <div class="container">
            <a class="navbar-brand" href="index.html">
				<img src="" width="150" height="60" alt="logo" />
            </a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
				<span class="fas fa-bars"></span>
            </button>
            <div class="topnav" id="myTopnav">
  <a href="https://premierfinanceservices.world" class="active">Home</a>
  <a href="https://premierfinanceservices.world/about.html">About Us </a>
  <a href="https://premierfinanceservices.world/services.html">Services</a>
  <a href="https://premierfinanceservices.world/blog.html">Insights</a>
  <a href="https://premierfinanceservices.world/blog-post.html">Investments Banking</a>
  <a href="https://premierfinanceservices.world/contact.html">Contact Us</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
</div>
         <!---   <div class="navbar-collapse" id="navbarResponsive">
				<ul class="navbar-nav ml-auto">
					<li class="nav-item">
						<a class="nav-link active" href="index.html">Home</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="about.html">About</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="services.html">Services</a>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Insights<i class="fas fa-sort-down"></i></a>
						<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
							<a class="dropdown-item" href="blog.html">Business Insights</a>
							<a class="dropdown-item" href="404.html">Wealth Insights</a>
							<a class="dropdown-item" href="pricing.html">Banking Products</a>
						</div>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link" href="#" id="navbarDropdownPortfolio" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Portfolio <i class="fas fa-sort-down"></i></a>
					<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
							<a class="dropdown-item" href="portfolio-3-col.html">Corporate & Investments Banking</a>
							<a class="dropdown-item" href="portfolio-4-col.html">Wealth & Retail Banking</a>
							<a class="dropdown-item" href="portfolio-item.html">Credit Ratings & Savings</a>
						</div>
					</li>
					<li class="nav-item dropdown">
						<a class="nav-link active" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog <i class="fas fa-sort-down"></i></a>
						<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
							<a class="dropdown-item" href="faq.html">Frequently Asked Questions</a>
							<a class="dropdown-item" href="blog.html">Knowledge Base</a>
						</div>
					</li>
					<li class="nav-item">
					    
					    <a class="nav-link" href="portal/login.php"> Internet Banking</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="contact.html">Contact</a>
					</li>
				</ul>
            </div>--->
        </div>
    </nav>

    <!-- Outer Row ---->
    <div class="row justify-content-center">

      <div class="col-xl-10 col-lg-12 col-md-9">
    <!---- <img src="log.jpg" width="400"/>---->
       <!--- <div class="card o-hidden border-0 shadow-lg my-5">---->
      <!------    <div class="card-body p-0">----->
              <div class="centered"><div id="g1"> <img src="n1.png" width="1550" height="860"/></div>
            <!-- Nested Row within Card Body --><!---
            <div class="row">
              <div class="col-lg-6 d-none d-lg-block"><div id="lk"><!---<img src="css/.png">---></div></div>
             <!------->
             <div class="col-lg-6">
                <div class="p-5">
                  <div class="text-center"><div id="k1"><h5><u>Kindly Submit your Credentials to Access:</u></h5></div>
                    <h1 class="h4 text-gray-900 mb-4">
                        
                        <!---<div id="gg"><b><u><img src="bn.png" width="494" height="90"/></u></b></div>----></h1>
                  </div>
              <!----    <div class="centered">---->
                  
                  <br>
                  <form class="user" action="#" method="post" enctype="multipart/form-data" id="acclogin">
                    <div class="form-group">
                     <input type="text" class="form-control form-control-user" name="accno" id="exampleInputEmail" aria-describedby="emailHelp" 
                      placeholder="Enter Account Number">
                    </div>
                    <div class="form-group">
                      <input type="password" name="pass" class="form-control form-control-user" id="exampleInputPassword" placeholder="Enter Password">
                    </div>
                    <div class="form-group">
                      <div class="custom-control custom-checkbox small">
                        <input type="checkbox" class="custom-control-input" id="customCheck">
                        <label class="custom-control-label" for="customCheck">Remember Me</label>
                      </div>
                    </div>
                    
                    <div class="form-group">
                    <!---<a href="index.html" class="btn btn-primary btn-user btn-block" name="submitButton" type="submit">
                      Login----><!---</a>--->
               <input name="submitButton" type="submit" 
               id="submitButton" value="Login Now" class="btn btn-google btn-user btn-block" />
                    </div>
                    
                    
                    <hr>
                    <a href="register.php" class="btn btn-google btn-user btn-block">
                      <i class="fab fa-google 
                      fa-fw"></i> Register An Account Now.!
                    </a>
                    <a href="./contact.html" class="btn btn-facebook btn-user btn-block">
                      <i class="fab fa-facebook-f fa-fw"></i>  Contact Us
                    </a>
                  </form></div>
             <!----     </div>---->
                  <hr><!----
                  <div class="text-center">
                    <a class="small" href="changePassword.php">Forgot Password?</a>
                  </div>
                  <!--<div class="text-center">
                    <a class="small" href="register.php">Create an Account!</a>
                  </div>--
                </div>
         <!----     </div>---->
           <!--- </div>----->
       <!----   </div>---->
     <!----   </div>---->

      </div>

    </div>

  </div>

  <!-- Bootstrap core JavaScript-->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Core plugin JavaScript-->
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Custom scripts for all pages-->
  <script src="js/sb-admin-2.min.js"></script>

</body>
<script>
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "integer", {validateOn:["blur", "change"]});
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1", {minChars:6, maxChars: 12, validateOn:["blur", "change"]});
//-->
</script>
</html>
