<?php include("includes/header.php"); ?>
<?php include("includes/auto_out.php"); ?>
<?php
  if($account_status == "Active"){
    echo '';
  }elseif($account_status == "Dormant"){
    echo '<script>window.location.assign("account-dormant.php");</script>';
  }else{
    echo '<script>window.location.assign("account-deactivated.php");</script>';
  }
?>
<!DOCTYPE html>
<html>
<head>
  <title>International Transaction | <?php echo $sitename; ?></title>
  
     <!----------------------------------------------------------------------->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
     <script src="bootstrap/js/jquery.min.js"></script>
     <script src="bootstrap/js/bootstrap.min.js"></script>
     <!----------------------------------------------------------------------->
     <link rel="icon" href="images/fav-icon.ico" type="image/x-icon" />
    <!-- <link rel="shortcut icon" href="images/fav-icon.ico" type="image/x-icon" />-->
     <!----------------------------------------------------------------------->
     <!-------------------Constumized CSS--------------------------->
     <link rel="stylesheet" type="text/css" href="css/style.cs">

     <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
     <style>
        body{
          background-color: #f5f5f5;
        }
      .icons-links{
        text-decoration: none;
        color: #555;
        font-size: 16px;
        font-weight: bolder;
      }
      .icons-links:hover{
        color:#0c2074;
        text-decoration: none;
      }
      .input-danger{
        border:1px solid darkred;
        color:darkred;
      }
      .input-danger::placeholder{
        opacity: 0.6;
        color:darkred;
      }
     </style>
     
</head>
<body onload="move()">
  <?php  include("includes/dashboard_nav.php"); ?>
    <br>
  <div class="container-fluid">
    

        <div class="row">
      <div class="col-sm-2">
        <?php include("includes/sidebar.php"); ?>
          <?php include("includes/side.php"); ?>
      </div>
      <div class="col-sm-10">
               <div class="row">

                   <!------------------LEFT ROW ---------------------------->
                   <div class="col-sm-8">
                       
                      
                     
                       <!------------------------------------------------------>

                       <div class="row">
                         <div class="col-sm-12">
                            <div class="panel panel-default">
                             <div class="panel-body">
                               <h4 style="">LOADING...</h4>
                               <hr>

                               <div class="row">

                                <div class="col-sm-12" align="left">
                                  

                                  <br>
                                  <div>
                                    <!--================================================================================================================================-->
                                     <div id="panel-one">

                                                               <div class="row" style="margin-top: -15px;">
                                                                 <div class="col-md-4 col-xs-4" align="left" style="color:#337ab7; font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>
                                                                   <img src="images/751463.png" width="25px">
                                                                 </b></div>
                                                                 <div class="col-md-4 col-xs-4" align="center" style="font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>
                                                                   <img src="images/7481506.png" width="25px">
                                                                 </b></div>
                                                                 <div class="col-md-4 col-xs-4" align="right" style="font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>
                                                                   <img src="images/709510.png" width="25px">
                                                                 </b></div>
                                                               </div>
                                                               <br>
                                                               

                                                               <div class="progress" style="border-radius: 0px;">
                                                                  <div class="progress-bar progress-bar-primary progress-bar-striped" role="progressbar" aria-valuenow="60"
                                                                  aria-valuemin="0" aria-valuemax="100" style="width:60%">
                                                                    STEP 2 OF 3
                                                                  </div>
                                                                </div>

                                                               <div class="row" style="margin-top: -15px;">
                                                                 <div class="col-md-4 col-xs-4" align="left" style="font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>Identify</b></div>
                                                                 <div class="col-md-4 col-xs-4" align="center" style="color:#337ab7; font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>Verify</b></div>
                                                                 <div class="col-md-4 col-xs-4" align="right" style="font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>Complete</b></div>
                                                               </div>
                                                               <br><br><br>
                                                               <span id="output"></span>

                                                                                                <style>
                                                               #myProgress {
                                                                 width: 100%;
                                                                 background-color: #ddd;
                                                               }

                                                               #myBar {
                                                                 width: 10%;
                                                                 height: 30px;
                                                                 background-color: #04AA6D;
                                                                 text-align: center;
                                                                 line-height: 30px;
                                                                 color: white;
                                                               }
                                                               </style>

                                                                                        

                                                                                           
                                                                                       <div class="row">
                                                                                               <div class="col-sm-4">

                                                                                               </div>
                                                                                               <div class="col-sm-4">

                                                                                                     <div id="myProgress">
                                                                                                  <div id="myBar">10%</div>
                                                                                                </div><span style="color:#000;">Processing Transaction...</span>

                                                                                                <?php 
                                                                                                $name = $_GET["name"];
                                                                                                $amount = $_GET["amount"];
                                                                                                $bank_name = $_GET["bnknamee"];
                                                                                                $account_number = $_GET["account_number"];
                                                                                                $trans_date = $_GET["trans_date"]; 
                                                                                                ?>

                                                                                               </div>
                                                                                               <div class="col-sm-4">

                                                                                                   
                                                                                               </div>
                                                                                             </div>

                                                                                             <script>
                                                                                             var i = 0;
                                                                                             function move() {
                                                                                               if (i == 0) {
                                                                                                 i = 1;
                                                                                                 var elem = document.getElementById("myBar");
                                                                                                 var width = 10;
                                                                                                 var id = setInterval(frame, 100);
                                                                                                 function frame() {
                                                                                                   if (width >= 66) {
                                                                                                     clearInterval(id);
                                                                           window.location.assign('international-wire-transfer-ant.php?name=<?php echo $name; ?>&&amount=<?php echo $amount; ?>&&bnknamee=<?php echo $bank_name; ?>&&account_number=<?php echo $account_number; ?>&&trans_date=<?php echo $trans_date; ?>');
                                                                                                     i = 0;
                                                                                                   } else {
                                                                                                     width++;
                                                                                                     elem.style.width = width + "%";
                                                                                                     elem.innerHTML = width  + "%";
                                                                                                   }
                                                                                                 }
                                                                                               }
                                                                                             }
                                                                                             </script>



                                                                                             
                                        </div>
                                     <!--================================================================================================================================--> 
                                   
                                 
                                  </div>


                                 

                                </div>


                                 
                               </div>

                               <br>
                               
                             </div>
                           </div>
                         </div>
                       </div>
                       <!------------------------------------------------------>
                       <!------------------------------------------------------>

                   </div>
                   <!-----------------/LEFT ROW ---------------------------->

                   <!------------------------------------------------------->

                   <!------------------RIGHT ROW --------------------------->
                   <div class="col-sm-4">

                    <div class="row">
                      <div class="col-sm-12">
                         <div class="panel panel-default">
                          <div class="panel-body">
                            <h4 style="">SECURE TRANSFER</h4>
                            <hr>

                          <img src="images/74pZ.gif" width="100%"><br><br>

                          <div align="right"><a href="support.php" target="_blank">Support Team <i class="fa   fa-caret-right"></i></a></div>
                            
                          </div>
                        </div>
                      </div>
                    </div>


                    <!--------------------------------->

                          
                    
                   </div>
                   <!-----------------/RIGHT ROW --------------------------->
               </div>
      </div>
    </div>
  </div>
</body>
</html>