<?php
include 'functions/getProfileDetails.php';
if (isset($_SESSION['UserID'])) {
include 'functions/TransactionScript.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?php echo $AccFullname; ?> - UFT Banking</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="content-language" content="en">
<meta name="theme-color" content="#426fb6" >
<meta name="msapplication-navbutton-color" content="#426fb6">
<meta name="apple-mobile-web-app-status-bar-style" content="#426fb6">
<meta name="keywords" content="">
<meta name="description" content="" >
<meta property="og:type" content="website">
<meta property="og:site_name" content="">
<meta property="og:title" content="UFT Bank">
<meta property="og:description" content="">
<meta property="og:site_name" content="">
<meta property="og:image" content="">
<meta name="msapplication-TileColor" content="#426fb6">
<meta name="msapplication-TileImage" content="https://d4u5qzkfpc9yt.cloudfront.net/favicons/mstile-144x144.7f7356b104f883d3d4fb2cf19d18d3f24c8cb71d.png">
<meta property="og:url" content="">
<link rel="stylesheet" type="text/css" href="/personal-access/personal/assets/css_animate/animate.min.css">
<link rel="stylesheet" type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="icon" type="image/x-icon" href="/personal-access/favicon.png">
<link rel="stylesheet" type="text/css" href="/personal-access/personal/assets/stylesheet/layout.css">
<link rel="stylesheet" type="text/css" href="/personal-access/personal/assets/stylesheet/fonts.css">
<link rel="stylesheet" type="text/css" href="/personal-access/personal/assets/stylesheet/responsive.css">
<link rel="stylesheet" type="text/css" href="/personal-access/assets/stylesheet/responsive.css">
<link rel="stylesheet" type="text/css" href="/personal-access/assets/stylesheet/fonts.css">
<!--========================== PRELOAD FONTS============================= -->
<link rel="preload" href="/personal-access/personal/fonts/Roboto-Light.ttf" as="font">

<!--========================== PRELOAD FONTS============================= -->
<link rel="preload" href="/personal-access/assets/fonts/hind-medium.otf" as="font">
<link rel="preload" href="/personal-access/assets/fonts/hind-light.otf" as="font">
<link rel="preload" href="/personal-access/assets/fonts/hind-bold.otf" as="font">
<link rel="preload" href="/personal-access/assets/fonts/hind-regular.otf" as="font">
<link rel="preload" href="/personal-access/assets/fonts/hind-semibold.otf" as="font">
<link rel=’stylesheet’ href=typicons.font-master/src/font/typicons.min.css’>
<link rel="stylesheet" href="/personal-access/admin/css/sweetalert2.min.css">
<script src="/personal-access/admin/js/sweetalert2.all.min.js"></script>
<!-- ====================== JS SCRIPTS =====================================-->
<script type="text/javascript" src="/personal-access/personal/assets/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/personal-access/personal/assets/js/global.js"></script>
<script type="text/javascript" src="/personal-access/assets/js/global.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="/personal-access/personal/assets/js/wow.min.js"></script>

<script type="text/javascript">
new WOW().init();
</script>

<style>
@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i');

*{
  /* box-sizing:border-box;
  font-family: 'Space Mono', monospace; */
}

body{
  /* display: flex;
  justify-content: center;
  align-items: center;
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-justify-content: center;
   background-image: linear-gradient(to right top, #a2beeb, #8ecfee, #8edde5, #a4e7d5, #c7eec7);
  flex-direction: column;
  -webkit-flex-direction: column; */
}
.title {
    margin-bottom: 30px;
    color: #162969;
}


.card{
width: 320px;
height: 190px;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective:600px;
  font-family: 'Space Mono', monospace;
  margin: 10px auto;
  
}
/* #426fb6 */
.card__part{
  box-shadow: 1px 1px #aaa3a3;
    top: 0;
  position: absolute;
z-index: 1000;
  left: 0;
  display: inline-block;
    width: 320px;
    height: 190px;
    background-image: url('/personal-access/images/map2.png'), linear-gradient(to right bottom, #426fb6, #426fb6, #426fb6, #426fb6, #426fb6); /*linear-gradient(to right bottom, #fd8369, #fc7870, #f96e78, #f56581, #ee5d8a)*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
   
    -webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.card__front{
  padding: 18px;
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
}

.card__back {
  padding: 18px 0;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
}

.card__black-line {
    margin-top: 5px;
    height: 38px;
    background-color: #426fb6;
}

.card__logo {
    height: 16px;
}

.card__front-logo{
      position: absolute;
    top: 18px;
    right: 18px;
}
.card__square {
    border-radius: 5px;
    height: 30px;
}

.card_numer {
    display: block;
    width: 100%;
    word-spacing: 4px;
    font-size: 20px;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.card__space-75 {
    width: 75%;
    float: left;
}

.card__space-25 {
    width: 25%;
    float: left;
}

.card__label {
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.8);
    letter-spacing: 1px;
}

.card__info {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.card__back-content {
    padding: 15px 15px 0;
}
.card__secret--last {
    color: #303030;
    text-align: right;
    margin: 0;
    font-size: 14px;
}

.card__secret {
    padding: 5px 12px;
    background-color: #fff;
    position:relative;
}

.card__secret:before{
  content:'';
  position: absolute;
top: -3px;
left: -3px;
height: calc(100% + 6px);
width: calc(100% - 42px);
border-radius: 4px;
  background: repeating-linear-gradient(45deg, #ededed, #ededed 5px, #f9f9f9 5px, #f9f9f9 10px);
}

.card__back-logo {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.card__back-square {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.card:hover .card__front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);

}

.card:hover .card__back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}
  </style>
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'd5990cd474daf16a2846ca192e67ca69da07552a';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>

</head>
<body>
<!-- ======================= WHOLE BODY WRAPPER   ================================================= -->
<!--<div id="google_translate_element"></div>-->

<!--<script type="text/javascript">-->
<!--function googleTranslateElementInit() {-->
<!--  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');-->
<!--}-->
<!--</script>-->

<!--<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>-->
<div id="Body_container">
<div class="top_Nav">
    
    <?php require 'header.php'; ?>

</div>
</div>


<!-- ======================= ENDS WHOLE BODY WRAPPER   ================================================= -->
<!-- ======================= MAIN BODY CONTENT WRAPPER   ================================================= -->
<div id="container">
<div class="innerBankOperaion">

<div class="welMsg">
<div class="accountImage"><picture><img src="/personal-access/admin/AccImage/<?php echo $AccImage; ?>" alt=""></picture></div>
<h2 class="welcome">Hello, <?php echo $AccFullname; ?></h2>

<a href="update.php">Update profile</a>
<a href="#" class="security">Security center</a>

<form action="<?php $_SERVER['PHP_SELF']; ?>" method="POST" class="helpForm">
<div class="inputWrapper">
<input type="text" name="helpCenter" placeholder="How can we help you ?">
<button type="submit"><i class="icon ion-ios-search"></i> </button>
</div>
</form>
</div>

<section id="dataSection">
<div class="listData">
<div class="wrapper">
<header><h2><img src="/personal-access/personal/img/centuryBankLogo.png" alt=""> Personal accounts</h2></header>
<div class="container">
<ul>
<li>UFT Bank Core checking - 9080 <span class="amount" style="color: green;"><?php echo $currn.$AccBal; ?></span></li>
<li>Account Number -  <span class="amount"><?php 
$accNumVar = '00199281181';
$accNumVar = substr_replace($accNumVar, str_repeat("*", 4), 4, 4);
echo $accNumVar;

?></span></li>
</ul>
<span class="notice">Quick view</span>
</div>
</div>
<div class="wrapper">
<header style="float: left;"><h2>Most Recent Transactions (<?php echo $transactionCount; ?>)</h2></header>

<div class="container" style="clear: both;">
<?php

if ($transactionCount > 0) {
while ($transDetails = mysqli_fetch_assoc($LimitTransQuery)) {
//================ TRANSACTION DETAILS ================================
$ID = $transDetails['ID'];
$ReferenceNum = $transDetails['ReferenceNum'];
$Amount = $transDetails['Amount'];
$Status = $transDetails['Status'];
$Type = $transDetails['Type'];
$SenderName = $transDetails['SenderName'];
$ReceiverAccNum = $transDetails['ReceiverAccNum'];
$Narration = $transDetails['Narration'];
$DateTrans = $transDetails['TransDate'];
$Note = $transDetails['Note'];
$SwiftCode  = $transDetails['SwiftCode'];
$IbanCode  = $transDetails['Iban'];
$transferType  = $transDetails['transferType'];
$bankAddress = $transDetails['bankAddress'];


$accNumVarR = $ReceiverAccNum;
$accNumVarR = substr_replace($accNumVarR, str_repeat("*", 4), 4, 4);



//========== CONVERT SUCCESS TO STRING ==========================
if ($Status == 0) {
$ConvertedStatus = "PENDING";
}else {
$ConvertedStatus = "SUCCESSFUL";
}

//================get Time and Date ================
$SplitTimeDate = explode(' ', $DateTrans);
$Date = $SplitTimeDate[0];
$Time = $SplitTimeDate[1];
//============get Accurate AM/PM Time ================
$TimeSplit = explode(':', $Time);
$Time1 = $TimeSplit[0];
$Time2 = $TimeSplit[1];

$accurateTime = $Time1.":".$Time2;

// get pending transfer level

$getPendLevel =  mysqli_query($connect, "SELECT * FROM tracktrans WHERE TransID = '$ID' ");
$fetchPendLevel = mysqli_fetch_assoc($getPendLevel);
$ThisLevel = $fetchPendLevel['Level'];

?>
<ul class="transactions unselectable">
<li class="dateTrans"><?php echo $Date; ?> <?php echo date('h:i a ', strtotime($accurateTime)); ?> <span class="transferAmount" 
style="<?php if($Type == 'CREDIT'){echo "color: green;";}else{echo "color: black;";} ?>">
    <?php if($Type == 'CREDIT'){echo"+ ";echo $currn.$Amount;}else{echo"- ";echo $currn.$Amount;} ?>
    </span></li>
<li class="TransDesc"> <span><?php echo $Type; ?></span> @ <?php echo $Narration; ?></li>
<li class="moreInfo"><span >Tap for more details</span>
<ul class="transactionChildDetails" style="overflow: hidden;">
<h2>Transaction Details</h2>
<li><span class="bolderSpan">Date</span>: <span class="data"><?php echo $Date; ?></span></li>
<li><span class="bolderSpan">Time</span>: <span class="data"><?php echo date('h:i a ', strtotime($accurateTime)); ?></span></li>
<li><span class="bolderSpan">Reference</span>: <span class="data"><?php echo $ReferenceNum; ?></span></li>
<li><span class="bolderSpan">Amount</span>: 

<span class="data"><?php echo $currn.$Amount.""; ?></span>

</li>
<li><span class="bolderSpan">Status</span>: <span class="data" style="<?php if($Status == 0){echo "color: orange;";}else {echo "color: green;";} ?>"><?php echo $ConvertedStatus; ?></span></li>
<li><span class="bolderSpan">Type</span>: <span class="data"><?php echo $Type; ?></span></li>
<?php
if($transferType == "International Transfer" && $Type == "FUND TRANSFER") {
?>
<li><span class="bolderSpan">Swift Code</span>: <span class="data"><?php echo $SwiftCode; ?></span></li>
<li><span class="bolderSpan">IBAN Code</span>: <span class="data"><?php echo $IbanCode; ?></span></li>
<li><span class="bolderSpan">Transfer Type</span>: <span class="data"><?php echo $transferType; ?></span></li>
<li><span class="bolderSpan">Bank Address</span>:</li>
<p><?php if($bankAddress == ''){echo "NAN";}else {echo $bankAddress;} ?></p>
<?php
}elseif($transferType == "Domestic Transfer" && $Type == "FUND TRANSFER") {?>
<li><span class="bolderSpan">Transfer Type</span>: <span class="data"><?php echo $transferType; ?></span></li>
<?php
}
?>

<h2>Accounts Details</h2>
<!--<li><span class="bolderSpan">Sender name</span>: <span class="data"></span></li>-->
<?php
if ($Type == "FUND TRANSFER") {?>
<li><span class="bolderSpan">Receiver Account Number</span>: <span class="data"><?php echo $accNumVarR; ?></span></li>
<?php
}
?>
<li><span class="bolderSpan">Narration</span>: <span class="data"><?php echo $Narration; ?></span></li>
<li><span class="bolderSpan">Note</span>:</li>
<p><?php if($Note == ''){echo "NAN";}else {echo $Note;} ?></p>
<?php
if($ThisLevel != 4 && $Status != 1) {?>
<button class="completeThisTransaction"  style="cursor: pointer; float: left; color: #000; border: none; font-weight: 600; font-family: 'hind bold', sans-serif; float: right; padding: 5px 10px; font-size: 15px; background-color: #fedf01;" data-id="<?php echo $ID; ?>" data-level="<?php echo $ThisLevel; ?>">Continue Pending Transaction</button>
<?php
}
?>
<button title="PRINT THIS TRANSACTION" style="cursor: pointer; float: left; margin: 0 4px; color: #000; border: none; font-weight: 600; font-family: 'hind bold', sans-serif; float: right; padding: 5px 10px; font-size: 15px; background-color: #fedf01;" data-id="<?php echo $ID; ?>"><a href="print/index.php?transaction=<?php echo $ID; ?>" target="_blank" style="color: inherit;"> <i class="icon ion-ios-printer-outline"></i> Print</a> </button>
</ul>
</li>

</ul>


<?php
}

}else {
?>
<ul>
<li>No Recent Transaction</li>
</ul>
<?php
}

?> 
</div>
</div>

<div class="wrapper">
<header><h2>Investment accounts</h2></header>
<div class="container">
<ul>
<li>UFT Bank Core checking - 9080 </li>
</ul>
<span class="notice">Quick view</span>
</div>
</div>

<div class="wrapper">
<header><h2>Bank Cards</h2></header>
<div class="container" style="clear: both;">
<ul>
<li>UFT Bank Card - 9040 </li>
</ul>

<br>
<div class="card">
  <div class="card__front card__part">
    <img class="card__front-square card__square" src="/personal-access/images/chip.png">
    <!-- <img class="card__front-logo card__logo" src="/personal-access/images/visa.png"> -->
    <svg xmlns="http://www.w3.org/2000/svg" class="card__front-logo card__logo" width="70" height="43" viewBox="0 0 175.7 53.9"><style>.visa{fill:#fff;}</style><path class="visa" d="M61.9 53.1l8.9-52.2h14.2l-8.9 52.2zm65.8-50.9c-2.8-1.1-7.2-2.2-12.7-2.2-14.1 0-24 7.1-24 17.2-.1 7.5 7.1 11.7 12.5 14.2 5.5 2.6 7.4 4.2 7.4 6.5 0 3.5-4.4 5.1-8.5 5.1-5.7 0-8.7-.8-13.4-2.7l-2-.9-2 11.7c3.3 1.5 9.5 2.7 15.9 2.8 15 0 24.7-7 24.8-17.8.1-5.9-3.7-10.5-11.9-14.2-5-2.4-8-4-8-6.5 0-2.2 2.6-4.5 8.1-4.5 4.7-.1 8 .9 10.6 2l1.3.6 1.9-11.3M164.2 1h-11c-3.4 0-6 .9-7.5 4.3l-21.1 47.8h14.9s2.4-6.4 3-7.8h18.2c.4 1.8 1.7 7.8 1.7 7.8h13.2l-11.4-52.1m-17.5 33.6c1.2-3 5.7-14.6 5.7-14.6-.1.1 1.2-3 1.9-5l1 4.5s2.7 12.5 3.3 15.1h-11.9zm-96.7-33.7l-14 35.6-1.5-7.2c-2.5-8.3-10.6-17.4-19.6-21.9l12.7 45.7h15.1l22.4-52.2h-15.1"/><path fill="#F7A600" d="M23.1.9h-22.9l-.2 1.1c17.9 4.3 29.7 14.8 34.6 27.3l-5-24c-.9-3.3-3.4-4.3-6.5-4.4"/></svg>
    <p class="card_numer">**** **** **** 6258</p>
    <div class="card__space-75">
      <span class="card__label">Card holder</span>
      <p class="card__info"><?php echo $AccFullname; ?></p>
    </div>
    <div class="card__space-25">
      <span class="card__label">Expires</span>
            <p class="card__info">10/<?php echo date("Y") + 2; ?></p>
    </div>
  </div>
  
  <div class="card__back card__part">
    <div class="card__black-line"></div>
    <div class="card__back-content">
      <div class="card__secret">
        <p class="card__secret--last">485</p>
      </div>
      <img class="card__back-square card__square" src="/personal-access/images/chip.png">
      <img class="card__back-logo card__logo" src="/personal-access/images/visa.png">
      
    </div>
  </div>
  </div>

<br>
<br>
<br>
<br>
</div>
</div>

</div>

<div class="activityCenter">
<header><h2>Activity Center</h2></header>
<div class="ActivityNavWrapper">
<picture><img  src="/personal-access/personal/img/alert.png" alt=""></picture>
<span>Alerts</span>
</div>
<div class="ActivityNavWrapper">
<a href="top-up.php">
<picture><img  src="/personal-access/personal/img/billPay.png" alt=""></picture>
<span>Deposit</span>    
</a>
</div>
<div class="ActivityNavWrapper">
<a href="transactions">
<picture><img  src="/personal-access/personal/img/transactions.png" alt=""></picture>
<span>Transactions</span>
</a>
</div>
<div class="ActivityNavWrapper">
<a href="../dashboard/transfer">
<picture><img  src="/personal-access/personal/img/Transfers.jpg" alt=""></picture>
<span>Transfer Funds</span>
</a>
</div>
<div class="ActivityNavWrapper">
<picture><img  src="/personal-access/personal/img/SpecialOffers.svg" alt=""></picture>
<span>Special Offers</span>
</div>
<div class="ActivityNavWrapper">
<picture><img  src="/personal-access/personal/img/messages.png" alt=""></picture>
<span>Messages</span>
</div>
<div class="ActivityNavWrapper">
<picture><img  src="/personal-access/personal/img/spending.png" alt=""></picture>
<span>Spending &amp; Budgeting</span>
</div>
<div class="ActivityNavWrapper">
<picture><img  src="/personal-access/personal/img/Goals.png" alt=""></picture>
<span>Goals</span>
</div>
<div class="ActivityNavWrapper">
<picture><img  src="/personal-access/personal/img/openaccount.png" alt=""></picture>
<span>Open account</span>
</div>

</div>
</section>
<div class="footerBefore">
<div class="inner_wrapper">
<p class="info">
For checking, savings, and money market accounts, the balance may reflect transaction that have not yet posted to your account. For credit card Gold option
and Gold reserve accounts, the balance may not reflect recent transactions or pending payments.
<br>
</p>
<p class="info">

</p>
<div class="signoutFooter">
<ul>
<li>Secure Area <span class="signOut"><a href="#">En Espanol</a> <a href="logout.php" >Sign out</a></span></li>
</ul>
</div>
</div>
</div>
</div>


<!--======================== SUBSCRIBE TO OUR NEWLETTERS =========================================-->
<section id="subscribeNews">
<div class="containerWidth inner_container">
<div class="subscribeLeft">
<h3>Subscribe to Our Email List</h3>
<form action="<?Php $_SERVER['PHP_SELF'] ?>" method="POST">
<input type="text" name="Fullname" placeholder="Fullname">
<input type="email" name="email" placeholder="Email">
<button>Sign up</button>
</form>
</div>
<div class="downloadApp">
<h3><a href="#" >Download</a> our free mobile App today!</h3>
<a href="#" target="_blank"><img src="/personal-access/assets/Img/apple-large.jpg" alt=""></a>
<a href="#" target="_blank"><img src="/personal-access/assets/Img/google-large.jpg" alt=""></a>
</div>
</div>
</section>
<!--====================== FOOTER =========================================-->
<footer>
<div class="footer containerWidth">
<div class="socialFooter">
<a href="#" target="_blank"><img src="/personal-access/assets/Img/facebook.png" alt=""></a>
<a href="#" target="_blank"><img src="/personal-access/assets/Img/twitter.png" alt=""></a>
<a href="#" target="_blank"><img src="/personal-access/assets/Img/linkedin.png" alt=""></a>
<a href="#" target="_blank"><img src="/personal-access/assets/Img/instagram.png" alt=""></a>
<a href="#" target="_blank"><img src="/personal-access/assets/Img/youtube.png" alt=""></a>
</div>
<div class="footerLink1">
<p><a href="#">Contact Us <span>/</span></a> <a href="#">Find a branch or ATM <span>/</span></a><a href="#">Careers <span>/</span></a><a href="#">Disclosure &amp; Privacy Policy</a>
</p>
</div>
<p class="footerParagraph">Phone +19142225672 / NMLS ID 411068</p>
<p class="footerParagraph">Copyright &copy; <?php echo date('Y'); ?>  UFT Bank. All Rights Reserved. <a href="https://www.fdic.gov/"><img src="/personal-access/assets/Img/fdic.png" alt=""></a>
<a href="https://www.hud.gov/"><img src="/personal-access/assets/Img/ehl.png" alt=""></a></p>

</div>
</footer>





</div>
<!-- ======================= ENDS MAIN BODY CONTENT WRAPPER   ================================================= -->
</div>


<div id="TranferProgress" style="z-index: 10;">
  <div class="progressCount">
    <!-- LOADER -->
    <div class="loader loader--style1" title="0">
  <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
  <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
  <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
    C22.32,8.481,24.301,9.057,26.013,10.047z">
    <animateTransform attributeType="xml"
      attributeName="transform"
      type="rotate"
      from="0 20 20"
      to="360 20 20"
      dur="0.5s"
      repeatCount="indefinite"/>
    </path>
  </svg>
</div>
<!--COUNT-->
<div class="progressCountWrapper">
 <h2 class="count"><span class="Maincount" data-count="87"></span>%<span class="Processing">Processing..</span></h2> 
</div>

  </div>

  <div id="errorPopup">
    <h2>FUND TRANSFER SUCCESSFUL.</h2>
    <button type="button" id="closeErrorMessage">Close</button>
  </div>


</div>
<div id="ErrorBodyCode">

<div id="errorPopupCodeInput">
    <h2>Please Input COT</h2>
    <p style="color: #333; text-align: center; font-size: 14px;">Please contact our help center at <a style="font-weight: 900; color: #426fb6; text-align: center; font-size: 14px;" href="mailto:<?php require 'functions/email.php'; ?>"><?php require 'functions/email.php'; ?></a> for help</p>
    <div class="transferCodeText">Invalid Transfer Code</div>
    <input type="text" name="TransferCode" placeholder="Transfer Code.." autofocus>
    <button type="button" id="SubmitTransferCode">Submit</button>
  </div>

</div>

   
</body>
</html>

<?php
}else {
header("Location: /personal-access/");
}
?>
