
            <!-- Footer -->
            <footer class="content-footer footer ">
              <div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
                <div class="mb-2 mb-md-0">
                  ©
                  <script>
                    document.write(new Date().getFullYear());
                  </script>, made with <?=  titleDev() ?>
                </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>
    </div>
    <!-- / Layout wrapper -->

    <div id="loading_indicator" class="position-fixed top-0 end-0 start-0 bottom-0 bg-white" style="z-index: 9999999999; display: none;" >


      <div class="w-100 d-flex justify-content-center align-items-center flex-column" >
        <div class="d-flex align-items-end">
          <img src="assets/images/eve.jpeg" style="width: 360px; margin-right: 7px;">
          <!-- <h3 class="card-title p-0 m-0" style="font-weight: 700; font-size: 40px;">
            <span style="color: #b31a4a;">Re</span>
            <span style="color: #285a98; margin-left: -8px;">Teech</span>
          </h3> -->
        </div>
        <!-- <h3 class="card-title" style="margin-top: -10px;">Technology</h3> -->
      </div>
    </div>


    <script type="text/javascript">
      const baseUrl = '<?= base_url() ?>'


        //custom
        $(document).delegate(".datatable-delete", "click", function () {
          var url = $(this).attr("data-link");
          var id = $(this).attr("data-id");
          Swal.fire({
            title: "Hapus Data?",
            text: "Data yang dihapus tidak dapat dikembalikan lagi!",
            icon: "question",
            showCancelButton: !0,
            confirmButtonColor: "#f14e4e",
            cancelButtonText: "Batal",
            confirmButtonText: "Ya, Hapus sekarang!",
            customClass: {
                container: 'sweetalert-container',
                popup: 'sweetalert-popup'
            }
          }).then((result) => {
            if (result.isConfirmed) {
              $.ajax({
                url: url,
                type: "POST",
                dataType: "json",
                data: {
                  id: id,
                },
                success: function (data_result) {
                  
                  if (data_result.code == 200) {
                    if (data_result.success) {
                      iziToast.show({
                        title: "Berhasil",
                        message: "Data berhasil dihapus!",
                        color: "green",
                        position: "topRight", // bottomRight, bottomLeft, topRight, topLeft, topCenter, bottomCenter, center
                      });
                      $("#datatable").DataTable().ajax.reload(null, false);
                    } else {
                      iziToast.show({
                        title: "Gagal",
                        message: data_result.message,
                        color: "red",
                        position: "topCenter",
                      });
                    }
                  } else {
                    iziToast.show({
                      title: "Terjadi Kesalahan",
                      message: "Silahkan coba lagi.",
                      color: "red",
                      position: "topCenter",
                    });
                  }
                },
              });
            } else if (result.dismiss === Swal.DismissReason.cancel) {
              // swalWithBootstrapButtons.fire(
              //   'Cancelled',
              //   'Your imaginary file is safe :)',
              //   'error'
              // )
            }
          });
        });

  

    </script>
    
    <script src="<?= base_url() ?>assets/vendor/libs/popper/popper.js"></script>
    <script src="<?= base_url() ?>assets/vendor/js/bootstrap.js"></script>
    <script src="<?= base_url() ?>assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>

    <script src="<?= base_url() ?>assets/vendor/js/menu.js"></script>

    <!-- endbuild -->

    <!-- Vendors JS -->
    <script src="<?= base_url() ?>assets/vendor/libs/apex-charts/apexcharts.js"></script>

    <!-- Main JS -->
    <script src="<?= base_url() ?>assets/js/main.js"></script>

    <!-- Page JS -->
    <script src="<?= base_url() ?>assets/js/dashboards-analytics.js"></script>
    

    <!-- Place this tag in your head or just before your close body tag. -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/mqtt/dist/mqtt.min.js"></script>

    <link rel="stylesheet" type="text/css" href="<?= base_url() ?>assets/libs/sweetalert2/sweetalert2.min.css">
    <script type="text/javascript" src="<?= base_url() ?>assets/libs/sweetalert2/sweetalert2.min.js"></script>
    <script async defer src="https://buttons.github.io/buttons.js"></script>
    <script src="<?= base_url() ?>assets/js/routes.js"></script>





<!-- Required datatable js -->
<script src="<?= base_url(); ?>assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="<?= base_url(); ?>assets/libs/datatables-bs5/datatables.min.js"></script>
