<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <!-- <title><!?php echo $content; ?></title> -->
  <title>Lembaga Pengembangan Jasa Konstruksi</title>
  <meta name="description" content="LPJK merupakan Lembaga Non Struktural di bawah Kementerian PUPR yang akan menjalankan sebagian tugas Pemerintah fokus pada penguatan pelaksanaan teknis jasa konstruksi, tidak hanya registrasi dan akreditasi, namun juga penetapan penilai ahli, penyetaraan tenaga kerja asing serta pengelolaan program keprofesian berkelanjutan. Sebagaimana diatur dalam Peraturan Menteri PUPR Nomor 9/PRT/M/2020 tentang Pembentukan Lembaga Pengembangan Jasa Konstruksi (LPJK), yang menjadi titik tolak perubahan tata kelola lembaga yang nantinya akan bertanggungjawab penuh kepada Menteri PUPR.">
  <meta name="keywords" content="Lembaga Pengembangan Jasa Konstruksi, konstruksi, jasa konstruksi">
  <meta property="og:title" content="Lembaga Pengembangan Jasa Konstruksi">
  <meta property="og:description" content="LPJK merupakan Lembaga Non Struktural di bawah Kementerian PUPR yang akan menjalankan sebagian tugas Pemerintah fokus pada penguatan pelaksanaan teknis jasa konstruksi, tidak hanya registrasi dan akreditasi, namun juga penetapan penilai ahli, penyetaraan tenaga kerja asing serta pengelolaan program keprofesian berkelanjutan. Sebagaimana diatur dalam Peraturan Menteri PUPR Nomor 9/PRT/M/2020 tentang Pembentukan Lembaga Pengembangan Jasa Konstruksi (LPJK), yang menjadi titik tolak perubahan tata kelola lembaga yang nantinya akan bertanggungjawab penuh kepada Menteri PUPR.">
  <meta property="og:image" content="assets/img/icon_pupr.png">
  <meta property="og:url" content="https://lpjk.pu.go.id">

  <!-- Favicons -->
  <link rel="icon" href="https://lpjk.pu.go.id/assets/img/icon_pupr.png">
  <link href="https://lpjk.pu.go.id/assets/img/icon_pupr.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="https://lpjk.pu.go.id/assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="https://lpjk.pu.go.id/assets/css/style.css" rel="stylesheet">
  <link href="https://lpjk.pu.go.id/assets/css/spinner.css" rel="stylesheet">

  <!-- =======================================================
  ======================================================== -->
  <style>
    buttonizer-icon-0-0-4 {
      top: 50%;
      left: 50%;
      color: rgb(255, 255, 255);
      z-index: 1;
      position: absolute;
      font-size: 16px;
      transform: translate(-50%, -50%);
      text-align: center;
      transition: all 0.2s ease-out 0s;
    }
  </style>
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Lembaga Pengembangan Jasa Konstruksi",
      "url": "https://lpjk.pu.go.id",
      "logo": "https://lpjk.pu.go.id/assets/img/icon_pupr.png"
    }
</script>

</head>

<body data-aos-easing="ease-in-out" data-aos-duration="1000" data-aos-delay="0">
<link href="https://lpjk.pu.go.id/assets/css/main.css" rel="stylesheet">
<link href="https://lpjk.pu.go.id/assets/css/spinner.css" rel="stylesheet">
<!-- flash data -->
<link href="https://lpjk.pu.go.id/assets/css/notif_flashdata.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>


<link rel="stylesheet" href="https://cdn.datatables.net/2.1.8/css/dataTables.bootstrap5.css">

<style>
input#parameter {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.item {
    font-size: 1.2rem;
}

.form-check-input {
    background-color: #ffff;
}

.form-check-label {
    color: #000;
}
</style>

    
  <!-- Modal HTML -->
  <div id="messageModal1" class="modal fade">
  	<div class="modal-dialog modal-confirm">
  		<div class="modal-content">
  			<div class="modal-header justify-content-center">
  				<div class="icon-box">
  					<i class="material-icons"></i>
  				</div>
  				<button style="background-color: #47c9a2 !important;" type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">×</button>
  			</div>
  			<div class="modal-body text-center">
  				<h4>Sukses!</h4>
  				<p></p>
  				<button class="btn btn-success" data-bs-dismiss="modal" aria-hidden="true"><span>Lanjut</span> <i class="material-icons"></i></button>
  			</div>
  		</div>
  	</div>
  </div>
  <!-- Modal HTML -->
  <div id="messageModal2" class="modal fade">
  	<div class="modal-dialog modal-confirm">
  		<div class="modal-content">
  			<div class="modal-header justify-content-center">
  				<div class="icon-box">
  					<i class="material-icons"></i>
  				</div>
  				<button style="background-color: #47c9a2 !important;" type="button" class="close" data-bs-dismiss="modal" aria-hidden="true">×</button>
  			</div>
  			<div class="modal-body text-center">
  				<h4>Warning!</h4>
  				<p></p>
  				<button class="btn btn-success" data-bs-dismiss="modal" aria-hidden="true"><span>Lanjut</span> <i class="material-icons"></i></button>
  			</div>
  		</div>
  	</div>
  </div>
  <script>
  	// Memanggil fungsi setFocusToTextBox() saat halaman selesai dimuat
  	window.onload = function() {
  		setFocusToTextBox();
  	};

  	function setFocusToTextBox() {
  		document.getElementById("responseData").focus();
  	}
  </script>
