<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<!--[endif]-->

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

<head>
  <!-- Required Meta -->
  <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 For This Document -->
  <title>Email Verification - Lenexbanking</title>
  <!-- Favicon For This Document -->
  <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon" />
  <!-- Keywords For This Document -->
  <meta name="keywords" content="" />
  <!-- Description For This Document -->
  <meta name="description" content="" />
  <!-- Vendor CSS -->
  <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css" />
  <link rel="stylesheet" href="assets/vendor/font-awesome/css/all.min.css" />
  <link rel="stylesheet" href="assets/vendor/glyphter/css/custom-icon.css" />
  <link rel="stylesheet" href="assets/vendor/nice-select/css/nice-select.css" />
  <link rel="stylesheet" href="assets/vendor/magnific-popup/css/magnific-popup.css" />
  <link rel="stylesheet" href="assets/vendor/owl-carousel/css/owl.carousel.min.css" />
  <link rel="stylesheet" href="assets/vendor/animate-css/animate.min.css" />
  <!--  Main CSS -->
  <link rel="stylesheet" href="assets/css/main.css" />
  <!-- HTML5 Shiv -->

  <style>
    body {
      top: 0px !important;
    }

    .skiptranslate {
      display: none !important;
      margin: 0;
      padding: 0;
    }

    goog-logo-link {
      display: none !important;
    }

    #google_translate_element {
      width: auto !important;
      display: inline-block !important;
      overflow: none !important;
      color: inherit;
    }

    #google_translate_element .goog-te-gadget-simple {
      background-color: transparent;
      xborder: 0;
    }

    .goog-te-gadget-icon {
      display: none !important;
    }
  </style>

</head>

<body>

  <!-- Form -->
  <div class="join-area pt-5 bg-img" data-background="assets/images/bg/bg1.jpg" style="height: 100vh;">
    <div class="container">
      <div class="join-wrapper">
        <div class="row">
          <div class="col-lg-3">
          </div>
          <div class="col-lg-6">

            <a class="d-block text-center mb-3 pb-0" href="index.html">
              <img src="assets/images/logo.png" alt="Lenexbanking" style="max-height: 75px;" class="logo" />
            </a>
            <div class="join-form  wow fadeInUp pb-1" style="background:#171F2999 !important;" data-wow-duration="0.4s">
              <div class="title-wrapper">
                <h5 class="text-center">Verify Your E-Mail</h5>
                <?php if (isset($_SESSION['status'])) {
                  echo $_SESSION['status'];
                  unset($_SESSION['status']);
                }

                ?>
              </div>
              <form action="account/php/verified.php" method="post" id="xlogIn" class="mt-4 text-center">
                <div class="input-label-group mb-30">
                  <input type="text" name="vcode" value="" placeholder="Enter Verification Code" style="border:0"
                    required>
                </div>

                <button type="submit" name="submit" class="primary-btn mb-5">Verify <i
                    class="icon-right-arrow"></i></button>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Vendor JS -->
  <script src="assets/vendor/jquery/jquery-3.6.0.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/nice-select/js/jquery.nice-select.min.js"></script>
  <script src="assets/vendor/waypoint-js/waypoints.js"></script>
  <script src="assets/vendor/counter-up/counter-up.js"></script>
  <script src="assets/vendor/magnific-popup/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/vendor/owl-carousel/js/owl.carousel.min.js"></script>
  <script src="assets/vendor/wow-js/wow.min.js"></script>
  <!-- Main JS -->
  <script src="assets/js/main.js"></script>


  <script type="text/javascript">
    function displayNextImage() {
      x = (x === images.length - 1) ? 0 : x + 1;
      //document.getElementById("slider").src = images[x];
      document.getElementById("slider").style = "background-image: url(assets/images/bg/" + images[x] + ");";
    }

    function displayPreviousImage() {
      x = (x <= 0) ? images.length - 1 : x - 1;
      document.getElementById("slider").style = "background-image: url(assets/images/bg/" + images[x] + ");";
    }

    function startTimer() {
      setInterval(displayNextImage, 5000);
    }

    var images = [], x = -1;
    images[0] = "slide3.html";
    images[1] = "slide2.html";
    images[2] = "slide4.html";
    images[3] = "slide1.html";
    images[4] = "hero-bg.html";

    startTimer();
  </script>

  <script type="text/javascript">

    function googleTranslateElementInit() {
      new google.translate.TranslateElement({ pageLanguage: "en" }, 'google_translate_element');
    }

    function changeLanguageByButtonClick() {
      var language = document.getElementById("language").value;
      var selectField = document.querySelector("#google_translate_element select");
      for (var i = 0; i < selectField.children.length; i++) {
        var option = selectField.children[i];
        // find desired langauge and change the former language of the hidden selection-field 
        if (option.value == language) {
          selectField.selectedIndex = i;
          // trigger change event afterwards to make google-lib translate this side
          selectField.dispatchEvent(new Event('change'));
          break;
        }
      }
    }
  </script>

  <script type="text/javascript"
    src="translate.google.com/translate_a/elementa0d8.js?cb=googleTranslateElementInit"></script>

  <script type="text/javascript">
    /*<![CDATA[*/

    function ibanking() {
      window.open("online-banking.html", "_self");
    }
    var pval = document.getElementById("error").value;

    window.addEventListener("load", function () {
      if (pval !== "") {
        alert(pval);
      }
    });

  </script>

</body>

</html>