MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: request_depo.php

<?php include('session.php'); ?>
<!DOCTYPE html>

<html
  lang="en"
  class="light-style layout-navbar-fixed layout-menu-fixed"
  dir="ltr"
  data-theme="theme-default"
  data-assets-path="<?php echo $urlweb; ?>/assets/"
  data-template="vertical-menu-template"
>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"
    />

<link rel="icon" type="image/x-icon" href="<?php echo $urlwebs; ?>/upload/favicon.png" />

<link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
      rel="stylesheet"
    />

<link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/fonts/fontawesome.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/fonts/tabler-icons.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/fonts/flag-icons.css" />

<link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/css/rtl/core.css" class="template-customizer-core-css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/css/rtl/theme-default.css" class="template-customizer-theme-css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/css/demo.css" />

<link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/node-waves/node-waves.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/typeahead-js/typeahead.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/apex-charts/apex-charts.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css" />

<script src="<?php echo $urlweb; ?>/assets/vendor/js/helpers.js"></script>

<script src="<?php echo $urlweb; ?>/assets/vendor/js/template-customizer.js"></script>
    
    <script src="<?php echo $urlweb; ?>/assets/js/config.js"></script>
  </head>

<body style="background-color: maroon; color: white;">
    <style>
      /* CSS tambahan */
      body {
        background-color: maroon;
        color: white;
      }

/* Agar teks dalam card, navbar, form, dan tombol tetap selaras */
      .navbar, 
      .card, 
      .content-wrapper {
        background-color: maroon !important;
        color: white !important;
      }

/* Label dan teks input */
      label, 
      h4, 
      .form-label, 
      .fw-bold, 
      .text-muted {
        color: white !important;
      }

/* Input dan file upload box agar kontras di atas maroon */
      input.form-control, 
      select.form-control, 
      textarea.form-control {
        background-color: #6d0f0f;
        border: 1px solid #b52c2c;
        color: white;
      }

input.form-control::placeholder {
        color: #f0dcdc;
      }

/* Tombol utama tetap kontras */
      .btn-primary {
        background-color: #b52c2c;
        border-color: #b52c2c;
        color: white;
      }

.btn-primary:hover {
        background-color: #8c1f1f;
        border-color: #8c1f1f;
      }

.btn-light {
        background-color: #ffffff;
        color: maroon;
      }

.alert {
        background-color: #8c1f1f;
        border-color: #b52c2c;
        color: white;
      }
    </style>
    
    <div class="layout-wrapper layout-content-navbar">
      <div class="layout-container">

<?php include('sidebar.php'); ?>

<div class="layout-page">

<div class="navbar-search-wrapper search-input-wrapper d-none">
              <input
                type="text"
                class="form-control search-input container-xxl border-0"
                placeholder="Search..."
                aria-label="Search..."
              />
              <i class="ti ti-x ti-sm search-toggler cursor-pointer"></i>
            </div>
          </nav>

<div class="content-wrapper">
            
            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4">
                <span class="text-muted fw-light">Transaction /</span> Permintaan Deposit

</h4>