<!-- <header id="header" class="header d-flex align-items-center"> -->
<header id="header" class="fixed-top">
    <!-- <div class="container d-flex align-items-center" style="padding-left: 35px;">
        <h1 class="logo me-auto"><a href="#"><img width="400px" height="450px" src="https://lpjk.pu.go.id/assets/img/logolpjk.png" alt="" class="img-fluid"></a></h1>
    </div>
    <br> -->
    <div class="container d-flex align-items-center">
        <h1 class="logo"><a href="https://lpjk.pu.go.id/"><img src="https://lpjk.pu.go.id/assets/img/logolpjk.svg" alt="" class="img-logo"></a></h1>
        <nav id="navbar" class="navbar order-last order-lg-0">
            <ul>
                <li><a href="https://lpjk.pu.go.id/">Beranda</a></li>

                <!-- <li class="dropdown"><a href="#"><span>Profil</span> <i class="bi bi-chevron-down"></i></a> -->
                <li class="dropdown"><a href="#"><span>Profil</span></a>
                    <ul>
                        <li><a href="https://lpjk.pu.go.id/profile" class="active">Info Grafis Struktur Organisasi LPJK</a>
                        </li>
                    </ul>
                </li>

                <li class="dropdown"><a href="#"><span>Daftar Stakeholder</span></a>
                    <ul>
                        <li class="dropdown"><a href="#"><span>Daftar Asosiasi &amp; LPPK</span>
                                <i class="bi bi-chevron-right"></i></a>
                            <ul>
                                <li><a href="https://lpjk.pu.go.id/pencarian-asosiasi">Daftar Asosiasi</a></li>
                                <li><a href="https://lisensijakon.pu.go.id/lppk/lppk-teregistrasi" target="_blank">Daftar LPPK</a></li>
                            </ul>
                        </li>

                        <li class="dropdown"><a href="#"><span>Daftar Lembaga
                                    Sertifikasi</span>
                                <i class="bi bi-chevron-right"></i></a>
                            <ul>
                                <li><a href="https://lpjk.pu.go.id/data-lsbu">LSBU
                                        Terlisensi</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/data-lsp">LSP
                                        Terlisensi</a>
                                </li>
                                <!-- <li><a href="#" target="_blank">Rekomendasi
                                        LSP</a></li> -->
                            </ul>
                        </li>

                    </ul>
                </li>

                <li class="dropdown"><a href="#"><span>Sebaran Data &amp; Proses</span></a>
                    <ul>
                        <!-- <li class="dropdown"><a href="#"><span>Data Sebaran</span>
                                <i class="bi bi-chevron-right"></i></a>
                            <ul>
                                <li><a href="https://siki.pu.go.id/report-lpjk/peta-sebaran" target="_blank">Sebaran
                                        Badan Usaha Konstruksi</a>
                                </li>
                                <li><a href="https://siki.pu.go.id/report-lpjk/peta-sebaran" target="_blank">Sebaran
                                        Tenaga Kerja Konstruksi</a>
                                </li>
                                <li><a href="https://siki.pu.go.id/penilai-ahli/sebaran" target="_blank">Sebaran Penilai
                                        Ahli</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/bank-data/Data/report_tableau" target="_blank">Sebaran Data</a></li>
                            </ul>
                        </li> -->

                        <!-- <li class="dropdown"><a href="#"><span>Penerbitan SBU & SKK</span>
                                <i class="bi bi-chevron-right"></i></a>
                            <ul>
                                <li><a href="https://lpjk.pu.go.id/sbu-kbli20">Data
                                        Penerbitan SBU KBLI 2020</a></li>
                                <li><a href="https://lpjk.pu.go.id/skk-kbli20">Data
                                        Penerbitan SKK KBLI 2020</a></li>
                                <li><a href="https://lpjk.pu.go.id/permohonan_lsbu_lsp">Akumulasi Status Proses SBU/SKK</a></li>
                                <li><a href="https://lpjk.pu.go.id/progress_simpan">Progres E-Simpan</a></li>
                                
                                <li><a href="https://lpjk.pu.go.id/bank-data/Data/data_sbu_terbit_lsbu" target="_blank">Data
                                        Penerbitan SBU KBLI 2020</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/bank-data/Data/data_skk_terbit_lsp" target="_blank">Data Penerbitan
                                        SKK KBLI 2020</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/bank-data/Data/akumulasi_status_permohonan_lsbu_lsp" target="_blank">Akumulasi Status Proses SBU/SKK</a></li>
                                <li><a href="https://lpjk.pu.go.id/bank-data/Data/progress_simpan" target="_blank">Progres E-Simpan</a></li>
                            </ul>
                        </li> -->

                        <li class="dropdown"><a href="#"><span>Pengecekan data dan Proses</span>
                                <i class="bi bi-chevron-right"></i></a>
                            <ul>
                                <!-- <li><a href="<!?= base_url('maintainance') ?>">Pencarian Badan Usaha</a>
                                </li> -->
                                <li><a href="https://lpjk.pu.go.id/pencarian-bu-index">Pencarian Badan Usaha</a>
                                </li>
                                <!-- <li><a href="<!?= base_url('maintainance') ?>">Pencarian Tenaga Kerja</a>
                                </li> -->
                                <li><a href="https://lpjk.pu.go.id/pencarian-tkk-index">Pencarian Tenaga Kerja</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/cek-tkk-di-bujk">Pengecekan Tenaga Kerja di BUJK</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/cek-permohonan-sbu">Cek Status Permohonan SBU di
                                        LSBU</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/cek-permohonan-skk">Cek Status Permohonan SKK di LSP</a>
                                </li>

                                <!-- <li><a href="https://lpjk.pu.go.id/cek-data-perubahan-bujk-kbli-2017">Perubahan Data BUJK
                                        KBLI 2017</a>
                                <li><a href="https://lpjk.pu.go.id/cek-data-terbitan-lsbu">List Data Perubahan<br>Tenaga Kerja yang tidak dapat
                                        <br>Diproses
                                        Karena Terbitan LSBU</a>
                                </li> -->
                                <!-- <li><a href="https://siki.pu.go.id/search/search_status_permohonan_lsbu" target="_blank">Cek Status Permohonan SBU</a>
                                </li>
                                <li><a href="https://siki.pu.go.id/search/search_status_permohonan_lsp" target="_blank">Cek Status Permohonan SKK</a>
                                </li>
                                <li><a href="https://lpjk.pu.go.id/bank-data/Data/pengecekan_tenaga_kerja_dibadan_usaha" target="_blank">Pengecekan Tenaga Kerja di BUJK</a></li>
                                <li><a href="tenaga-kerja-dibadan-usaha" target="_blank">Pengecekan Tenaga Kerja di BUJK</a></li>
                                <li><a href="https://siki.pu.go.id/perubahan-tkk" target="_blank">Perubahan Data BUJK
                                        KBLI 2017</a>
                                <li><a href="https://lpjk.pu.go.id/bank-data/Data/perubahan_tenaga_kerja_yang_tidak_dapat_diproses_lpjk_karena_terbitan_lsbu" target="_blank">List Data Perubahan<br>Tenaga Kerja yang tidak dapat
                                        <br>Diproses
                                        Karena Terbitan LSBU</a>
                                </li> -->
                            </ul>
                        </li>

                        <li><a href="https://lpjk.pu.go.id/data-akumulasi">Rekapitulasi Data Pemohon</a></li>
                        <li><a href="https://lpjk.pu.go.id/data-penilai-ahli">Daftar Penilai Ahli</a></li>
                        <!-- <li class="dropdown"><a href="#"><span>Searching KBLI 2017</span> 
                                <i class="bi bi-chevron-right"></i></a>
                            <ul>
                                <li><a href="https://siki.pu.go.id/sear ch/search_tenaga_kerja" target="_blank">SKA KBLI
                                        2017</a>
                                </li>
                                <li><a href="https://siki.pu.go.id/search/search_tenaga_kerja" target="_blank">SKT KBLI
                                        2017</a>
                                </li>
                                <li><a href="https://siki.pu.go.id/search/search_badan_usaha" target="_blank">SBU KBLI
                                        2017</a></li>
                            </ul>
                        </li> -->

                        <!-- <li><a href="https://lpjk.pu.go.id/bank-data/Data/akumulasi_proses_permohonan_perubahan_tkk" target="_blank">Monitoring
                                Perubahan TKK</a></li> -->
                    </ul>
                </li>

                <li class="dropdown"><a href="#"><span>Produk</span></a>
                    <ul>
                                                <li><a href="https://lpjk.pu.go.id/berita/2" class="active"><span>Berita</span></a>
                        </li>
                        <li><a href="https://lpjk.pu.go.id/buletin/" class="active"><span>Buletin</span></a></li>
                        <!-- <li><a href="https://lpjk.pu.go.id/pengumuman-informasi" class="active"><span>Pengumuman dan Informasi</span></a></li> -->
                        <li><a target="_blank" href="https://lpjk.pu.go.id/produk-hukum"><span>Produk
                                    Hukum</span></a></li>
                        <li><a href="https://lpjk.pu.go.id/faq">Help FAQ</a></li>

                        <li class="dropdown"><a href="#"><span>PANDUAN</span>
                                <i class="bi bi-chevron-right"></i></a>
                            <ul>
                                <li class="dropdown"><a href="#"><span>SIMPAN</span>
                                        <i class="bi bi-chevron-right"></i></a>
                                    <ul>
                                        <li class="dropdown"><a href="https://youtu.be/TVxkt5rXUG8?si=xek8ck3csDKUJ3Ye" class="active" target="_blank">Panduan Pencatatan
                                                <br>Pengalaman Badan <br>Usaha
                                                pada
                                                E-Simpan</a></li>
                                        <li class="dropdown"><a target="_blank" href="https://www.youtube.com/watch?v=JJdgKCg6CFQ">Panduan Pencatatan
                                                <br>Pengalaman Tenaga Kerja
                                                <br>Konstruksi pada E-Simpan</a></li>
                                        <li class="dropdown"><a href="https://lpjk.pu.go.id/assets/upload/panduan/simpan/O06090-Panduan%20Aplikasi%20E-SIMPAN-Badan%20Usaha-5.0.pdf" class="active" target="_blank">O06090-Panduan Aplikasi
                                                E-SIMPAN-Badan Usaha-3.0</a></li>
                                        <li class="dropdown"><a target="_blank" href="https://lpjk.pu.go.id/assets/upload/panduan/simpan/O06102-Panduan%20Aplikasi%20E-SIMPAN-Tenaga%20Kerja-3.0.pdf">O06102-Panduan
                                                Aplikasi E-SIMPAN-Tenaga
                                                Kerja-3.0</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown"><a href="#"><span>Perubahan TKK</span>
                                        <i class="bi bi-chevron-right"></i></a>
                                    <ul>
                                        <li class="dropdown"><a href="https://www.youtube.com/watch?v=rsv0-EmKQG8" class="active" target="_blank">Video Tutorial</a></li>
                                        <li class="dropdown"><a href="https://lpjk.pu.go.id/assets/upload/panduan/perubahan/O06103-Panduan%20Aplikasi%20Perubahan%20Tenaga%20Kerja%20SBU%20KBLI%202017-1.0.pdf" class="active" target="_blank">O06103-Panduan Aplikasi Perubahan Tenaga
                                                Kerja SBU KBLI 2017</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown"><a href="#"><span>Lisensi Jakon</span>
                                        <i class="bi bi-chevron-right"></i></a>
                                    <ul>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/lisensi/O06087-Panduan%20Pendaftaran%20dan%20Pengisian%20Aplikasi%20Lisensi%20Lembaga%20Sertifikasi%20Badan%20Usaha%20Konstruksi-LSBU-1.0.pdf"><span>Panduan
                                                    Lisensi LSBU</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lisensijakon.pu.go.id/panduan/O06092-Panduan%20Pendaftaran%20dan%20Pengisian%20Aplikasi%20Lisensi%20Lembaga%20Sertifikasi%20Profesi%20Konstruksi-%201.0.pdf"><span>Panduan
                                                    Lisensi LSP</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/lisensi/ASESOR%20BADAN%20USAHA%20JASA%20KONSTRUKSI.pdf"><span>SKK
                                                    Asesor Badan Usaha</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/lppk/O06098-Panduan%20Aplikasi%20Sistem%20Informasi%20Registrasi%20LPPK-1.0.pdf"><span>Panduan
                                                    Registrasi LPPK</span>
                                                <i></i></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown"><a href="#"><span>Penyetaraan TKKA</span>
                                        <i class="bi bi-chevron-right"></i></a>
                                    <ul>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/tkka/02.1_SE.LPJK.2022_Perubahan%20Atas%20SE%20Ketua%20LPJK%20Nomor%2004.SE.LPJK.2021%20tentang%20Pedoman%20Teknis%20Penyetaraan%20Kompetensi%20Tenaga%20Kerja%20Konstruksi%20Asing.pdf"><span>Pedoman
                                                    Teknis Penyetaraan TKKA</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/tkka/O06094-Panduan%20Aplikasi%20Tenaga%20Kerja%20Asing%20Jasa%20Konstruksi-3.0.pdf"><span>Panduan
                                                    Aplikasi Penyetaraan TKKA</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/tkka/BUKU%20KITA%20%28Pengendalian%20Impor%20&amp;%20TKA%29.pdf"><span>Buku
                                                    KITA (Pengendalian Import &amp; TKA)</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/tkka/Surat%20Menteri%20PUPR%20Pengendalian%20Impor%20dan%20TKA.pdf"><span>Surat
                                                    Menteri PUPR Pengendalian Impor dan TKA</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://youtu.be/-VPt-PaJ6BY?si=M48"><span>Video
                                                    Tutorial TKKA</span>
                                                <i></i></a>
                                        </li>

                                    </ul>
                                </li>
                                <li class="dropdown"><a href="#"><span>PKB</span>
                                        <i class="bi bi-chevron-right"></i></a>
                                    <ul>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/pkb/O06100-Panduan%20Aplikasi%20PKB-Penyelenggara-2.0.pdf"><span>Panduan
                                                    Aplikasi PKB - Penyelenggara</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/pkb/O06101-Panduan%20Aplikasi%20PKB-Tenaga%20Ahli-SKK-4.0.pdf"><span>Panduan
                                                    Aplikasi PKB – Tenaga Ahli/SKK</span>
                                                <i></i></a>
                                        </li>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/pkb/Pedoman%20PKB%20Penyelenggara_27012023.pdf"><span>Pedoman
                                                    Pengembangan Keprofesian Berkelanjutan (PKB)</span>
                                                <i></i></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown"><a href="#"><span>Penilai Ahli</span>
                                        <i class="bi bi-chevron-right"></i></a>
                                    <ul>
                                        <li class="dropdown"><a target="_blank" class="active" href="https://lpjk.pu.go.id/assets/upload/panduan/penilai_ahli/surat_lpjk_penilai_ahli.pdf"><span>
                                                    Pendaftaran Penilai Ahli</span>
                                                <i></i></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <!-- <li class="dropdown"><a href="#"><span>Panduan</span>
                    </a>
                    <ul>
                    </ul>
                </li> -->
                
                <!-- <li><a href="https://lpjk.pu.go.id/lapor-bapak/">Pengaduan</a></li> -->

            </ul>
            <i class="bi bi-list mobile-nav-toggle"></i>
        </nav><!-- .navbar -->

        <h1 class="logo me-auto"><a href="index.html"><span></span></a></h1>
        <!-- <div class="header-social-links d-flex" style="position: right;">
            <a href="https://twitter.com/PUPR_LPJK" class="twitter"><i class="bu bi-twitter"></i></a>
            <a href="https://www.facebook.com/PUPR.LPJK/" class="facebook"><i class="bu bi-facebook"></i></a>
            <a href="https://www.instagram.com/pupr_lpjk/" class="instagram"><i class="bu bi-instagram"></i></a>
            <a href="#"></a>
            <a href="#"></a>
            <a href="https://lpjk.pu.go.id/sign-in" class="login"><i class="bi bi-person"></i></a>
        </div> -->

    </div>


    <style>
        @media (max-width: 2560px) {
            .btn_1 {
                display: inline-block;
                padding: 11.5px 22px;
                border-radius: 50px;
                font-size: 14px;
                color: #fff;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                text-transform: capitalize;
                background-size: 200% auto;
                border: 1px solid transparent;
                box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
                /* background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%); */
                border-color: #030F6B;
                color: #ffffff;
                background-color: #030F6B;
                margin-top: 3%;
                margin-bottom: 3%;
            }
        }


        @media (max-width: 1440px) {
            .btn_1 {
                display: inline-block;
                padding: 10.5px 18px;
                border-radius: 50px;
                font-size: 14px;
                color: #fff;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                text-transform: capitalize;
                background-size: 200% auto;
                border: 1px solid transparent;
                box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
                /* background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%); */
                border-color: #030F6B;
                color: #ffffff;
                background-color: #030F6B;
                margin-top: 3%;
                margin-bottom: 3%;
            }

        }

        @media (max-width: 1024px) {
            .btn_1 {
                display: inline-block;
                padding: 9.5px 18px;
                border-radius: 50px;
                font-size: 14px;
                color: #fff;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                text-transform: capitalize;
                background-size: 200% auto;
                border: 1px solid transparent;
                box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
                /* background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%); */
                border-color: #030F6B;
                color: #ffffff;
                background-color: #030F6B;
                margin-top: 3%;
                margin-bottom: 3%;
            }

        }


        @media (max-width: 767px) {
            .btn_1 {
                display: inline-block;
                padding: 8.5px 14px;
                border-radius: 30px;
                font-size: 10px;
                color: #fff;
                -o-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out;
                text-transform: capitalize;
                background-size: 100% auto;
                border: 1px solid transparent;
                box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
                /* background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%); */
                border-color: #030F6B;
                color: #ffffff;
                background-color: #030F6B;
                margin-top: 3%;
                margin-bottom: 3%;
            }
        }
    </style>
