<?php
//Start the Session
header("X-Robots-Tag: noindex, nofollow", true);
session_start();

require('include/dbconfig.php');
require_once 'include/class.user.php';

$reg_user = new USER();




//3. If the form is submitted or not.
//3.1 If the form is submitted
if (isset($_POST['username']) and isset($_POST['upass'])) {
  //3.1.1 Assigning posted values to variables.

  $username = mysqli_real_escape_string($connection, $_POST['username']);
  $upass = mysqli_real_escape_string($connection, $_POST['upass']);

  //3.1.2 Checking the values are existing in the database or not
  $query = "SELECT * FROM account WHERE username='$username' and upass='$upass'";
  $result = mysqli_query($connection, $query);
  
  if (!$result) {
    error_log("Database query error: " . mysqli_error($connection));
    $msg = "<div class='alert alert-danger'>
						<button class='close' data-dismiss='alert'>&times;</button>
						  System error. Please try again later.
			  </div>";
  } else {
    $count = mysqli_num_rows($result);

    if ($count > 0) {
      $stmt = $reg_user->runQuery("SELECT * FROM account WHERE username = :username");
      $stmt->bindParam(':username', $username);
      $stmt->execute();
      $row = $stmt->fetch(PDO::FETCH_ASSOC);
      
      if ($row) {
        $fname = $row['fname'];
        $uname = $row['uname']; // Get account number for session

        $log = $reg_user->runQuery("UPDATE account SET logins = logins + 1 WHERE username = :username");
        $log->bindParam(':username', $username);
        $log->execute();

        $status = $row['status'];
  //3.1.2 If the posted values are equal to the database values, then session will be created for the user.
  if ($count == 0) {
    $msg = "<div class='alert alert-danger'>
						<button class='close' data-dismiss='alert'>&times;</button>
						  Invalid Username or Password!
                   
			  </div>";
  } elseif ($status == 'DISABLED') {
    $msg = "<div class='alert alert-inverse'>
						<button class='close' data-dismiss='alert'>&times;</button>
						  <strong>Sorry! Your Account Has Been Disabled For Violation of Our Terms!</strong>
                   
			  </div>";
  }

  //   elseif ($status == 'CLOSED') {
  //     $msg = "<div class='alert alert-inverse'>
  // 		<button class='close' data-dismiss='alert'>&times;</button>
  // 		 <strong>Sorry! This Account is Inactive, <br>kindly Contact Customer Care.</strong>

  // </div>";

  // } 

  elseif ($status == 'SUSPEND') {
    $msg = "<div class='alert alert-inverse'>
						<button class='close' data-dismiss='alert'>&times;</button>
						  <strong>Sorry! This Account is Suspended Contact Customercare!</strong>
                   
			  </div>";
  } else {
    //3.1.3 If the login credentials doesn't match, he will be shown with an error message.
    $_SESSION['uname'] = $uname;
    // Redirect user to dashboard/summary.php
    // header("Location: dashboard/summary.php");
  }
      } else {
        $msg = "<div class='alert alert-danger'>
						<button class='close' data-dismiss='alert'>&times;</button>
						  Invalid Username or Password!
			  </div>";
      }
    } else {
      $msg = "<div class='alert alert-danger'>
						<button class='close' data-dismiss='alert'>&times;</button>
						  Invalid Username or Password!
			  </div>";
    }
  }
}
//3.1.4 if the user is logged in Greets the user with message
if (isset($_SESSION['uname'])) {
  $code = substr(number_format(time() * rand(), 0, '', ''), 0, 6);
  $sender = "DEMOBANK"; /* sender id */
  $message = "Please enter this code to continue proceed
				$code";


  $message = "
				<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
  <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
  <title>[SUBJECT]</title>
  <style type='text/css'>
  body {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   margin:0 !important;
   width: 100% !important;
   -webkit-text-size-adjust: 100% !important;
   -ms-text-size-adjust: 100% !important;
   -webkit-font-smoothing: antialiased !important;
 }
 .tableContent img {
   border: 0 !important;
   display: block !important;
   outline: none !important;
 }
 a{
  color:#382F2E;
}

p, h1{
  color:#382F2E;
  margin:0;
}

div,p,ul,h1{
  margin:0;
}
p{
font-size:13px;
color:#99A1A6;
line-height:19px;
}
h2,h1{
color:#444444;
font-weight:normal;
font-size: 22px;
margin:0;
}
a.link2{
padding:15px;
font-size:13px;
text-decoration:none;
background:#2D94DF;
color:#ffffff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.bgBody{
background: #f6f6f6;
}
.bgItem{
background: #2C94E0;
}

@media only screen and (max-width:480px)
		
{
		
table[class='MainContainer'], td[class='cell'] 
	{
		width: 100% !important;
		height:auto !important; 
	}
td[class='specbundle'] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		
	}
	td[class='specbundle1'] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:20px !important;
		
	}	