<div class="card">
                <div class="card-datatable table-responsive">
                  <table id="default-datatable" class="invoice-list-table table border-top">
                    <thead>
                      <tr class="bg-info">
                        <th class="text-center" style="vertical-align: middle;">#</th>
                        <th class="text-center" style="vertical-align: middle;">TrxID</th>
                        <th class="text-center" style="vertical-align: middle;">Date</th>
                        <th class="text-center" style="vertical-align: middle;">Username</th>
                        <th class="text-center" style="vertical-align: middle;">Payment Method</th>
                        <th class="text-center" style="vertical-align: middle;">Full Name</th>
                        <th class="text-center" style="vertical-align: middle;">Amount</th>
                        <th class="text-center" style="vertical-align: middle;">Note</th>
                        <th class="text-center" style="vertical-align: middle;">Aksi</th>
                      </tr>
                    </thead>
                    <tbody>
                      <?php
                        $sql_1 = mysqli_query($conn,"SELECT * FROM `tb_transaksi` WHERE jenis = 1 AND status = 0 ORDER BY  cuid DESC") or die(mysqli_error());
                        $no=0;
                        while($s1 = mysqli_fetch_array($sql_1)){
                          $no++;
                          $metode = $s1['metode'];
                          $pay_from = $s1['pay_from'];
                          $IDuser = $s1['userID'];
                          $sql_2 = mysqli_query($conn,"SELECT * FROM `tb_user` WHERE cuid = '$IDuser'") or die(mysqli_error());
                          $s2 = mysqli_fetch_array($sql_2);
                          $sql_3 = mysqli_query($conn,"SELECT * FROM `tb_bank` WHERE cuid = '$metode'") or die(mysqli_error());
                          $s3 = mysqli_fetch_array($sql_3);
                          $sql_4 = mysqli_query($conn,"SELECT * FROM `tb_bank` WHERE cuid = '$pay_from'") or die(mysqli_error());
                          $s4 = mysqli_fetch_array($sql_4);
                          $sql_5 = mysqli_query($conn,"SELECT * FROM `tb_user` WHERE level = 'user' ORDER BY full_name ASC") or die(mysqli_error());
                          $s5 = mysqli_fetch_array($sql_5);                          
                      ?>
                      <tr>
                            <td class="text-center" style="vertical-align: middle; color: white;"><?php echo $no; ?></td>
    <td class="text-left" style="vertical-align: middle; color: white;"><?php echo $s1['kd_transaksi']; ?></td>
    <td class="text-center" style="vertical-align: middle; color: white;"><?php echo date('Y-m-d', strtotime($s1['date'])); ?><br><?php echo date('H:i:s', strtotime($s1['date'])); ?></td>
    <td class="text-center" style="vertical-align: middle; color: white"><?php echo $s2['user']; ?></td>
    <td class="text-center" style="vertical-align: middle; color: white;"><?php if($s1['metode'] == 0) { echo 'By Qris'; } else { echo $s3['akun']; } ?></td>
    <td class="text-center" style="vertical-align: middle; color: white;"><?php echo $s2['full_name']; ?></td>
    <td class="text-right" style="vertical-align: middle; color: white;"><?php echo number_format($s1['total']); ?></td>

<td class="text-center" style="vertical-align: middle;">
      <?php if(!empty($s1['note'])) { ?>
        <button type="button" 
                class="btn btn-sm btn-success view-bukti" 
                data-img="<?php echo $urlwebs; ?>/upload/bukti/<?php echo $s1['note']; ?>">
          Bukti Transfer
        </button>
      <?php } else { ?>
        <span class="text-muted">Belum upload</span>
      <?php } ?>
    </td>
                
    <td class="text-center" style="vertical-align: middle; white-space: nowrap;">
         <a href="<?php echo $urlweb; ?>/function/proses_topup.php?cuid=<?php echo $s1['cuid']; ?>" class="btn btn-primary btn-sm">Proses</a>
          <a href="<?php echo $urlweb; ?>/function/reject_topup.php?cuid=<?php echo $s1['cuid']; ?>" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure want to Reject this Transaction?');">Reject</a>
             </td>
                </tr>
                      <?php } ?>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            </div>
                <div class="modal fade" id="buktiModal" tabindex="-1" aria-labelledby="buktiModalLabel" aria-hidden="true">
                 <div class="modal-dialog modal-dialog-centered modal-lg">
                  <div class="modal-content">
                   <div class="modal-header bg-primary text-white">
                   <h5 class="modal-title" id="buktiModalLabel">Bukti Transfer</h5>
                     <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
              <div class="modal-body text-center">
            <img id="buktiImage" src="" alt="Bukti Transfer" class="img-fluid rounded shadow bukti-img" style="cursor: zoom-in;">
          </div>
       </div>
    </div>
