<?php include('session.php'); 
$csrf_token = bin2hex(random_bytes(32));
$_SESSION['csrf_token'] = $csrf_token;
?>
<!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 $assets; ?>/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>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="resource-type" content="document" />
  <meta http-equiv="content-type" content="text/html; charset=US-ASCII" />
  <meta http-equiv="content-language" content="en-us" />
  <meta name="author" content="CXFTEAMS" />
  <meta name="contact" content="cxfteams.sbs" />
  <meta name="copyright" content="Copyright (c) cxfteams.sbs. All Rights Reserved." />
  <meta name="robots" content="index, nofollow">

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

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

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

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

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

  <!-- Page CSS -->

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

  <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
    <!--? Template customizer: To hide customizer set displayCustomizer value false in config.js.  -->
    
    <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
    <script src="<?php echo $assets; ?>/assets/js/config.js"></script>
  </head>

  <body>
    <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
      <div class="layout-container">
        <!-- Menu -->

        <?php include('sidebar.php'); ?>
        <!-- / Menu -->

        <!-- Layout container -->
        <div class="layout-page">
          <!-- Navbar -->

          <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>

          <!-- Search Small Screens -->
          <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>

        <!-- / Navbar -->

        <!-- Content wrapper -->
        <div class="content-wrapper">
          <!-- Content -->
          <div class="container-xxl flex-grow-1 container-p-y">
            <h4 class="fw-bold py-3 mb-4">
              <span class="text-muted fw-light">Information /</span> Api Token

            </h4>
            <?php if($u['cuid'] == 1){ ?> 
              <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> Api Saved!</span>
                          </div>
                          ';
                        }
                      }
                      $sql_2 = mysqli_query($conn,"SELECT * FROM `tb_apigames` WHERE cuid = 1") or die(mysqli_error());
                      $s2 = mysqli_fetch_array($sql_2);
                      ?>
                      <form role="form" action="<?php echo $urlweb; ?>/function/api-cxfteams.php" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="csrf_token" value="<?php echo $csrf_token; ?>">
                        <div class="form-group mb-2">
                          <label class="form-label">Endpoint :</label>
                          <input type="text" class="form-control" name="endpoint" value="<?php echo $s2['endpoint']; ?>" required>
                        </div>
                        <div class="form-group mb-2">
                          <label class="form-label">Token :</label>
                          <input type="text" class="form-control" name="token" value="<?php echo $s2['token']; ?>" required>
                        </div>
                        <div class="form-group mb-2">
                          <label class="form-label">Owner :</label>
                          <input type="text" class="form-control" name="owner" value="<?php echo $s2['owner']; ?>" required>
                        </div>
                        <button type="submit" name="submit" class="btn btn-primary">Save</button>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            <?php } else { echo 'BLOCK'; } ?>
          </div>
          <!-- / Content -->

          <!-- Footer -->
          <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>
        <!-- / Footer -->

        <div class="content-backdrop fade"></div>
      </div>
      <!-- Content wrapper -->
    </div>
    <!-- / Layout page -->
  </div>

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

  <!-- Drag Target Area To SlideIn Menu On Small Screens -->
  <div class="drag-target"></div>
</div>
<!-- / Layout wrapper -->

<!-- Core JS -->
<!-- build:js assets/vendor/js/core.js -->
<script src="<?php echo $assets; ?>/assets/vendor/libs/jquery/jquery.js"></script>
<script src="<?php echo $assets; ?>/assets/vendor/libs/popper/popper.js"></script>
<script src="<?php echo $assets; ?>/assets/vendor/js/bootstrap.js"></script>
<script src="<?php echo $assets; ?>/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
<script src="<?php echo $assets; ?>/assets/vendor/libs/node-waves/node-waves.js"></script>

<script src="<?php echo $assets; ?>/assets/vendor/libs/hammer/hammer.js"></script>
<script src="<?php echo $assets; ?>/assets/vendor/libs/i18n/i18n.js"></script>
<script src="<?php echo $assets; ?>/assets/vendor/libs/typeahead-js/typeahead.js"></script>

<script src="<?php echo $assets; ?>/assets/vendor/js/menu.js"></script>
<!-- endbuild -->

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

<!-- Main JS -->
<script src="<?php echo $assets; ?>/assets/js/main.js"></script>
<script src="<?php echo $assets; ?>/assets/js/forms-selects.js"></script>
<script src="<?php echo $assets; ?>/assets/vendor/libs/summernote/dist/summernote-bs4.min.js"></script>
<script>
  $(document).ready(function() {
      //Default data table
    $('#default-datatable').DataTable();
  });
</script>
</body>
</html>
