MINI
C:
/
siak
/
app
/
ktpel
/
Upload File:
files >> C:/siak/app/ktpel/index - Copy (2).php
<?php require_once __DIR__ . '/app/person.php'; $nik = isset($_GET['nik']) ? trim($_GET['nik']) : ''; $result = null; if ($nik !== '') { $result = find_person($nik); } function e($value) { return htmlspecialchars( isset($value) ? $value : '', ENT_QUOTES, 'UTF-8' ); } $data = null; if ($result && $result['ok']) { $data = $result['data']; } ?> <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KTPEL - Administrasi Cetak KTP-el</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"> <style> body { background:#f1f5f9; font-family:Arial,sans-serif; } .sidebar { min-height:100vh; background:#0f172a; color:white; } .brand { padding:22px; font-size:21px; font-weight:bold; border-bottom:1px solid #334155; } .sidebar a { display:block; padding:13px 22px; color:#cbd5e1; text-decoration:none; } .sidebar a:hover, .sidebar a.active { background:#1d4ed8; color:white; } .topbar { background:white; padding:16px 25px; box-shadow:0 2px 8px rgba(0,0,0,.08); } .card { border:0; border-radius:14px; } .search-box { background:linear-gradient( 135deg, #1d4ed8, #2563eb ); color:white; } .photo { width:160px; height:200px; margin:auto; background:#e2e8f0; display:flex; align-items:center; justify-content:center; border-radius:10px; color:#64748b; font-weight:bold; } .label { color:#64748b; font-size:13px; } .value { font-weight:600; } .section-title { font-weight:bold; font-size:17px; border-bottom:1px solid #e2e8f0; padding-bottom:10px; margin-bottom:20px; } @media(max-width:767px) { .sidebar { min-height:auto; } .sidebar a { display:inline-block; padding:10px; } } </style> </head> <body> <div class="container-fluid"> <div class="row"> <!-- SIDEBAR --> <div class="col-lg-2 col-md-3 sidebar p-0"> <div class="brand"> 🪪 KTPEL <div style=" font-size:12px; color:#94a3b8; "> Administrasi KTP-el </div> </div> <a href="index.php" class="active"> 🏠 Dashboard </a> <a href="index.php"> 🔎 Cari Penduduk </a> <a href="#"> 🖨️ Cetak KTP-el </a> <a href="#"> 📊 Statistik </a> </div> <!-- CONTENT --> <div class="col-lg-10 col-md-9 p-0"> <div class="topbar d-flex justify-content-between align-items-center"> <div> <strong> Administrasi Cetak KTP-el </strong> <div class="text-muted small"> Sistem Administrasi Kependudukan </div> </div> <span class="badge bg-success"> ● SIAK ONLINE </span> </div> <main class="p-4"> <h3 class="fw-bold"> Dashboard KTPEL </h3> <p class="text-muted"> Pencarian dan administrasi pencetakan KTP-el. </p> <!-- SEARCH --> <div class="card search-box shadow-sm mb-4"> <div class="card-body p-4"> <h5 class="fw-bold"> 🔎 Cari Data Penduduk </h5> <p> Masukkan NIK 16 digit. </p> <form method="get"> <div class="row g-2"> <div class="col-md-9"> <input type="text" name="nik" maxlength="16" pattern="[0-9]{16}" class="form-control form-control-lg" value="<?=e($nik)?>" placeholder="NIK 16 digit" required> </div> <div class="col-md-3"> <button type="submit" class="btn btn-light btn-lg w-100 fw-bold"> 🔎 CARI </button> </div> </div> </form> </div> </div> <?php if ($result && !$result['ok']): ?> <div class="alert alert-warning"> ⚠️ <?=e($result['error'])?> </div> <?php endif; ?> <?php if ($data): ?> <!-- DATA UTAMA --> <div class="card shadow-sm mb-4"> <div class="card-header bg-white"> <strong> 👤 DATA INDIVIDU </strong> <span class="badge bg-success float-end"> DITEMUKAN </span> </div> <div class="card-body"> <div class="row g-4"> <!-- DATA --> <div class="col-lg-8"> <div class="section-title"> Biodata Penduduk </div> <div class="row mb-3"> <div class="col-sm-4 label"> NIK </div> <div class="col-sm-8 value"> <?=e($data['NIK'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> No. KK </div> <div class="col-sm-8 value"> <?=e($data['NO_KK'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Nama Lengkap </div> <div class="col-sm-8 value"> <?=e($data['NAMA_LGKP'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Tempat / Tanggal Lahir </div> <div class="col-sm-8"> <?=e($data['TMPT_LHR'])?> / <?=e($data['TGL_LHR'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Jenis Kelamin </div> <div class="col-sm-8"> <?=e($data['JENIS_KLMIN'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Golongan Darah </div> <div class="col-sm-8"> <?=e($data['GOL_DRH'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Agama </div> <div class="col-sm-8"> <?=e($data['AGAMA'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Status Perkawinan </div> <div class="col-sm-8"> <?=e($data['STAT_KWN'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Pendidikan </div> <div class="col-sm-8"> <?=e($data['PDDK_AKH'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Pekerjaan </div> <div class="col-sm-8"> <?=e($data['JENIS_PKRJN'])?> </div> </div> </div> <!-- FOTO --> <div class="col-lg-4 text-center"> <div class="photo"> FOTO </div> <div class="mt-3"> <span class="badge bg-secondary"> Foto SIAK </span> </div> </div> </div> </div> </div> <!-- ALAMAT --> <div class="card shadow-sm mb-4"> <div class="card-body"> <div class="section-title"> 🏠 DATA ALAMAT / KELUARGA </div> <div class="row"> <div class="col-md-8"> <div class="row mb-3"> <div class="col-sm-4 label"> Kepala Keluarga </div> <div class="col-sm-8 value"> <?=e($data['NAMA_KEP'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> NIK Kepala Keluarga </div> <div class="col-sm-8"> <?=e($data['NIK_KK'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Alamat </div> <div class="col-sm-8 value"> <?=e($data['ALAMAT'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> RT / RW </div> <div class="col-sm-8"> <?=e($data['NO_RT'])?> / <?=e($data['NO_RW'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Dusun </div> <div class="col-sm-8"> <?=e($data['DUSUN'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Kode Pos </div> <div class="col-sm-8"> <?=e($data['KODE_POS'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 label"> Telepon </div> <div class="col-sm-8"> <?=e($data['TELP'])?> </div> </div> </div> </div> </div> </div> <!-- STATUS KTP --> <div class="card shadow-sm mb-4"> <div class="card-body"> <div class="section-title"> 🪪 STATUS KTP-el </div> <div class="row"> <div class="col-md-6"> <div class="row mb-3"> <div class="col-6 label"> No. KTP </div> <div class="col-6 value"> <?=e($data['NO_KTP'])?> </div> </div> <div class="row mb-3"> <div class="col-6 label"> Status KTP </div> <div class="col-6"> <?=e($data['STAT_KTP'])?> </div> </div> <div class="row mb-3"> <div class="col-6 label"> Status e-KTP </div> <div class="col-6"> <span class="badge bg-success"> <?=e( $data['EKTP_CURRENT_STATUS_CODE'] )?> </span> </div> </div> </div> <div class="col-md-6"> <div class="row mb-3"> <div class="col-6 label"> Cetak KTP </div> <div class="col-6"> <?=e($data['TGL_CETAK_KTP'])?> </div> </div> <div class="row mb-3"> <div class="col-6 label"> Ganti KTP </div> <div class="col-6"> <?=e($data['TGL_GANTI_KTP'])?> </div> </div> <div class="row mb-3"> <div class="col-6 label"> Perpanjang </div> <div class="col-6"> <?=e($data['TGL_PJG_KTP'])?> </div> </div> </div> </div> <hr> <div class="text-end"> <a href="preview.php?nik=<?=urlencode($data['NIK'])?>" class="btn btn-primary"> 👁 PREVIEW </a> <a href="cetak.php?nik=<?=urlencode($data['NIK'])?>" target="_blank" class="btn btn-dark"> 🖨 CETAK </a> </div> </div> </div> <?php endif; ?> </main> </div> </div> </div> </body> </html>
Copyright ©2021 || Defacer Indonesia