</header><!-- End Header -->
<main id="main"> 

    <!-- ======= Breadcrumbs ======= -->
    <section id="breadcrumbs" class="breadcrumbs">
        <div class="container" style="margin-top: 1%;">
            <div class="d-flex justify-content-between align-items-center">
                <h3>Sebaran Data &amp; Proses</h3>
                <ol>
                    <li class="item"><a href="#">Pengecekan Data dan Proses</a></li>
                    <li class="item">Pencarian Badan Usaha</li>
                </ol>
            </div>
        </div>
    </section><!-- End Breadcrumbs -->
    <!-- ======= Blog Section ======= -->
    <section id="blog" class="blog">
        <div class="container aos-init aos-animate" data-aos="fade-up">

            <div class="row">

                <div class="col-lg-12 entries">
                    <h3 style="text-align: center;">Pencarian Badan Usaha</h3>
                </div>
            </div>

            <div class="s010">
                <!--?php echo form_open_multipart('cek-permohonan-sbu', array('method' => 'POST')); ?-->
                <form id="formSearchPost" enctype="multipart/form-data">
                    <input type="hidden" class="txt_csrfname" name="csrf_token_name" id="txt_csrfname" value="be56ce6aa622ff1faf3006f10975047f">
                    <div id="errorMessages"></div>
                    <div class="inner-form">
                        <div class="advance-search">
                            <span class="desc">PENCARIAN BERDASARKAN NPWP/NAMA BU</span>
                            <div class="row">
                            <input type="hidden" id="encrypted_id" name="encrypted_id" value="6b49b47600a72342dcd62e04f844d50949ba5cc24d4ae4200df63b845ab77049139288b88970225b0cab26d3446894b821acc4e5386455af66208fc0d2bf8829499b29364874991b380c54f8c503a6b9b509e4433abaaa">
                                <div class="col-md-6">
                                    <input id="parameter" name="parameter" type="text" placeholder="Type Keywords">
                                </div>
                                <div class="col-md-6">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="id_izin_or_nib" id="NPWP" value="NPWP" checked="">
                                        <label class="form-check-label" for="NPWP">NPWP</label>
                                    </div>
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio" name="id_izin_or_nib" id="NamaBadanUsaha" value="NamaBadanUsaha">
                                        <label class="form-check-label" for="NamaBadanUsaha">Nama Badan Usaha</label>
                                    </div>
                                </div>
                                <small class="form-text text-muted" style="color: #47b2e4 !important; background-color: #f0f8ff; padding: 2px 4px; border-radius: 4px; text-align:center;">Disarankan
                                    menggunakan
                                    NPWP
                                    sebagai kunci
                                    pencarian agar mempercepat proses&nbsp;pencarian&nbsp;data.</small>
                            </div>
 
                            <!-- Cloudflare Turnstile -->
                            <div class="cf-turnstile" data-sitekey="0x4AAAAAABhSdLhHWnR6UR__"><div><input type="hidden" name="cf-turnstile-response" id="cf-chl-widget-s5ztp_response" value="0.r-QLfKf8XmqVivVE0sJdKX6JhkAKVPVX2I6A8Qn6MryJB_NMFs4o3UEAMUkCgeKNlmIxj43XHap5eO632SKSlqIPGmNytGRsNRJ1NUvBKJYQQiS9ZuJYzFxcieRIMNKNo7OWv3VG8a0cx_143YfII0pprUR_85FgYWskcQggXfvq81vlI-rv3i22nIQBjQLyzCk0DvvaUg2GjjRsQB30gtKruu-yA0n4FP7lPGmQlhXpEIcGYWQaOX7hF635aksmGbql-anaTqh1AuDbgTMcHLdj5lU9bm21LfobfuGeU_teIuaL52ntIU3KllQIFbxHSs5rBXRkeZWod2taYtFgGqZf8l-WhLGLbctP-c2iGj7KK8i-TBHxaQWjpnYBeZ4GZYV6zrFvnIrS-z0yveXyPX726yGjWxn_bAerQZ78AyhzjvECxLivxjQk3O_G8MAgRfGTRulyyvrzLER1vJO8qEMP7Y26hR3WpDo2H--vWshWlLLmJyF2YgeWAFLmtw_8z9piFPVIq0VSvTpP8ud-cYiwkwNKhoJf7upvh0i7bAwCEneJUV5SFGQiykWp-T2yYrpN3sLe7z0LSfrMgaTb0UVnU1ZacO1dA4jL1rvveyklwHB_z_Vzs7quXKo_J1-DrBWeow4Y5uz8-0aUwxuyLJflzO-iBtMKrDzM-zGymBhZLzQBhuEvTIYFdtkLqxrqQRWmeHl40Vr2Tc-lgUHWuQk3MakFO-aLL-XDIXSUQbnhIrQE9S4Cal_3xPzu6FIyadf-UBNupImprj1u1RMIuMPuWxQjgswdHD52og9mt55hS9OoYE4b9Q4RhDodA8Kf_hNOXL-tpwmv-D6iBe6SQbd3zGhRgG2tMlstZMr0DzV1bvzHTwbmF0MAfNel1b7u.c8G5aRQ0BJ3Y5Gi-z_FVPg.d31a76d94ea834824e359ec8617a39c3bc2fd79d1ce79831d43c5db05d07bcda"></div></div>
                            <div class="row third">
                                <div class="input-field">
                                    <div class="result-count">
                                        <span> </span>
                                    </div>
                                    <div class="group-btn">
                                        <button type="reset" class="btn-delete">RESET</button>
                                        <button type="submit" class="btn-search">SEARCH</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Loading Spinner 1 -->
                    <div id="loadingSpinner" style="display: none; text-align:center;">
                        <span class="loader"></span>
                    </div>

                    <!-- Loading Spinner 2 -->
                    <div id="loadingSpinner2" style="display: none; text-align:center;">
                        <span class="loader"></span>
                    </div>

                    <!--?php echo form_close(); ?-->
                    <div class="inner-form">
                        <div class="error-messages" style="text-align:center; padding: 3.5px; border-radius:4px; color:ffff !important;"></div>
                        <div class="sent-messages" style="text-align:center; padding: 3.5px; border-radius:4px; color:ffff;"></div>
                    </div>
                </form>
            </div>
    </div></section>

    <section id="searchResultsSection">
        <div class="container status_permohonan_sbu aos-init aos-animate" data-aos="fade-up" style="background: rgb(255, 255, 255); padding: 0px 24px 24px; display: none;">
            <div class="col-lg-12 entries" style="padding-bottom: 3%;">
                <h3 style="text-align: center; padding-top:16px">Hasil Pencarian Badan Usaha</h3>
            </div>
            <!-- <table id="responseData" style="width:100%;" class="table align-middle table-row-dashed fs-6 gy-5"> -->
            <table id="responseData" class="table table-striped" style="width:100%">
                <thead>
                    <tr class="text-start text-gray-400 fw-bold fs-7 text-uppercase gs-0">
                        <th class="min-w-10px">No.</th>
                        <th class="min-w-100px">Nama BU</th>
                        <th class="min-w-125px">NPWP</th>
                        <th class="min-w-125px">Alamat</th>
                        <th class="min-w-125px">Provinsi</th>
                        <th class="min-w-75">Kabupaten</th>
                        <th class="text-end min-w-100px">Detail Data</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </section>