td[class='specbundle2'] 
	{
		width:90% !important;
		float:left !important;
		font-size:14px !important;
		line-height:18px !important;
		display:block !important;
		padding-left:5% !important;
		padding-right:5% !important;
	}
	td[class='specbundle3'] 
	{
		width:90% !important;
		float:left !important;
		font-size:14px !important;
		line-height:18px !important;
		display:block !important;
		padding-left:5% !important;
		padding-right:5% !important;
		padding-bottom:20px !important;
	}
	td[class='specbundle4'] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:20px !important;
		text-align:center !important;
		
	}
		
td[class='spechide'] 
	{
		display:none !important;
	}
	    img[class='banner'] 
	{
	          width: 100% !important;
	          height: auto !important;
	}
		td[class='left_pad'] 
	{
			padding-left:15px !important;
			padding-right:15px !important;
	}
		 
}
	
@media only screen and (max-width:540px) 

{
		
table[class='MainContainer'], td[class='cell'] 
	{
		width: 100% !important;
		height:auto !important; 
	}
td[class='specbundle'] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		
	}
	td[class='specbundle1'] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:20px !important;
		
	}		
td[class='specbundle2'] 
	{
		width:90% !important;
		float:left !important;
		font-size:14px !important;
		line-height:18px !important;
		display:block !important;
		padding-left:5% !important;
		padding-right:5% !important;
	}
	td[class='specbundle3'] 
	{
		width:90% !important;
		float:left !important;
		font-size:14px !important;
		line-height:18px !important;
		display:block !important;
		padding-left:5% !important;
		padding-right:5% !important;
		padding-bottom:20px !important;
	}
	td[class='specbundle4'] 
	{
		width: 100% !important;
		float:left !important;
		font-size:13px !important;
		line-height:17px !important;
		display:block !important;
		padding-bottom:20px !important;
		text-align:center !important;
		
	}
		
td[class='spechide'] 
	{
		display:none !important;
	}
	    img[class='banner'] 
	{
	          width: 100% !important;
	          height: auto !important;
	}
		td[class='left_pad'] 
	{
			padding-left:15px !important;
			padding-right:15px !important;
	}
		
	.font{
		font-size:15px !important;
		line-height:19px !important;
		
		}
}

</style>

<script type='colorScheme' class='swatch active'>
  {
    'name':'Default',
    'bgBody':'f6f6f6',
    'link':'ffffff',
    'color':'99A1A6',
    'bgItem':'2C94E0',
    'title':'444444'
  }
</script>

</head>
<body paddingwidth='0' paddingheight='0' bgcolor='#d1d3d4'  style=' margin-left:5px; margin-right:5px; margin-bottom:0px; margin-top:0px;padding-top: 0; padding-bottom: 0; background-repeat: repeat; width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;' offset='0' toppadding='0' leftpadding='0'>
  <table width='100%' border='0' cellspacing='0' cellpadding='0' class='tableContent bgBody' align='center'  style='font-family:Helvetica, Arial,serif;'>
  
    <!-- =============================== Header ====================================== -->

  <tr>
    <td class='movableContentContainer' >
    	<div class='movableContent' style='border: 0px; padding-top: 0px; position: relative;'>
  <table width='100%' border='0' cellspacing='0' cellpadding='0' align='center' valign='top'>
    <tr><td height='2'></td></tr>
    <tr>
      <td height='200' bgcolor='#fdfefe'>
        <table align='center' border='0' cellspacing='0' cellpadding='0' class='MainContainer'>
          <tr><td></td></tr>
          <tr>
            <td></td>
            <td valign='top'>
              <table width='300' border='0' cellspacing='0' cellpadding='0' align='center' valign='top'>
                <tr>
                  <td valign='top'>
                    <div class='contentEditableContainer contentTextEditable'>
                      <div class='contentEditable'>
                        <h1 style='font-size:20px;font-weight:normal;color:blue;line-height:19px;'>Dear $fname,</h1>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr><td height='18'></td></tr>
                <tr>
                  <td valign='top'>
                    <div class='contentEditableContainer contentTextEditable'>
                      <div class='contentEditable'>
                        <p style='font-size:13px;color:blue;line-height:19px;'>
                          You are attempting to log in to your AlphaEdge Online account. Please use the One-Time Password (OTP) below to complete your login process: <br>
                          <br><strong>OTP: $code</strong><br><br>
                          This OTP is valid for a limited time only. Please do not share it with anyone.
                        </p>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr><td height='1'></td></tr>
              </table>
            </td>
            <td></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr><td height='0'></td></tr>
  </table>
