<?php 
session_start();
include 'conn_auth.php';
include 'customInfo.php';
include 'outputfunction.php';
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Transfer Reciept -  PWB </title>
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="webfiles/fav-icon.png">
    <!-- Pignose Calender -->
    <link href="mz/plugins/pg-calendar/css/pignose.calendar.min.css" rel="stylesheet">
    <!-- Chartist -->
    <link rel="stylesheet" href="mz/plugins/chartist/css/chartist.min.css">
    <link rel="stylesheet" href="mz/plugins/chartist-plugin-tooltips/css/chartist-plugin-tooltip.css">
    <!-- Custom Stylesheet -->
    <link href="mz/css/style.css" rel="stylesheet">
    <link href="mz/css/xtrastyle.css" rel="stylesheet">
</head>

<body>
    <style type="text/css">
        thead {
            background: #8052F8; 
            color: #fff; 
        }
                 td{
                padding: 20px 0px !important; 
                }
    </style>

    <!--*******************
        Preloader start
    ********************-->
     <div id="preloader">
        <div class="loader">
            <svg class="circular" viewBox="25 25 50 50">
                <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
            </svg>
        </div>
    </div>
  
    <!--*******************
        Preloader end
    ********************-->
    

                     <?php 
                        $selBank = $conn->query("select * from transfer_info join credit_info on transfer_info.trans_id = credit_info.transferId where transfer_info.trans_id  = '" . $_GET['id'] . "'") or die($conn->error);
                        $rowTrans = $selBank->fetch_assoc(); 
                    ?>


     <section class="reciept-wrtc-cover">
       <div class="container">
            <div class="row justify-content-center">
               <div class="col-lg-6">
               <div class="">
               <div class="reciept-wrapper">
               <div class="transc-header">
                   <div class="tranch-header-txt">
                       <h2>Transaction Receipt</h2>
                   </div>
                   <div class="tranch-header-img">
                       <img src="webimg/pacific_logo_webpage.png">
                   </div>
               </div>
                 <div class="reciept-bd">
                     <h3><span>Transfer Summary</span> </h3>
                    
                    <div class="transtn-ref-cover">
                        <div class="transtn-subj">Amount</div>
                        <div class="transnt-valn"> <?php echo getCurrency(@$rowcurr['curr_type']) . $rowTrans['amt_trans']; ?> </div>    
                    </div>
                    <div class="transtn-ref-cover">
                        <div class="transtn-subj">Transfer Charge</div>
                        <div class="transnt-valn">0</div>    
                    </div>      
                    <div class="transtn-ref-cover">
                        <div class="transtn-subj">Trans Date</div>
                        <div class="transnt-valn">  <?php echo date("d F Y h:i A", strtotime($rowTrans['date_trans'])); ?></div>    
                    </div> 
                     <div class="breakLead"></div>
                     <div class="transtn-ref-cover">
                        <div class="transtn-subj">Trans Ref</div>
                        <div class="transnt-valn"><?php echo $rowTrans['refern_id']; ?></div>    
                    </div>
                     <div class="transtn-ref-cover">
                        <div class="transtn-subj">Trans Type</div>
                        <div class="transnt-valn">Transfer</div>    
                    </div>
                    <div class="breakLead"></div>

                     <div class="transtn-ref-cover">
                        <div class="transtn-subj">Beneficiary Name</div>
                        <div class="transnt-valn"><?php echo $rowTrans['ben_name']; ?> </div>    
                    </div>
                    <div class="transtn-ref-cover">
                        <div class="transtn-subj">Beneficiary Bank</div>
                        <div class="transnt-valn"><?php echo $rowTrans['bank_name']; ?> </div>    
                    </div>
                    <div class="transtn-ref-cover">
                        <div class="transtn-subj">Descr</div>
                        <div class="transnt-valn">Nill </div>    
                    </div>
                 </div>
              </div>
           </div>
          </div>
        </div>
        <div class="md-link-bk">
                <a href="transfer-history?id=<?php echo $_GET['id']; ?>&msg=success">Go back</a>
        </div>
       </div>
    </section>



  <script src="mz/plugins/common/common.min.js"></script>
    <script src="mz/js/custom.min.js"></script>
    <script src="mz/js/settings.js"></script>
    <script src="mz/js/gleek.js"></script>
    <script src="mz/js/styleSwitcher.js"></script>

    <!-- Chartjs -->
    <script src="mz/plugins/chart.js/Chart.bundle.min.js"></script>
    <!-- Circle progress -->
    <script src="mz/plugins/circle-progress/circle-progress.min.js"></script>
    <!-- Datamap -->
    <script src="mz/plugins/d3v3/index.js"></script>
    <script src="mz/plugins/topojson/topojson.min.js"></script>
    <script src="mz/plugins/datamaps/datamaps.world.min.js"></script>
    <!-- Morrisjs -->
    <script src="mz/plugins/raphael/raphael.min.js"></script>
    <script src="mz/plugins/morris/morris.min.js"></script>
    <!-- Pignose Calender -->
    <script src="mz/plugins/moment/moment.min.js"></script>
    <script src="mz/plugins/pg-calendar/js/pignose.calendar.min.js"></script>
    <!-- ChartistJS -->
    <script src="mz/plugins/chartist/js/chartist.min.js"></script>
    <script src="mz/plugins/chartist-plugin-tooltips/js/chartist-plugin-tooltip.min.js"></script>



    <script src="mz/js/dashboard/dashboard-1.js"></script>
    <script>
      $.getJSON("https://api.nordvpn.com/server", function(data) {
  var addresses = $.map(data, (d) => d.ip_address);
  // Display all NordVPN addresses in the console
  console.log(addresses);
})
    </script>
</body>

</html>