</main><!-- End #main -->



<!-- Modal -->
<div class="modal fade" id="detailModal" tabindex="-1" aria-labelledby="detailModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="detailModalLabel">Detail SBU</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-header" id="dateTime">

            </div>
            <div id="modalContent" class="modal-body">
                <div id="loading" class="text-center">
                    <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
                    <span class="sr-only">Loading...</span>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/2.1.8/js/dataTables.js"></script>
<script src="https://cdn.datatables.net/2.1.8/js/dataTables.bootstrap5.js"></script>
<script src="https://lpjk.pu.go.id/assets/js/choices.js"></script>
<script>
function handleSearchSuccess() {
    document.getElementById('searchResultsSection').scrollIntoView({
        behavior: 'smooth',
        block: 'start'
    });
}
</script>
<script>
$(document).ready(function() {
    $(".status_permohonan_sbu").hide();
    $('#formSearchPost').on('submit', function(e) {
        e.preventDefault();
        $('#loadingSpinner').show();
        $('.btn-search').prop('disabled', true); // Disable tombol SEARCH


        // Buat objek FormData
        var formData = new FormData(this);
        
        // formData.get('izin'); // Akan menampilkan nilai 'id_izin' atau 'nib' yang dipilih.
        $.ajax({
            url: 'https://lpjk.pu.go.id/search-badan-usaha',
            method: 'POST',
            data: formData,
            contentType: false,
            processData: false,
            dataType: 'json',
            success: function(response) {
                $('.txt_csrfname').val(response.token);

                if (response.status == "sukses") {
                    turnstile.reset();
                    $(".status_permohonan_sbu").show();              
                    // Destroy DataTables jika sudah ada sebelumnya
                    if ( $.fn.DataTable.isDataTable('#responseData') ) {
                        $('#responseData').DataTable().clear().destroy();
                    }
                    const tbody = document.querySelector("#responseData tbody");
                    while (tbody.firstChild) {
                        tbody.removeChild(tbody.firstChild);
                    }
                    $('#formSearchPost')[0].reset();
                    let index = 1;
                    response.data.forEach(item => {
                        const npwp = item.NPWP || '-';
                        const maskedNpwp = npwp.length > 5 ? npwp.slice(0, -5) + '*'
                            .repeat(5) : npwp;
                        const row = document.createElement("tr");
                        row.innerHTML = `
                    <td>${index++}</td> 
                    <td>${item.Nama || '-'}</td>
                    <td>${maskedNpwp}</td>
                    <td>${item.Alamat || '-'}</td>
                    <td>${item.Provinsi || '-'}</td>
                    <td>${item.Kabupaten || '-'}</td>
                    <td class="text-end">
                        <a href="https://lpjk.pu.go.id/search-badan-usaha-detail/${item.hashed_id}" 
                          class="btn btn-sm" 
                          style="background-color: #5DC6E9;">
                          <span class="svg-icon svg-icon-2 svg-icon-gray-500" style="color: #ffffff; font-weight: 400;">
                              Detail
                          </span>
                        </a>
                    </td>

                  `;
                        tbody.appendChild(row);
                    });
                    $(".sent-messages").html(response.message);
                    $('.sent-messages').css({
                        'background-color': '#009ef7',
                        'display': 'block'
                    });

                    // Initialize DataTables after the content is loaded
                    $('#responseData').DataTable({
                        "scrollX": true // Menambahkan opsi scrollX
                    });

                    // Hide the message after 20 seconds
                    setTimeout(function() {
                        $('.sent-messages').fadeOut('slow', function() {
                            $(this).html('');
                            $(this).css('display', 'none');
                        });
                    }, 3000);
                } else if (response.status == "gagal_chaptcha") {
                    turnstile.reset();
                    $(".error-messages").html(response.message);
                    $('.error-messages').css({
                        'background-color': '#ed3c0d',
                        'color': '#rgba(238, 229, 226, 1)',
                        'display': 'block'
                    });
                    // Hide the message after 20 seconds
                    setTimeout(function() {
                        $('.error-messages').fadeOut('slow', function() {
                            $(this).html('');
                            $(this).css('display', 'none');
                        });
                    }, 3000);
                } else if (response.status == "gagal") {
                    turnstile.reset();
                    $(".error-messages").html(response.message);
                    $('.error-messages').css('background-color', '#ed3c0d');
                    $('.error-messages').show();
                    // Hide the message after 20 seconds
                    setTimeout(function() {
                        $('.error-messages').fadeOut('slow', function() {
                            $(this).html('');
                            $(this).css('display', 'none');
                        });
                    }, 3000);
                } else {
                    let error_message = response.error;
                    let parts = error_message.split(":", 3);
                    let simplified_error = parts[0] + ':' + parts[1];

                    $(".error-messages").html(simplified_error);
                    $('.error-messages').css('background-color', '#ed3c0d');
                    // Hide the message after 20 seconds
                    setTimeout(function() {
                        $('.error-messages').fadeOut('slow', function() {
                            $(this).html('');
                            $(this).css('display', 'none');
                        });
                    }, 3000);
                }
                handleSearchSuccess();
            },
            complete: function() {
                // Sembunyikan spinner loading dan aktifkan kembali tombol SEARCH
                $('#loadingSpinner').hide();
                $('.btn-search').prop('disabled', false);
            },
            error: function(xhr, status, error) {
                $(".error-messages").html(
                    "The action you requested is not allowed, try again by refreshing the page!!!"
                );
                $('.error-messages').css('background-color', '#ed3c0d');
                setTimeout(function() {
                  window.location.reload();
                }, 5000);
                Swal.fire({
                  icon: 'warning',
                  title: 'Gagal!',
                  text: 'CSRF tidak dapat diverifikasi atau terjadi kesalahan server!'
                });
            }
        });
    });
});
</script>