</div>

<div class='movableContent' style='border: 0px; padding-top: 0px; position: relative;'>
  <table width='100%' border='0' cellspacing='0' cellpadding='0' align='center' valign='top'>
    <tr>
      <td>
        <table width='600' border='0' cellspacing='0' cellpadding='0' align='center' valign='top' class='MainContainer'>
          <tr>
            <td>
              <table width='100%' border='0' cellspacing='0' cellpadding='0' align='center' valign='top'>
                <tr><td></td></tr>
                <tr>
                  <td valign='top' align='center'>
                    <div class='contentEditableContainer contentTextEditable'>
                      <div class='contentEditable'>
                        <p style='font-weight:bold;font-size:13px;line-height:30px;'>AlphaEdge Online</p>
                      </div>
                      <br>
                      <div class='contentEditableContainer contentTextEditable'>
                        <div class='contentEditable'>
                          <p style='font-size:13px;line-height:15px;'>
                            <b>How Do I Know This is a Legitimate Email?</b><br><br>
                            Emails from us will address you by your registered <b>first and last name</b> or <b>business name</b>.
                            We will <b>never ask</b> for sensitive information such as your password, bank account, or credit card details.<br><br>
                            Remember not to click any links in suspicious-looking emails.
                          </p>
                        </div>
                      </div>
                    </div>
                    <div class='contentEditableContainer contentTextEditable'>
                      <div class='contentEditable'>
                        <p style='color:#A8B0B6;font-size:13px;line-height:15px;'>&nbsp;</p>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr><td height='28'>&nbsp;</td></tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>
    </td>
  </tr>
</table>


</body>
  </html>


";



  $uname = $_SESSION['uname'];

  $queri = " UPDATE account SET tmp_otp = '$code' WHERE uname ='$uname'";
  $resulti = mysqli_query($connection, $queri) or die(mysqli_error($connection));

  $subject = "Login Verification";
  $stmt = $reg_user->runQuery("SELECT * FROM account WHERE uname = '$uname'");
  $stmt->execute();
  $row = $stmt->fetch(PDO::FETCH_ASSOC);

  if (isset($_SESSION['uname']) && $row['phone_verify'] == 1) {
    header('Location: dashboard/pin_auth.php');
    exit();
  } else {
    $r = $reg_user->send_mail($row['email'], $message, $subject);
    $phone = preg_replace('/[^0-9]/', '', $row['phone']);
    $mobile_msg = "Dear " . $row['fname'] . ", Please use the One Time Passcode (OTP): " . $code . " to complete your login process";
    // $reg_user->otp($phone,$mobile_msg);
    header('Location: dashboard/otp.php');
  }
} else {
}
//3.2 When the user visits the page first time, simple login form will be displayed.
?>


