<?php 
    ob_start();
    include('../include/db_conx.php');
    isset($_SESSION['admin_login']);
    if(!isset($_SESSION['admin_login'])){
        header("location: auth-login.php");
        exit();
    }else{
    include('../include/admin_head.php');

    include('../include/admin_action/info.php');

    $depositDelete = $_GET['depositDelete'];
    if($depositDelete == 'true'){
        $msg = 'Record Deleted Successfully';
        $link = 'history_deposit.php?userID='.$user_id;
        swal_success($msg,$link);
    }
?>



    <body>

    <!-- <body data-layout="horizontal"> -->

        <!-- Begin page -->
        <div id="layout-wrapper">

        <?php include('../include/admin_header.php');?>

            <!-- ========== Left Sidebar Start ========== -->
           
            <!-- Left Sidebar End -->
            <?php include('../include/admin_sidebar.php');?>

            

            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">
                    <div class="container-fluid">

                        <!-- start page title -->
                        <div class="row">
                            <div class="col-12">
                                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                                    <h4 class="mb-sm-0 font-size-18">Proof of Payment Histories </h4>

                                    <div class="page-title-right">
                                        <ol class="breadcrumb m-0">
                                            <li class="breadcrumb-item"><a href="javascript: void(0);">Clients</a></li>
                                            <li class="breadcrumb-item active">Proof of Payment History</li>
                                        </ol>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <!-- end page title -->

                       

                        <div class="row">
                            <div class="col-lg-12">
                            <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-sm order-2 order-sm-1">
                                                <div class="d-flex align-items-start mt-3 mt-sm-0">
                                                    <div class="flex-shrink-0">
                                                        <div class="avatar-xl me-3">
                                                            <?php

                                                            if (empty($passport)) {

                                                            ?>
                                                                <img src="../dashboard/profile_img/p3.jpg" alt="" class="img-fluid rounded-circle d-block">
                                                            <?php  } else {
                                                            ?>

                                                                <img src="<?php echo '../dashboard/profile_img/' . $passport ?>" alt="" class="img-fluid rounded-circle d-block">

                                                            <?php

                                                            } ?>

                                                        </div>
                                                    </div>
                                                    <div class="flex-grow-1">
                                                        <div>
                                                            <h5 class="font-size-16 mb-1"><?php echo $first_name.' '. $last_name ?> </h5>
                                                            <p class="text-muted font-size-13">Billing Name</p>


                                                            <div class="d-flex flex-wrap align-items-start gap-2 gap-lg-3 text-muted font-size-13">
                                                                <div> <i class="fas fa-envelope "></i> <?php echo $email ?></div>
                                                                <div><i class=" fas fa-key "></i> Password: <?php echo $password ?></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-auto order-1 order-sm-2">
                                                <div class="d-flex align-items-start justify-content-end gap-2">
                                                    <a href = 'proof_of_payment.php?userID=<?php echo $user_id?>'>
                                                        <button type="button" class="btn btn-primary"><i class="me-1"></i> <i class="fas fa-chevron-left "></i> Return to POP </button>
                                                    </a>

                                                </div>
                                            </div>
                                        </div>

                                        <ul class="nav nav-tabs-custom card-header-tabs border-top mt-4" id="pills-tab" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link px-3 active" data-bs-toggle="tab" href="#overview" role="tab">Proof of Payment History Section</a>
                                            </li>
                                           
                                        </ul>
                                    </div>
                                    <!-- end card body -->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col -->
                        </div>
                        <!-- end row -->

                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Proof of Payment History</h4>
                                        <p class="card-title-desc">Image View
                                        </p>
                                    </div>
                                    <div class="card-body">
                                        <div>
                                            <?php 
                                                $pop_doc = $_GET['docID'];

                                            ?>
                                            
                                            <img src="../dashboard/proof/<?php echo $pop_doc?>" class="img-fluid" alt="Responsive image">
                                        </div>
                                    </div>
                                </div>
                                <!-- end cardaa -->
                            </div> <!-- end col -->
                        </div> <!-- end row -->


                    </div> <!-- container-fluid -->
                </div>
                <!-- End Page-content -->

                
               <?php include('../include/admin_footer.php');?>
            </div>
            <!-- end main content-->

        </div>
        <!-- END layout-wrapper -->

        
       

        <!-- Right bar overlay-->
        <div class="rightbar-overlay"></div>

        <script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="assets/libs/metismenu/metisMenu.min.js"></script>
        <script src="assets/libs/simplebar/simplebar.min.js"></script>
        <script src="assets/libs/node-waves/waves.min.js"></script>
        <script src="assets/libs/feather-icons/feather.min.js"></script>
        <!-- pace js -->
        <script src="assets/libs/pace-js/pace.min.js"></script>

        <!-- flatpickr js -->
        <script src="assets/libs/flatpickr/flatpickr.min.js"></script>

        <!-- Required datatable js -->
        <script src="assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
        <script src="assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>

        
        
        <!-- Responsive examples -->
        <script src="assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
        <script src="assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>

        <!-- init js -->
        <script src="assets/js/pages/invoices-list.init.js"></script>

        <script src="assets/js/app.js"></script>

        <script>
            $(document).ready(function () { $("#datatable").DataTable(), $("#datatable-buttons").DataTable({ lengthChange: !1, buttons: ["copy", "excel", "pdf", "colvis"] }).buttons().container().appendTo("#datatable-buttons_wrapper .col-md-6:eq(0)"), $(".dataTables_length select").addClass("form-select form-select-sm") });
            </script>
    </body>

</html>

<?php  } 
    ob_end_flush();

?>