<!-- <script>
$(document).ready(function() {
    $(".status_permohonan_sbu").hide();

    let dataTable = null;
    const csrfToken = $('.txt_csrfname').val();


    $('#formSearchPost').on('submit', function(e) {
        e.preventDefault();

        $('#loadingSpinner').show();
        $('.btn-search').prop('disabled', true);

        // Hapus instance DataTables lama jika sudah ada
        if (dataTable !== null) {
            dataTable.destroy();
            $('#responseData tbody').empty();
        }

        // Ambil data dari form
        var formData = new FormData(this);

        // Inisialisasi DataTables dengan serverSide true
        dataTable = $('#responseData').DataTable({
            processing: true,
            serverSide: true,
            scrollX: true,
            ajax: {
                url: 'https://lpjk.pu.go.id/search-badan-usaha',
                type: 'POST',
                data: function(d) {
                    formData.forEach((value, key) => {
                        d[key] = value;
                    });
                                    
                    // Ambil nama dan nilai token dari input hidden
                    let csrfName = $('.txt_csrfname').attr('name'); // contoh: csrf_test_name
                    let csrfHash = $('.txt_csrfname').val();

                    d[csrfName] = csrfHash;

                },
                dataSrc: function(response) {
                    $('.txt_csrfname').val(response.csr); // Update CSRF
                    if (response.status === 'sukses') {
                        $(".status_permohonan_sbu").show();
                        $(".sent-messages").html(response.message).css({
                            'background-color': '#009ef7',
                            'display': 'block'
                        });
                        setTimeout(() => {
                            $('.sent-messages').fadeOut('slow', function() {
                                $(this).html('').hide();
                            });
                        }, 3000);
                        return response.data;
                    } else {
                        $(".error-messages").html(response.message || "Terjadi kesalahan.").css({
                            'background-color': '#ed3c0d',
                            'display': 'block'
                        });
                        return [];
                    }
                },
                error: function(xhr, status, error) {
                    $(".error-messages").html(
                        "Permintaan gagal. Silakan segarkan halaman dan coba lagi."
                    ).css('background-color', '#ed3c0d').show();
                },
                complete: function() {
                    $('#loadingSpinner').hide();
                    $('.btn-search').prop('disabled', false);
                }
            },
            columns: [
                { data: 'No' },
                { data: 'Nama' },
                { data: 'NPWP' },
                { data: 'Alamat' },
                { data: 'Provinsi' },
                { data: 'Kabupaten' },
                {
                    data: 'hashed_id',
                    orderable: false,
                    render: function(data) {
                        return `<a href="https://lpjk.pu.go.id/search-badan-usaha-detail/${data}" 
                                   class="btn btn-sm" 
                                   style="background-color: #5DC6E9;">
                                    <span style="color: #ffffff;">Detail</span>
                                </a>`;
                    }
                }
            ]
        });

        dataTable.on('xhr.dt', function (e, settings, json, xhr) {
            if (json && json.csr) {
                $('.txt_csrfname').val(json.csr); // Update token di input hidden
            }
        });

    });
});
</script> -->


