<?php
session_start();
include '../connect/db.php';
 $transId = mysqli_real_escape_string($con, $_GET['id'] ?? '');

$swaga = mysqli_query($con,"SELECT * FROM transactions WHERE trans_id = '$transId' ");
$new = mysqli_fetch_assoc($swaga);
$amount =$new['amount'];
$date =$new['date'];
$type =$new['type'];
$description =$new['description'];
$scope =$new['scope'];
$user =$new['user'];




$sql = mysqli_query($con,"SELECT * FROM users WHERE account_num = '$user' ");
$row = mysqli_fetch_assoc($sql);

$currency = $row['usercurrency'];









?>
<!DOCTYPE html>
<html>

<head>
    <title> Deutsche Bank Holdings Delaware  | Transfer Successful</title>
    <meta charset="utf-8">
    <meta content="ie=edge" http-equiv="x-ua-compatible">
    <meta content="template language" name="keywords">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link rel=stylesheet href="assets/css/custom.css">
    <style>
        body {
            background-color: #f0f0f0;
            padding: 20px;
            line-height: 1.43;
            font-family: "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
        }

        form {
            margin: 30px 0px;
        }

        form input {
            width: 300px;
            height: 40px;
            padding: 10px;
            box-sizing: border-box;
            border: 1px solid #ccc;
            outline-color: #ccc;
            border-radius: 2px;
        }

        form input::placeholder {
            color: #ccc;
        }

        form button {
            padding: 8px 20px;
            background-color: #0c0c0e;
            color: #fff;
            font-weight: bolder;
            font-size: 16px;
            display: block;
            margin: 20px 0px;
            margin-right: 20px;
            text-decoration: none;
            border: none;
            border-radius: 2px;
            cursor: pointer;
        }
    </style>
    <style>
        .banner-area .banner-content>span {
    font-size: 18px;
    color: #69a1bb;
    width: 80%;
}

.banner-area .banner-shape {
    bottom: -170px;
}

.features-area .single-features, .features-area .features-sub {
    height: 480px;
}

.services-optimization-area .services-optimization-content .title {
    font-size: 30px;
    padding-bottom: 10px;
}

.contact-us-area .contact-overlay {
    padding-top: 240px;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #263238;
    z-index: 9999999;
    text-align: center
}

.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 40px;
    display: flex;
    align-items: center
}


.line {
    width: 5px;
    height: 40px;
    background: #fff;
    margin: 0 3px;
    border-radius: 10px;
    animation: loading .8s infinite
}

.line:nth-child(2) {
    animation-delay: .1s
}

.line:nth-child(3) {
    animation-delay: .2s
}

.line:nth-child(4) {
    animation-delay: .3s
}

.line:nth-child(5) {
    animation-delay: .4s
}

.line:nth-child(6) {
    animation-delay: .5s
}

.line:nth-child(7) {
    animation-delay: .6s
}

.line:nth-child(8) {
    animation-delay: .7s
}

@keyframes loading {
    0% {
        height: 0
    }

    50% {
        height: 40px
    }

    100% {
        height: 0
    }
}

.card-style1 .service-data {
    background-color: rgb(255 87 34 / 66%);
}

.card-style1 .card-body {
    background-color: rgb(255 87 34 / 66%);
}

.footer-wrap .footer-widget .footer-logo img {
    height: 55px;
}

.theme-light .navbar-brand img {
    height: 55px;
}

.bg-rock {
    background-color: #03182a;
}

.cta-wrap.style1, .service-wrap.style1 {
    background: linear-gradient(180deg, #e7f4ff 54.17%, rgba(255, 233, 249, 0.28) 100%);
}
    </style>
</head>

<body>
   
    <div style="max-width: 600px; margin: 0px auto; background-color: #fff; box-shadow: 0px 20px 50px rgba(0,0,0,0.05);">
        <table style="width: 100%;">
            <tr>
                <td style="background-color: #fff;">
                <a href="account-summary.php"><img alt="" src="../logo.png"  style="width: 70px; padding: 20px"></a>
                    
                </td>
                <td style="padding-left: 50px; text-align: right; padding-right: 20px;">
                </td>
            </tr>
        </table>
        
        <div style="padding: 60px 70px; border-top: 1px solid rgba(0,0,0,0.05);">
            <h2 style="margin-top: 0px;">Transfer Successful  </h2>
            <div style="color: #636363; font-size: 14px;">
                <p>Your transfer was processed successfully.
                </p>
            </div>
            <style>
    .container22 {
        display: flex;
        justify-content: space-between;
    }
    .name {
        position: relative;
        border-bottom: 0px dashed black;
    }
    
    .nam2 {
        position: relative;
       
        border-bottom: 1px solid black;
    }
  
</style>
          
            <div class="container22 ">
            <b><p>Amount</p></b>
            <b><p><?=$currency?><?=$amount?></p></b>
</div>

<div class="container22" style="margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(0,0,0,0.05);">
            <b><p>Date </p></b>
            <b><p><?=$date?></p></b>
</div>

<div class="container22 "  style="margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(0,0,0,0.05);">
            <b><p>Type</p></b>
            <b><p><?=$type?></p></b>
</div>


<div class="container22 nam2"  style="margin-top: 7px; padding-top: 7px; border-top: 3px solid rgba(0,0,0,0.05);">
            <b><p>Description</p></b>
            <b><p><?=$description?></p></b>
</div>
<div class="container22 nam2"  style="margin-top: 7px; padding-top: 7px; border-top: 3px solid rgba(0,0,0,0.05);">
            <b><p>Scope</p></b>
            <b><p><?=$scope?></p></b>
</div>


            <h4 style="margin-bottom: 5px;">Need Help?</h4>
            <div style="color: #A5A5A5; font-size: 12px;">
                <p>If you have any questions you can simply reply to our email or find our contact information below.
                    Also contact us at
                    <a href="#" style="text-decoration: underline; color: #4B72FA">support@dbhacu.com</a>
                </p>

<br>
              
            </div>
        </div>
        
        <div style="padding: 10px; text-align: center;">
            <div style="margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0,0,0,0.05);">
                <div style="color: #A5A5A5; font-size: 10px; margin-bottom: 5px;"></div>
                <div style="color: #A5A5A5; font-size: 10px;">Copyright   Deutsche Bank Holdings Delaware  . All rights reserved.
                </div>
            </div>
        </div>
    </div>
    <button id="printButton">Print Receipt</button>
    <style>
        /* Add your button styles here */
#printButton {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

#printButton:hover {
  background-color: #0056b3;
}
    </style>


<script>
    // Add event listener to the print button
document.getElementById('printButton').addEventListener('click', function() {
    // Trigger the print functionality
    window.print();
});

</script>

















    <script src="client_assets/bower_components/jquery/dist/jquery.min.js"></script>
    <script src="/assets/js/custom.js"></script>
</body>

</html>
