<?php include("includes/header.php"); ?>
<?php include("includes/auto_out.php"); ?>
<!DOCTYPE html>
<html>
<head>
  <title>Same 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;
      }
     </style>
     
</head>
<body>
  <?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="">SAME TRANSFER</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/3472646.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/758702.png" width="25px">
                                                                 </b></div>
                                                               </div>
                                                               <br>
                                                               

                                                               <div class="progress">
                                                                 <div class="progress-bar progress-bar-primary progress-bar-striped" role="progressbar" aria-valuenow="100"
                                                                 aria-valuemin="0" aria-valuemax="100" style="width:100%">
                                                                   STEP 3 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="font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>Verify</b></div>
                                                                 <div class="col-md-4 col-xs-4" align="right" style="color:#337ab7; font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>Complete</b></div>
                                                               </div>
                                                               <br><br> <br>
                                                               <span id="output"></span>

                                                              <div align="center">
                                                                 <img src="images/3082854.png" width="70px">
                                                               <h3 style="color: #0c2074; font-weight: bold; font-size: 18px;">TRANSFER SUCCESSFUL</h3>
                                                               <p>
                                                                You have successfully made your transaction, view all transactions <a href="transactions.php" style="text-decoration: underline;">here</a>
                                                               </p>

                                                               <div class="row">
                                                                 <div class="col-sm-2"></div>
                                                                 <div class="col-sm-8">
                                                                   <table class="table table-bordered table-striped">
                                                                       <thead>
                                                                         <tr>
                                                                           <th style="font-size: 13px; text-align: right; font-weight: bold;">DATE</th>
                                                                           <th style="font-size: 13px;"><?php echo $_GET["D_date"]; ?></th>
                                                                         </tr>
                                                                       </thead>
                                                                       <tbody>
                                                                         <tr>
                                                                           <td style="font-size: 13px; text-align: right; font-weight: bold;">DESCRIPTION</td>
                                                                           <td style="font-size: 13px;">Same Transaction</td>
                                                                         </tr>
                                                                         <tr>
                                                                           <td style="font-size: 13px; text-align: right; font-weight: bold;">AMOUNT</td>
                                                                           <td style="font-size: 13px;"><?php echo $b_currency; ?><?php echo number_format($_GET["D_amount"], 2); ?></td>
                                                                         </tr>
                                                                         <tr>
                                                                           <td style="font-size: 13px; text-align: right; font-weight: bold;">TYPE</td>
                                                                           <td style="font-size: 13px;">SAME DIGITAL TRANSFER</td>
                                                                         </tr>
                                                                         <tr>
                                                                           <td style="font-size: 13px; text-align: right; font-weight: bold;">STATUS</td>
                                                                           <td style="font-size: 13px; color:darkgreen;"><?php echo $_GET["D_trans_status"]; ?></td>
                                                                         </tr>
                                                                       </tbody>
                                                                       </table>


                                                                       <div align="right">
                                                                         <a href=""><i class="glyphicon glyphicon-share"></i></a> &nbsp; | &nbsp; <a href="" onclick="window.print()"><i class="glyphicon glyphicon-print"></i> Print <i class="fa fa-caret-right"></i></a> &nbsp; | &nbsp; <a href="support.php?issueType=Transaction Error"><i class="glyphicon glyphicon-exclamation-sign"></i> Report Error <i class="fa fa-caret-right"></i></a>
                                                                       </div>
                                                                  
                                                                 </div>
                                                                 <div class="col-sm-2"></div>
                                                               </div>

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


                                 

                                </div>


                                 
                               </div>

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

                       <script>
                           $(document).ready(function(){
                               $("#hide-fa").hide();
                               $("#panel-two").hide();
                               $("#panel-one").show();

                               $("#account_numb_btn").click(function(){
                                
                                    var account_numb = $("#account_numb").val();

                                    if(account_numb == ""){
                                       $("#account_numb").removeClass('form-control').addClass('form-control input-danger');
                                     }else{
                                      $("#account_numb").removeClass('form-control input-danger').addClass('form-control');
                                    }

                                    if(account_numb != ""){
                                      $("#hide-fa").show();

                                          $.ajax({
                                      url:"same_bank_transfer_ajax.php",
                                      method:"post", 
                                      data:{account_numb:account_numb},
                                      dataType: "text",
                                      success: function(data) {
                                        $("#output").html(data);
                                      }
                                      });

                                    }else{

                                    }

                                    
                               });

                               
                           });
                       </script>
                       <script>
                           $(document).ready(function(){
                               $("#hide-faa").hide();
                               $("#verifybtn").click(function(){
                                   var amount = $("#amount").val();
                                   var account_numbb = $("#account_numbb").val();
                                   var account_name  = $("#account_name").val();

                                   if(amount == ""){
                                      $("#amount").removeClass('form-control').addClass('form-control input-danger');
                                    }else{
                                     $("#amount").removeClass('form-control input-danger').addClass('form-control');
                                   }

                                   if(amount != ""){
                                     $("#hide-faa").show();

                                         $.ajax({
                                     url:"same_bank_transfer_ajax2.php",
                                     method:"post", 
                                     data:{amount:amount,account_numbb:account_numbb,account_name:account_name},
                                     dataType: "text",
                                     success: function(data) {
                                       $("#output2").html(data);
                                     }
                                     });

                                   }else{

                                   }


                               });
                           });
                       </script>
                 
                       
                     
                   </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>