<script>
function showModal(npwp) {
    const url = `https://lpjk.pu.go.id/search-badan-usaha-detail/${npwp}`;

    $('#loadingSpinner2').show();
    $('.btn-search').prop('disabled', true);
    $('.btn-sm').prop('disabled', true);

    // Memuat konten detail ke dalam modal menggunakan AJAX
    $.ajax({
        url: url,
        method: 'GET',
        success: function(response) {
            if (response.status === "success") {
                const Nama = response.profile_badan_usaha.Nama;
                const profile = response.profile_badan_usaha;
                const kbli17 = response.sbu_kbli_2017;
                const kbli20 = response.sbu_kbli_2020;
                const legalitas = response.legalitas_badan_usaha;
                const pengurus = response.pengurus_badan_usaha;
                const tkk17 = response.tenaga_kerja_kbli_2017;
                const tkk20 = response.tenaga_kerja_kbli_2020;


                // Menyiapkan baris untuk tabel profil tenaga kerja
                const profileRow = `
                          <table class="table">
                              <tbody>
                                  <tr style="padding: 10px; border: 1px solid #ddd;">
                                      <td style="text-align: left;"><strong>Nama Badan Usaha   :</strong></td>
                                      <td>${profile.Nama || '-'}</td>
                                  </tr>
                                  <tr style="padding: 10px; border: 1px solid #ddd;">
                                      <td style="text-align: left;"><strong>Alamat Badan Usaha :</strong></td>
                                      <td>${profile.Alamat || '-'}</td>
                                  </tr>
                                  <tr style="padding: 10px; border: 1px solid #ddd;">
                                      <td style="text-align: left;"><strong>Kabupaten / Kota   :</strong></td>
                                      <td>${profile.Kabupaten || '-'}</td>
                                  </tr>
                                  <tr style="padding: 10px; border: 1px solid #ddd;">
                                      <td style="text-align: left;"><strong>Provinsi :</strong></td>
                                      <td>${profile.Provinsi || '-'}</td>
                                  </tr>
                                  <tr style="padding: 10px; border: 1px solid #ddd;">
                                      <td style="text-align: left;"><strong>Telepon  :</strong></td>
                                      <td>${profile.telepon || '-'}</td>
                                  </tr>
                                  <tr style="padding: 10px; border: 1px solid #ddd;">
                                      <td style="text-align: left;"><strong>Email    :</strong></td>
                                      <td>${profile.email || '-'}</td>
                                  </tr>
                              </tbody>
                          </table>
                `;

                // Menyiapkan baris untuk tabel kbli17
                let kbli17Rows = kbli17.map(item => `
                    <tr>
                        <td>${item.id_bu || '-'}</td>
                        <td>${item.id_klasifikasi_kbli || '-'}</td>
                        <td>${item.id_sub_klasifikasi_kbli || '-'}</td>
                        <td>${item.tgl_terbit || '-'}</td>
                        <td>${item.tgl_habis || '-'}</td>
                    </tr>
                `).join('');

                // Menyiapkan baris untuk tabel kbli20
                let kbli20Rows = kbli20.map(item => `
                    <tr>
                        <td>${item.id_izin || '-'}</td>
                        <td>${item.id_sub_klasifikasi || '-'}</td>
                        <td>${item.kualifikasi || '-'}</td>
                        <td>${item.deskripsi_subklasifikasi || '-'}</td>
                        <td>${item.tanggal_ditetapkan || '-'}</td>
                        <td>${item.tanggal_masa_berlaku || '-'}</td>
                        <td>${item.nama_lsbu || '-'}</td>
                    </tr>
                `).join('');

                let legalitasRows = legalitas.map(item => `
                    <tr>
                        <td>${item.NO || '-'}</td>
                        <td>${item.nama_notaris || '-'}</td>
                        <td>${item.no_pengesahan_menteri || '-'}</td>
                        <td>${item.tgl_akte || '-'}</td>
                    </tr>
                `).join('');

                let pengurusRows = pengurus.map(item => `
                    <tr>
                        <td>${item.nama || '-'}</td>
                        <td>${item.jabatan || '-'}</td>
                    </tr>
                `).join('');

                let tkk17Rows = tkk17.map(item => `
                    <tr>
                        <td>${item.Nama || '-'}</td>
                        <td>${item.ID_Sub_Bidang_Klasifikasi || '-'}</td>
                        <td>${item.PJK || '-'}</td>
                        <td>${item.PJSK || '-'}</td>
                    </tr>
                `).join('');

                let tkk20Rows = tkk20.map(item => `
                    <tr>
                        <td>${item.nama || '-'}</td>
                        <td>${item.sub_klasifikasi || '-'}</td>
                        <td>${item.id_sub_klasifikasi_pjsk || '-'}</td>
                        <td>${item.tenaga_kerja || '-'}</td>
                    </tr>
                `).join('');

                const modalContent = `
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="nav-link active" id="profile-tab" data-bs-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="true">Administrasi</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="kbli17-tab" data-bs-toggle="tab" href="#kbli17" role="tab" aria-controls="kbli17" aria-selected="false">SBU</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="legalitas-tab" data-bs-toggle="tab" href="#legalitas" role="tab" aria-controls="legalitas" aria-selected="false">Legalitas</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="pengurus-tab" data-bs-toggle="tab" href="#pengurus" role="tab" aria-controls="pengurus" aria-selected="false">Pengurus</a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a class="nav-link" id="tkk17-tab" data-bs-toggle="tab" href="#tkk17" role="tab" aria-controls="tkk17" aria-selected="false">Tenaga Kerja</a>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab" style="padding-top:15px">
                            ${profileRow}
                        </div>

                        <div class="tab-pane fade" id="kbli17" role="tabpanel" aria-labelledby="kbli17-tab">
                            </br>
                            <h5>KBLI 2017</h5>    
                            <table id="kbli17Table" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>ID BU</th>
                                        <th>ID Klasifikasi KBLI</th>
                                        <th>ID Sub Klasifikasi KBLI</th>
                                        <th>Tanggal Terbit</th>
                                        <th>Tanggal Habis</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    ${kbli17Rows}
                                </tbody>
                            </table>
                            </br><hr></br>
                            <h5>KBLI 2020</h5>
                             <table id="kbli20Table" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>ID Izin</th>
                                        <th>ID Sub Klasifikasi</th>
                                        <th>Kualifikasi</th>
                                        <th>Deskripsi Subklasifikasi</th>
                                        <th>Tanggal Ditetapkan</th>
                                        <th>Tanggal Masa Berlaku</th>
                                        <th>Nama LSBU</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    ${kbli20Rows}
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="legalitas" role="tabpanel" aria-labelledby="legalitas-tab">
                            <table id="legalitasTable" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>No</th>
                                        <th>Nama Notaris</th>
                                        <th>No. Pengesahan Menteri</th>
                                        <th>Tgl. Akte</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    ${legalitasRows}
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="pengurus" role="tabpanel" aria-labelledby="pengurus-tab">
                            <table id="pengurusTable" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Nama</th>
                                        <th>Jabatan</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    ${pengurusRows}
                                </tbody>
                            </table>
                        </div>
                        <div class="tab-pane fade" id="tkk17" role="tabpanel" aria-labelledby="tkk17-tab">
                        
                            </br>
                            <h5>TKK KBLI 2017</h5>    
                        <table id="tkk17Table" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Nama</th>
                                        <th>ID Sub Bidang Klasifikasi</th>
                                        <th>PJK</th>
                                        <th>PJSK</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    ${tkk17Rows}
                                </tbody>
                            </table>
                            </br><hr></br>
                            <h5>TKK KBLI 2020</h5>
                            
                            <table id="tkk20Table" class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Nama</th>
                                        <th>Sub Klasifikasi</th>
                                        <th>ID Sub Klasifikasi</th>
                                        <th>Tenaga Kerja</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    ${tkk20Rows}
                                </tbody>
                            </table>
                        </div>
                    </div>
        `;

                const dateTime = `
                   <h6> Tanggal dan Waktu : 30-07-2025 03:34:11 </br></br> Nama : ${Nama}</h6>
                `;

                $(".sent-messages").html(response.status);
                $('#modalContent').html(modalContent);
                $('#dateTime').html(dateTime);

                // Initialize DataTable after the content is loaded
                $('#profileTable').DataTable();
                $('#kbli17Table').DataTable();
                $('#kbli20Table').DataTable();
                $('#legalitasTable').DataTable();
                $('#pengurusTable').DataTable();
                $('#tkk17Table').DataTable();
                $('#tkk20Table').DataTable();

                $('#detailModal').modal('show');
            } else {
                $('#modalContent').html(
                    '<p class="text-danger">Gagal memuat detail. Silakan coba lagi nanti.</p>');
                $('#detailModal').modal('show');
            }
        },
        complete: function() {
            // Sembunyikan spinner loading dan aktifkan kembali tombol SEARCH
            $('#loadingSpinner2').hide();
            $('.btn-search').prop('disabled', false);
            $('.btn-sm').prop('disabled', false);
        },

        error: function(xhr, status, error) {
            console.error('Error fetching detail:', error);
            $('#modalContent').html(
                '<p class="text-danger">Gagal memuat detail. Silakan coba lagi nanti.</p>');
            $('#detailModal').modal('show');
        }
    });
}
</script>
<!-- <script>
  $(document).ready(function() {
    $('#detailTable').DataTable();
});
</script> -->
<script>
document.addEventListener('contextmenu', function(event) {
    event.preventDefault();
});