</div>

<div id="zoomOverlay" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; 
    background:rgba(0,0,0,0.9); z-index:1056; justify-content:center; align-items:center; cursor: zoom-out;">
  <img id="zoomedImage" src="" style="max-width:95%; max-height:95%; border-radius:8px;">
</div>

<footer class="content-footer footer bg-footer-theme">
              <div class="container-xxl">
                <div
                  class="footer-container d-flex align-items-center justify-content-between py-2 flex-md-row flex-column"
                >
                  <div>
                    ©
                    <script>
                      document.write(new Date().getFullYear());
                    </script>
                    , <?php echo $s0['instansi']; ?> All Rights Reserved.
                  </div>
                </div>
              </div>
            </footer>

<div class="layout-overlay layout-menu-toggle"></div>

<div class="drag-target"></div>
    </div>

<script src="<?php echo $urlweb; ?>/assets/vendor/libs/jquery/jquery.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/popper/popper.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/js/bootstrap.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/node-waves/node-waves.js"></script>

<script src="<?php echo $urlweb; ?>/assets/vendor/libs/apex-charts/apexcharts.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables/jquery.dataTables.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-responsive/datatables.responsive.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-buttons/datatables-buttons.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-buttons/buttons.html5.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/datatables-buttons/buttons.print.js"></script>

<script src="<?php echo $urlweb; ?>/assets/js/main.js"></script>
    <script>
    $(document).ready(function() {
      //Default data table
      $('#default-datatable').DataTable(); 
      setInterval(function () {
        $('#countChat').load('<?php echo $urlweb; ?>/countChat.php');
      }, 1000);
    
    $(document).ready(function () {
      setInterval(function () {
        $('#getNotif').load('<?php echo $urlweb; ?>/getNotif.php');
      }, 1000);
    });
    
let sound = document.getElementById("notifSound");

// Fungsi play & stop suara
function playSound() {
    sound.play().catch(()=>{});
}
function stopSound() {
    sound.pause();
    sound.currentTime = 0;
}

setInterval(function(){
    $.get("getNotif.php", function(data){
        $(data).each(function(){
            var $notif = $(this);
            var id = $notif.attr('id');
            if( id && $('#'+id).length === 0 ){
                $("#notifArea").prepend($notif);
                playSound(); // putar suara setiap notif baru
            }
        });
    });
}, 5000);

// Event delegation tombol Buka Deposit
$(document).on('click', '.bukaDeposit', function(){
    stopSound();
    let id = $(this).data('id');
    window.location.href = "<?php echo $urlweb ?>/request_depo.php?id=" + id;
});

// Event delegation tombol Buka Withdraw
$(document).on('click', '.bukaWithdraw', function(){
    stopSound();
    let id = $(this).data('id');
    window.location.href = "<?php echo $urlweb ?>/request_wd.php?id=" + id;
});

// Tutup notifikasi
$(document).on('click', '.btn-close', function(){
    stopSound();
});

document.addEventListener('DOMContentLoaded', function() {
  const modal = new bootstrap.Modal(document.getElementById('buktiModal'));
  const buktiImage = document.getElementById('buktiImage');
  const zoomOverlay = document.getElementById('zoomOverlay');
  const zoomedImage = document.getElementById('zoomedImage');

// Tampilkan modal saat tombol ditekan
  document.querySelectorAll('.view-bukti').forEach(button => {
    button.addEventListener('click', () => {
      const imgSrc = button.getAttribute('data-img');
      buktiImage.src = imgSrc;
      modal.show();
    });
  });

// Zoom in saat gambar diklik
  buktiImage.addEventListener('click', function() {
    zoomedImage.src = buktiImage.src;
    zoomOverlay.style.display = 'flex';
  });

// Zoom out saat overlay diklik
  zoomOverlay.addEventListener('click', function() {
    zoomOverlay.style.display = 'none';
  });
});
  </script>
  </body>
</html>