<?php
ob_start();
include('../includes/db_conx.php');

isset($_SESSION['detect_login']);
if (!isset($_SESSION['detect_login'])) {
    header("location: ../online/customer_login");
    exit();
} else {
    $id = $_SESSION['id'];
    // echo $id;
    // get all the varible from the database for personal information 
    include('../includes/cus-info.php');

    include('../includes/dash-header.php');

    if (empty($_SESSION['account_bene'])) {
        header('location: other_bank');
    }
}
?>
<!-- <style>
.modal{
    display: block!important;
}
</style> -->
<!-- header begin-->

<body>





    <style>
        .receipt {
            position: fixed;
            z-index: 1050;
            top: 0;
            left: 0;
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            outline: 0;
            background: rgba(0, 0, 0, 0.8);
        }

        /* .receipt-dialog {} */



        @media (min-width: 576px) {
            .receipt-dialog {
                max-width: 500px;
                /* margin: 1.75rem auto; */
            }

            .receipt-content {
                box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
            }

        }


        .receipt-dialog {
            position: relative;
            width: auto;
            margin: 30px auto;
            pointer-events: none;





        }

        .receipt-content {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            pointer-events: auto;
            border: 0 solid rgba(0, 0, 0, .2);
            border-radius: .4375rem;
            outline: 0;
            background-color: #fff;
            background-clip: padding-box;
            box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
            padding: 15px;
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url("img/receipt_back.jpg");
            background-size: cover;
        }

        .modal_logo {
            display: block;
            margin: 10px auto 20px auto;
        }

        .receipt-content h4,
        h3 {
            font-weight: 400;
            color: #00417d;
        }

        .line {
            width: 90%;
            height: 35px;
            border-top: 1px solid #00417d;
            margin: 10px auto auto;
        }

        .receipt_body {
            width: 95%;
            display: flex;
            margin: -5px auto auto;
        }

        .receipt_body p {
            line-height: 1.7;
            padding-left: 2em;
        }

        .receipt_wrap {
            margin-bottom: 20px;
        }

        .receipt_btn {
            position: relative;
            pointer-events: auto;
            border: 0 solid rgba(0, 0, 0, .2);
            background-clip: padding-box;
            margin-top: 30px;
        }

        .receipt_btn>div>button {
            width: 95%;
            display: block;
            margin: 10px auto;
        }

        .unset_receipt {
            width: 95%;
            margin: 10px;
        }

        @media print {

            .receipt_btn,
            .receipt_btn * {
                display: none;
            }
        }
    </style>



    <div class="card">

        <div class='receipt'>
            <div class="receipt-dialog" role="document">
                <div class="receipt-content">
                    <div class='modal_logo'>
                        <img src="../images/warning.png" class="navbar-brand-img" alt="<?= $sitename ?> " style='width: 100px'>
                    </div>
                    <h2 class='text-center text-warning'>Unable to Send Money</h2>




                    <div class="line"></div>
                    <section class='receipt_wrap'>

                        <div class='receipt_body'>
                            <h3>Transaction Date: </h3>
                            <p> <?= $current_time ?> </h4>
                        </div>

                        <!-- 0=============== -->


                        <div class='receipt_body'>
                            <h3>Transaction Type: </h3>
                            <p> <?=  $_SESSION['transaction_type']?> </h4>
                        </div>
 
                        <!-- 0=============== -->

                        <div class='receipt_body'>
                            <h3>Amount: </h3>
                            <p> <?php echo $currency . number_format($_SESSION['trans_amount'], 2) ?></h4>
                        </div>

                        <!-- 0=============== -->
                        <div class='receipt_body'>
                            <h3>Source Account : </h3>
                            <p> <?php
                                $f = substr($account_no, 0, 5);
                                $l = substr($account_no, -3);

                                echo $f . '***' . $l;

                                ?></h4>
                        </div>

                        <!-- 0=============== -->

                        <div class='receipt_body'>
                            <h3>Source Account Name: </h3>
                            <p> <?= $first_name . ' ' . $last_name ?> </h4>
                        </div>

                        <!-- 0=============== -->

                        <div class='receipt_body'>
                            <h3>Beneficiary Name: </h3>
                            <p> <?php echo $_SESSION['account_bene'] ?> </h4>
                        </div>

                        <!-- 0=============== -->

                        <div class='receipt_body'>
                            <h3>Bank: </h3>
                            <p> <?php echo $_SESSION['name_bank'] ?> </h4>
                        </div>

                        <!-- 0=============== -->
                        <div class='receipt_body'>
                            <h3>Narration: </h3>
                            <p> <?php echo $_SESSION['description'] ?> </h4>
                        </div>

                        <!-- 0=============== -->

                    </section>
                    <br />
                    <br />
                    <br />

                    <div class="line"></div>

                    <h4 class='text-center'> Generated From <?= $sitename ?> </h4>



                </div>

                <section class='row receipt_btn'>
                    <div class='col-6'>
                        <form method='POST'>
                            <button type="submit" name='unset_receipt' class="btn btn-warning unset_receipt">Close </button>

                        </form>


                    </div>
                    <div class='col-6'>
                        <button type="button" class="btn btn-primary" id='print'> Save</button>
                    </div>

                </section>


            </div>

        </div>



    </div>

    <?php
    if (isset($_POST['unset_receipt'])) {

        // time to unset the transfer variables 


        unset($_SESSION['account_bene']);
        unset($_SESSION['name_bene']);
        unset($_SESSION['address']);
        unset($_SESSION['swift_code']);
        unset($_SESSION['iban']);
        unset($_SESSION['trans_amount']);
        unset($_SESSION['description']);



        header('location:dashboard');
    }

    ?>






    <!-- Argon Scripts -->
    <!-- Core -->
    <script src="../asset/dashboard/vendor/jquery/dist/jquery.min.js"></script>
    <script src="../asset/dashboard/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="../asset/dashboard/vendor/js-cookie/js.cookie.js"></script>
    <script src="../asset/dashboard/vendor/jquery.scrollbar/jquery.scrollbar.min.js"></script>
    <script src="../asset/dashboard/vendor/jquery-scroll-lock/dist/jquery-scrollLock.min.js"></script>
    <!-- Optional JS -->
    <script src="../asset/dashboard/vendor/chart.js/dist/Chart.min.js"></script>
    <script src="../asset/dashboard/vendor/chart.js/dist/Chart.extension.js"></script>
    <script src="../asset/dashboard/vendor/jvectormap-next/jquery-jvectormap.min.js"></script>
    <script src="../asset/dashboard/js/vendor/jvectormap/jquery-jvectormap-world-mill.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="../asset/dashboard/vendor/datatables.net-select/js/dataTables.select.min.js"></script>
    <script src="../asset/dashboard/vendor/clipboard/dist/clipboard.min.js"></script>
    <script src="../asset/dashboard/vendor/select2/dist/js/select2.min.js"></script>
    <script src="../asset/dashboard/vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
    <script src="../asset/dashboard/vendor/nouislider/distribute/nouislider.min.js"></script>
    <script src="../asset/dashboard/vendor/quill/dist/quill.min.js"></script>
    <script src="../asset/dashboard/vendor/dropzone/dist/min/dropzone.min.js"></script>
    <script src="../asset/dashboard/vendor/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>
    <!-- Argon JS -->
    <script src="../asset/dashboard/js/argon9f1e.js?v=1.1.0"></script>
    <!-- Demo JS - remove this in your project -->



</body>

<script>
    $(document).ready(function() {
        $('#print').click(function() {
            print();
        });
    });
</script>





<!-- -->

</html>

<script>
</script>
<script type="text/javascript">
    $('.preloader').fadeOut(1000);
</script>


<?php ob_end_flush(); ?>