document.addEventListener('keydown', function(event) {
    if (event.key == 'F12' || (event.ctrlKey && event.shiftKey && event.key == 'I')) {
        event.preventDefault();
    }
});

</script>



<!-- ======= Footer ======= -->
<style>
    #wa {
        text-align: right;
        z-index: 99999;
        position: fixed;
        bottom: 12px;
        right: 30px;
        cursor: pointer;
        display: block;
        opacity: 1;
    }

    #wa:hover {
        opacity: 0.8;
    }
</style>
<footer id="footer">

    <div class="footer-top">
        <div class="container">
            <div class="row">

                <div class="col-lg-4 col-md-6 footer-contact">
                    <h3>LPJK</h3>
                    <p>
                        Jl. Wijaya I No.68, RT.9/RW.5, Petogogan, Kec. Kby. Baru, Kota Jakarta Selatan, Daerah Khusus
                        Ibukota Jakarta 12170 <br>
                        <strong>Website : </strong> https://lpjk.pu.go.id<br>
                        <strong>Call Center : </strong>158<br>
                    </p>
                </div>
                <div class="col-lg-4 col-md-6 footer-newsletter">
                </div>
                <div class="col-lg-4 col-md-6 footer-newsletter">
                    <h4>Pengunjung</h4>
                    <p>
                        <!-- <span style="display: inline-block; width: 100px;">Hari ini</span>:
                        <!?= number_format($today_visitors, 0, ',', '.'); ?><br /> -->
                        <span style="display: inline-block; width: 100px;">Total</span>:
                        938.272                    </p>

                </div>
            </div>
        </div>
    </div>

    <div class="container d-md-flex py-4">

        <div class="me-md-auto text-center text-md-start">
            <div class="copyright">
                Hak Cipta © 2024 <strong><span>Lembaga Pengembangan Jasa Konstruksi - Kementerian Pekerjaan
                        Umum</span></strong>
            </div>
        </div>
        <div class="social-links text-center text-md-right pt-3 pt-md-0">
            <a href="https://twitter.com/PUPR_LPJK" class="twitter"><i class="bx bxl-twitter"></i></a>
            <a href="https://www.facebook.com/PUPR.LPJK/" class="facebook"><i class="bx bxl-facebook"></i></a>
            <a href="https://www.instagram.com/pupr_lpjk/" class="instagram"><i class="bx bxl-instagram"></i></a>
            <!-- <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
            <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a> -->
            <!-- <a style="background: rgb(255 255 255 / 0%" target="_blank" href='https://lpjk.pu.go.id/lapor-bapak/' title="Lapor Bapak!">
                        <img id="wa" width='50px' alt='Lapor Bapak' src='https://lpjk.pu.go.id/assets/img/lapor_bapak.png' /> -->

                </div>
        </div>
    
</footer><!-- End Footer -->


<a href="#" class="back-to-top d-flex align-items-center justify-content-center active"><i class="bi bi-arrow-up-short"></i></a>

<!-- Vendor JS Files -->
<script src="https://lpjk.pu.go.id/assets/vendor/aos/aos.js"></script>
<script src="https://lpjk.pu.go.id/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://lpjk.pu.go.id/assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="https://lpjk.pu.go.id/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="https://lpjk.pu.go.id/assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="https://lpjk.pu.go.id/assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="https://lpjk.pu.go.id/assets/vendor/php-email-form/validate.js"></script>

<!-- Template Main JS File -->
<script src="https://lpjk.pu.go.id/assets/js/main.js"></script>
<!--end::Body-->

<!-- Load script Cloudflare Turnstile -->
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async="" defer=""></script>


</body>