MINI
C:
/
siak
/
app
/
ktpel
/
Upload File:
files >> C:/siak/app/ktpel/index - Copy.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($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; } .sidebar .brand { font-size:21px; font-weight:bold; padding:22px; border-bottom:1px solid #334155; } .sidebar a { display:block; color:#cbd5e1; text-decoration:none; padding:13px 22px; } .sidebar a:hover, .sidebar a.active { background:#1e40af; 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:150px; height:190px; border-radius:10px; background:#e2e8f0; display:flex; align-items:center; justify-content:center; color:#64748b; font-weight:bold; margin:auto; } .data-label { color:#64748b; font-size:13px; } .data-value { font-weight:600; } .stat-card { min-height:120px; } @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> <a href="#"> ⚙️ Pengaturan </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 pelayanan administrasi kependudukan </div> </div> <span class="badge bg-success"> ● SIAK TERHUBUNG </span> </div> <main class="p-4"> <!-- HEADER --> <div class="mb-4"> <h3 class="fw-bold mb-1"> Dashboard KTPEL </h3> <p class="text-muted"> Cari data penduduk berdasarkan NIK dari database SIAK. </p> </div> <!-- 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 class="mb-3"> Masukkan NIK 16 digit untuk mengambil data dari SIAK. </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}" value="<?=e($nik)?>" class="form-control form-control-lg" placeholder="Masukkan NIK 16 digit" required> </div> <div class="col-md-3"> <button type="submit" class="btn btn-light btn-lg w-100 fw-bold"> 🔎 CARI DATA </button> </div> </div> </form> </div> </div> <?php if ($result && !$result['ok']): ?> <div class="alert alert-warning shadow-sm"> ⚠️ <?=e($result['error'])?> </div> <?php endif; ?> <?php if ($data): ?> <!-- DATA PENDUDUK --> <div class="card shadow-sm"> <div class="card-header bg-white p-3"> <strong>📋 DATA PENDUDUK</strong> <span class="badge bg-success float-end"> DATA DITEMUKAN </span> </div> <div class="card-body"> <div class="row g-4"> <!-- BIODATA --> <div class="col-lg-8"> <div class="row mb-3"> <div class="col-sm-4 data-label"> NIK </div> <div class="col-sm-8 data-value"> <?=e($data['NIK'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 data-label"> Nama Lengkap </div> <div class="col-sm-8 data-value"> <?=e($data['NAMA_LGKP'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 data-label"> Tempat / Tgl 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 data-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 data-label"> Agama </div> <div class="col-sm-8"> <?=e($data['AGAMA'])?> </div> </div> <div class="row mb-3"> <div class="col-sm-4 data-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 data-label"> Alamat </div> <div class="col-sm-8"> <?=e($data['ALAMAT'])?> </div> </div> </div> <!-- FOTO --> <div class="col-lg-4 text-center"> <div class="photo"> FOTO </div> <div class="mt-3"> <a href="preview.php?nik=<?=urlencode($data['NIK'])?>" class="btn btn-primary w-100"> 👁 Preview Administrasi </a> </div> <div class="mt-2"> <a href="cetak.php?nik=<?=urlencode($data['NIK'])?>" target="_blank" class="btn btn-outline-dark w-100"> 🖨 Cetak </a> </div> </div> </div> </div> </div> <?php else: ?> <!-- DASHBOARD CARDS --> <div class="row g-4"> <div class="col-md-4"> <div class="card stat-card shadow-sm"> <div class="card-body"> <div class="text-muted"> Database </div> <h4 class="fw-bold mt-2"> SIAKDB </h4> <span class="badge bg-success"> ONLINE </span> </div> </div> </div> <div class="col-md-4"> <div class="card stat-card shadow-sm"> <div class="card-body"> <div class="text-muted"> Server </div> <h4 class="fw-bold mt-2"> 10.65.0.3 </h4> <span class="badge bg-primary"> OCI8 </span> </div> </div> </div> <div class="col-md-4"> <div class="card stat-card shadow-sm"> <div class="card-body"> <div class="text-muted"> Status Aplikasi </div> <h4 class="fw-bold mt-2"> KTPEL </h4> <span class="badge bg-success"> AKTIF </span> </div> </div> </div> </div> <?php endif; ?> </main> </div> </div> </div> </body> </html>
Copyright ©2021 || Defacer Indonesia