<!DOCTYPE html>
<html class="no-js" style="height: 100%;" lang="">

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

  <meta charset="utf-8">
  <title> Account Login | <?php echo $site_title; ?> </title>
  <meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
  <link href="assets/img/brand/favicon.png" rel="icon" type="image/png">
  <link rel="apple-touch-icon-precomposed" href="">
  <meta name="msapplication-TileImage" content="">
  <!-- build:css({.tmp,app}) styles/app.min.css -->
  <link href="assets/bootstrap.css" rel="stylesheet" id="bootstrap-css">
  <script src="assets/bootstrap.js"></script>
  <script src="assets/jquery-1.js"></script>
  <link href="assets/css.css" rel="stylesheet">
  <!------ Include the above in your HEAD tag ---------->
  <style>
    body {
      font-family: 'Nunito', sans-serif;
      font-size: 14px;
      line-height: 1.28571429;
      color:
        #000;
    }

    body {
      background: url('assets/bannerfront.jpg');
      no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .panel-default {
      opacity: ;
      margin-top: 70px;
    }

    .btn-sm,
    .btn-xs {
      padding: 5px 40%;
      font-size: 15px;
      line-height: 1.5;
      border-radius: 7px;
    }

    .form-group.last {
      margin-bottom: 0px;
    }

    .btn-success {
      color:
        #fff;
      background-color:
        #187718;
      border-color:
        #187718;
    }

    .alert-danger {

      color: #fff;
      background-color: #e30909;
      border-color: #eed3d7;

    }
  </style>
</head>




<body style="position: relative; min-height: 100%; top: 0px;">
  <div class="container">
    <div class="row">

      <div class="col-md-4 col-md-offset-7">
        <div class="panel panel-default">
          <form>
            <input style="background-color: green; color:white; border-radius: 8px;" class="MyButton" type="button" value="Back to Home" onclick="window.location.href='../index.html'" />
          </form>
          <center><br><img style="width: 250px;" src="assets/img/brand/blue.png" alt="LOGO" data-default="placeholder" data-max-width="100" width="16%"></center> <br>
          <div style="background-color: #114a43;" class="panel-heading">
          </div><br>
          <center>


            <!-- GTranslate: https://gtranslate.io/ -->
            <a href="#" onclick="doGTranslate('en|ar');return false;" title="Arabic" class="gflag nturl" style="background-position:-100px -0px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Arabic" /></a><a href="#" onclick="doGTranslate('en|zh-TW');return false;" title="Chinese (Traditional)" class="gflag nturl" style="background-position:-400px -0px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Chinese (Traditional)" /></a><a href="#" onclick="doGTranslate('en|en');return false;" title="English" class="gflag nturl" style="background-position:-0px -0px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="English" /></a><a href="#" onclick="doGTranslate('en|fr');return false;" title="French" class="gflag nturl" style="background-position:-200px -100px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="French" /></a><a href="#" onclick="doGTranslate('en|de');return false;" title="German" class="gflag nturl" style="background-position:-300px -100px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="German" /></a><a href="#" onclick="doGTranslate('en|it');return false;" title="Italian" class="gflag nturl" style="background-position:-600px -100px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Italian" /></a><a href="#" onclick="doGTranslate('en|pt');return false;" title="Portuguese" class="gflag nturl" style="background-position:-300px -200px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Portuguese" /></a><a href="#" onclick="doGTranslate('en|ru');return false;" title="Russian" class="gflag nturl" style="background-position:-500px -200px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Russian" /></a><a href="#" onclick="doGTranslate('en|es');return false;" title="Spanish" class="gflag nturl" style="background-position:-600px -200px;"><img src="//gtranslate.net/flags/blank.png" height="16" width="16" alt="Spanish" /></a>

            <style type="text/css">
              <!--
              a.gflag {
                vertical-align: middle;
                font-size: 16px;
                padding: 1px 0;
                background-repeat: no-repeat;
                background-image: url(//gtranslate.net/flags/16.png);
              }

              a.gflag img {
                border: 0;
              }

              a.gflag:hover {
                background-image: url(//gtranslate.net/flags/16a.png);
              }

              #goog-gt-tt {
                display: none !important;
              }

              .goog-te-banner-frame {
                display: none !important;
              }

              .goog-te-menu-value:hover {
                text-decoration: none !important;
              }

              body {
                top: 0 !important;
              }

              #google_translate_element2 {
                display: none !important;
              }
              -->
            </style>

            <br /><select onchange="doGTranslate(this);">
              <option value="">Select Language</option>
              <option value="en|af">Afrikaans</option>
              <option value="en|sq">Albanian</option>
              <option value="en|ar">Arabic</option>
              <option value="en|hy">Armenian</option>
              <option value="en|az">Azerbaijani</option>
              <option value="en|eu">Basque</option>
              <option value="en|be">Belarusian</option>
              <option value="en|bg">Bulgarian</option>
              <option value="en|ca">Catalan</option>
              <option value="en|zh-CN">Chinese (Simplified)</option>
              <option value="en|zh-TW">Chinese (Traditional)</option>
              <option value="en|hr">Croatian</option>
              <option value="en|cs">Czech</option>
              <option value="en|da">Danish</option>
              <option value="en|nl">Dutch</option>
              <option value="en|en">English</option>
              <option value="en|et">Estonian</option>
              <option value="en|tl">Filipino</option>
              <option value="en|fi">Finnish</option>
              <option value="en|fr">French</option>
              <option value="en|gl">Galician</option>
              <option value="en|ka">Georgian</option>
              <option value="en|de">German</option>
              <option value="en|el">Greek</option>
              <option value="en|ht">Haitian Creole</option>
              <option value="en|iw">Hebrew</option>
              <option value="en|hi">Hindi</option>
              <option value="en|hu">Hungarian</option>
              <option value="en|is">Icelandic</option>
              <option value="en|id">Indonesian</option>
              <option value="en|ga">Irish</option>
              <option value="en|it">Italian</option>
              <option value="en|ja">Japanese</option>
              <option value="en|ko">Korean</option>
              <option value="en|lv">Latvian</option>
              <option value="en|lt">Lithuanian</option>
              <option value="en|mk">Macedonian</option>
              <option value="en|ms">Malay</option>
              <option value="en|mt">Maltese</option>
              <option value="en|no">Norwegian</option>
              <option value="en|fa">Persian</option>
              <option value="en|pl">Polish</option>
              <option value="en|pt">Portuguese</option>
              <option value="en|ro">Romanian</option>
              <option value="en|ru">Russian</option>
              <option value="en|sr">Serbian</option>
              <option value="en|sk">Slovak</option>
              <option value="en|sl">Slovenian</option>
              <option value="en|es">Spanish</option>
              <option value="en|sw">Swahili</option>
              <option value="en|sv">Swedish</option>
              <option value="en|th">Thai</option>
              <option value="en|tr">Turkish</option>
              <option value="en|uk">Ukrainian</option>
              <option value="en|ur">Urdu</option>
              <option value="en|vi">Vietnamese</option>
              <option value="en|cy">Welsh</option>
              <option value="en|yi">Yiddish</option>
            </select>
            <div id="google_translate_element2"></div>
            <script type="text/javascript">
              function googleTranslateElementInit2() {
                new google.translate.TranslateElement({
                  pageLanguage: 'en',
                  autoDisplay: false
                }, 'google_translate_element2');
              }
            </script>
            <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


            <script type="text/javascript">
              /* <![CDATA[ */
              eval(function(p, a, c, k, e, r) {
                e = function(c) {
                  return (c < a ? '' : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36))
                };
                if (!''.replace(/^/, String)) {
                  while (c--) r[e(c)] = k[c] || e(c);
                  k = [function(e) {
                    return r[e]
                  }];
                  e = function() {
                    return '\\w+'
                  };
                  c = 1
                };
                while (c--)
                  if (k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
                return p
              }('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}', 43, 43, '||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'), 0, {}))
              /* ]]> */
            </script>


            <strong></strong>
            <div class="panel-body">

              <?php
              if (isset($_GET['inactive'])) {
              ?>
                <div class='alert alert-info col-4'>
                  <button class='close' data-dismiss='alert'>&times;</button>
                  <strong>Sorry!</strong> This Account is not Activated Contact Customer Care Activate it.
                </div>
              <?php
              }
              ?>
              <?php if (isset($msg)) echo $msg; ?>

              <form autocomplete="off" method="POST">
                <div class="form-inputs p-b">
                  <a style="color: black;"><b>USERNAME</b></a>
                  <input style="margin-bottom: 20px;" type="text" name="username" class="form-control" placeholder="Enter <?php echo $site_initial; ?> Username." autofocus="" required>
                  <input type="hidden" name="code" value="" &="" />

                  <label="" class="text-uppercase"><b>PASSWORD</b>
                    <input type="password" name="upass" class="form-control" placeholder="Enter <?php echo $site_initial; ?> Password" required>
                    <center>
                      <blockquoe><br>
                        <p><a href="dashboard/applicationform.php">Sign up for Internet Banking</a></p>
                      </blockquoe>
                    </center>
                </div>
                <center><button style="background-color: #114a43;" name="login" class="btn btn-success btn-sm" type="submit">
                    <div align="center">Proceed</div>
                  </button></center>
                <div class="divider">


                <p class="text-center"><b></b>
                </p>
                <p class="text-center">The World in your Finger Tips</p>
              </form>
            </div>
            <div style="background-color: #114a43;" class="panel-footer">
            </div>
        </div>
      </div>
    </div>
  </div>
  </script>