<?php
include('session.php');
 
 $qrisList = mysqli_query($conn, "SELECT * FROM tb_qris ORDER BY id DESC");
?>
<!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"/>
  <title><?php echo $s0['instansi']; ?></title>

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

  <!-- Fonts & Icons -->
  <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" />

  <!-- Core 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" />

  <!-- Vendors 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/summernote/dist/summernote-bs4.css"/>

  <!-- Helpers & Config -->
  <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">
        <nav class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme" id="layout-navbar">
          <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
            <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
              <i class="ti ti-menu-2 ti-sm"></i>
            </a>
          </div>
          <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
            <?php include('top-menu.php'); ?>
          </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">System /</span> QRIS
            </h4>
            <div class="row">
              <div class="col-sm-12">
                <div class="card">
                  <div class="card-body">
                    <?php
                      error_reporting(0);
                      if (!empty($_GET['notif'])) {
                        if ($_GET['notif'] == 1) {
                          echo '<div class="alert alert-success d-flex align-items-center" role="alert">
                            <span class="alert-icon text-success me-2"><i class="ti ti-check ti-xs"></i></span>
                            <span><strong>Well Done!</strong> QRIS Saved!</span>
                          </div>';
                        }
                        if ($_GET['notif'] == 2) {
                          echo '<div class="alert alert-warning d-flex align-items-center" role="alert">
                            <span class="alert-icon text-warning me-2"><i class="ti ti-bell ti-xs"></i></span>
                            <span><strong>Warning!</strong> Max Image Size 5MB!</span>
                          </div>';
                        }
                        if ($_GET['notif'] == 3) {
                          echo '<div class="alert alert-warning d-flex align-items-center" role="alert">
                            <span class="alert-icon text-warning me-2"><i class="ti ti-bell ti-xs"></i></span>
                            <span><strong>Warning!</strong> Only JPG/PNG!</span>
                          </div>';
                        }
                      }
                     $sql_qris = mysqli_query($conn, "SELECT * FROM tb_qris WHERE status = 1 ORDER BY id DESC LIMIT 1") or die(mysqli_error());
            $qris = mysqli_fetch_array($sql_qris);
                    ?>
            <!-- FORM INPUT GAMBAR -->
  <div class="card bg-white shadow-sm mb-4">
    <div class="card-header bg-white text-white">
      <h5 class="mb-0">Menu Input Gambar QRIS</h5>
    </div> 
   
    <div class="card-body">
      <form action="<?php echo $urlweb; ?>/function/qris.php" method="post" enctype="multipart/form-data">
        <div class="row align-items-end">
          <div class="col-md-10 mb-3">
            <label class="form-label">Upload Gambar QRIS:</label>
            <input type="file" name="image" class="form-control" accept="image/png, image/jpeg" required>
            <small class="text-muted">Format: PNG/JPG, Max 5MB</small>
          </div>
        </div>
            <div class="row">
          <div class="col-md-4 mb-3">
            <label class="form-label">Status:</label>
            <select name="status" class="form-select" required>
              <option value="1">Aktif</option>
              <option value="0">Nonaktif</option>
            </select>
          </div>
        </div>
          <div class="col-md-2 mb-3 d-grid">
            <button type="submit" class="btn btn-success btn-lg">Simpan</button>
          </div>
        </div>
      </form>
    </div>
  </div>
         <div class="card shadow-sm">
    <div class="card-header bg-secondary text-white">
      <h6 class="mb-0">Daftar Gambar QRIS</h6>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-bordered table-striped mb-0 align-middle text-center">
          <thead class="table-light">
            <tr>
              <th width="30%">Image</th>
              <th width="40%">Keterangan</th>
              <th width="30%">Aksi</th>
            </tr>
          </thead>
          <tbody>
          <?php if (mysqli_num_rows($qrisList) > 0): ?>
            <?php while ($row = mysqli_fetch_assoc($qrisList)): ?>
              <tr>
                <td>
                  <?php
                    $baseUrl = dirname(dirname($urlweb)); // naik satu level dari /backend
                    $imgPath = __DIR__ . '/../upload/qris/' . $row['gambar_qris'];
                    $imgUrl  = $baseUrl . '/upload/qris/' . $row['gambar_qris'];
                  ?>
                  <?php if (file_exists($imgPath)): ?>
                    <img src="<?php echo htmlspecialchars($imgUrl); ?>" alt="QRIS"
                         class="img-thumbnail"
                         style="max-width: 150px; height: auto;">
                  <?php else: ?>
                    <span class="text-danger">File tidak ditemukan</span>
                  <?php endif; ?>
                </td>
                <td><span class="badge bg-success px-3 py-2">Aktif</span></td>
                <td>
                  <div class="d-flex justify-content-center gap-2">
                    <a href="<?php echo $urlweb; ?>/edit_qris.php?id=<?php echo $row['id']; ?>"
                       class="btn btn-sm btn-warning">Edit</a>
                    <a href="<?php echo $urlweb; ?>/function/delete_qris.php?id=<?php echo $row['id']; ?>"
                       class="btn btn-sm btn-danger"
                       onclick="return confirm('Yakin ingin menghapus QRIS ini?')">Hapus</a>
                  </div>
                </td>
              </tr>
            <?php endwhile; ?>
          <?php else: ?>
            <tr>
              <td colspan="3" class="py-3 text-muted">Belum ada gambar QRIS.</td>
            </tr>
          <?php endif; ?>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</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="content-backdrop fade"></div>
        </div>
      </div>
    </div>

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

    <!-- Core JS -->
    <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/js/menu.js"></script>

    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/select2/select2.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/summernote/dist/summernote-bs4.min.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/js/main.js"></script>
  </body>
</html>
