<?php
 if(isset($_GET['error'])){
   $error =  $_GET['error'];
 }
?>
<!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> Register |  Public Finance Bank Ltd. </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">
	</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 text-dark">Sign Up!</h3>
              <small class='mb-2 text-dark'>After completion of this process you will received an email notification with your credentials</small>
              <br>
              <br>
              <?php
                if(isset($error)){
                  echo "<small style='color:red'>$error</small>";
                }
              ?>
              <!-- Sign In Form -->
              <form action="process/sign2.php" method="post" enctype="multipart/form-data">
                <div class="form-floating mb-3">
                    <select class="form-control" name='gender'>
                      <option>male</option>
                      <option>female</option>
                    </select>
                    <label for="floatingPassword">Gender</label>
                </div>
                <div class="form-floating mb-3">
                  <input type="file" class="form-control" id="floatingInput" name="file" required>
                  <label for="floatingInput">Photo</label>
                </div>
                <div class="form-floating mb-3">
                  <input type="email" class="form-control" id="floatingInput" name="email" placeholder="name@example.com" required>
                  <label for="floatingInput">Email</label>
                </div>
                <div class="form-floating mb-3">
                  <input class="form-control" type="password" name="password" placeholder="Pasword" id="password" required>
                  <label for="floatingPassword">Passsword</label>
                </div>
                <div class="d-grid">
                  <button class="btn btn-lg btn-primary btn-login text-uppercase fw-bold mb-2" name='submit' type="submit">Submit</button>
                  <div class="">
                    <a class="small text-light" href="login">already a user? login</a>
                  </div>
                </div>
              </form>
            </div>
        </div>
      </div>
  </div>
  </body>
</html>