<?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>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;
      }
      .input-danger{
        border:1px solid darkred;
        color:darkred;
      }
      .input-danger::placeholder{
        opacity: 0.6;
        color:darkred;
      }
     </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/751381.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/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="30"
                                                                 aria-valuemin="0" aria-valuemax="100" style="width:30%">
                                                                   STEP 1 OF 3
                                                                 </div>
                                                               </div>

                                                               <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>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="font-size: 12px; font-weight: bolder; text-transform: uppercase;"><b>Complete</b></div>
                                                               </div>
                                                               <br><br><br>
                                                               <span id="output"></span>

                                                               <h2 style="color: #0c2074; font-size: 16px; font-weight: bold;">ACCOUNT NUMBER</h2>
                                                               <p>
                                                                 Fill in the account number of the transferee.
                                                               </p>
                                                               <br>
                                                               <div class="row">
                                                                 <div class="col-md-4">
                                                                   <input type="email" id="account_numb" class="form-control input-sm" style="border-radius: 0px;" placeholder="ACCOUNT NUMBER" style="border-radius: 0px;">
                                                                   <button class="btn btn-primary btn-block" id="account_numb_btn" style="border-radius:0px;"><i id="hide-fa" class="fa  fa-spinner fa-spin"></i> Continue</button>
                                                                 </div>
                                                               </div>
                                                               <br><br>
                                        </div>
                                     <!--================================================================================================================================--> 
                                   
                                     <!--================================================================================================================================-->
                                      <div id="panel-two">

                                                                <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>

                                                                <h2 style="color: #0c2074; font-size: 16px; font-weight: bold;">VERIFY INFORMATION</h2>
                                                                <div class="row">
                                                                  <div class="col-md-4">
                                                                     <span id="output2"></span>

                                                                    <input type="number" id="account_numbb" class="form-control" style="border-radius: 0px;" placeholder="ACCOUNT NUMBER" style="border-radius: 0px;" readonly>
                                                                    <input type="text" id="account_name" class="form-control" style="border-radius: 0px;" placeholder="ACCOUNT NAME" style="border-radius: 0px;" readonly>

                                                                    <div class="input-group">
                                                                    <span class="input-group-addon" style="border-radius: 0px;"><?php echo $b_currency; ?></span>
                                                                        <input type="number" class="form-control" id="amount" placeholder="AMOUNT" style="border-radius: 0px;">
                                                                    </div>
                                                                    <br>
                                                                    <label>Confirm Pin</label>
                                                                    <input type="password" id="confirm_pin" class="form-control" style="border-radius: 0px;" placeholder="******" style="border-radius: 0px;">
                                                                    <button type="submit" class="btn btn-primary btn-block" id="verifybtn" style="border-radius:0px;"><i id="hide-faa" class="fa  fa-spinner fa-spin"></i> TRANSFER</button>
                                                                  </div>
                                                                  <div class="col-md-4">

                                                                  </div>
                                                                </div>
                                                                <br><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_digital_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();
                                   var confirm_pin  = $("#confirm_pin").val();

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

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

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

                                         $.ajax({
                                     url:"same_digital_transfer_ajax2.php",
                                     method:"post", 
                                     data:{amount:amount,account_numbb:account_numbb,account_name:account_name,confirm_pin:confirm_pin},
                                     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>