MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: connecty_api.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/select2/select2.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" />
    <link rel="stylesheet" href="<?php echo $urlweb; ?>/assets/vendor/libs/summernote/dist/summernote-bs4.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;
      }
       .btn-api-submit {
    background-color: #000000;      /* hitam */
    border: 2px solid #FFD700;       /* kuning emas */
    color: #FFD700;                  /* teks emas */
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.btn-api-submit:hover {
    background-color: #FFD700;       /* emas saat hover */
    color: #000000;                  /* teks hitam */
    border-color: #FFD700;
}

.btn-api-submit:focus,
.btn-api-submit:active {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.4);
}

</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">Connecty API / INPUT /</span> KODE
    </h4>

<?php if (isset($_GET['notif_api']) && $_GET['notif_api'] == 1) { ?>
      <div class="alert alert-success alert-dismissible fade show" role="alert">
        ✅ Data API berhasil disimpan!
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
      </div>
    <?php } ?>

<?php
      $q = mysqli_query($conn, "SELECT * FROM tb_api WHERE id=1");
      $data_api = mysqli_fetch_assoc($q);
    ?>

<form action="<?php echo $urlweb; ?>/function/integapi.php" method="post">

<div class="mb-3">
        <label class="form-label">Code Agent</label>
        <input 
          type="password"
          class="form-control"
          name="code_agent"
          value="<?= htmlspecialchars($data_api['code_agent']); ?>"
          autocomplete="new-password"
        >
        <small class="text-muted">( Disembunyikan demi keamanan )</small>
      </div>

<div class="mb-3">
        <label class="form-label">Signature</label>
        <input 
          type="password"
          class="form-control"
          name="signature"
          value="<?= htmlspecialchars($data_api['signature']); ?>"
          autocomplete="new-password"
        >
        <small class="text-muted">( Disembunyikan demi keamanan )</small>
      </div>

<button type="submit" name="submit_api" class="btn btn-primary">
        Simpan API
      </button>

</form>

</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="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/select2/select2.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 src="<?php echo $urlweb; ?>/assets/js/forms-selects.js"></script>
    <script src="<?php echo $urlweb; ?>/assets/vendor/libs/summernote/dist/summernote-bs4.min.js"></script>
    <script>
    $(document).ready(function() {
      //Default data table
      $('#default-datatable').DataTable(); 
      $('.summernoteEditor').summernote({
        height: 300,
        tabsize: 2
      });
        setInterval(function () {
          $('#getNotif').load('<?php echo $urlweb; ?>/getNotif.php');
        }, 1000);
    });
  </script>
  </body>
</html>