{"id":266,"date":"2026-03-14T15:11:38","date_gmt":"2026-03-14T15:11:38","guid":{"rendered":"https:\/\/advokatbersamagaruda.com\/lbh\/?page_id=266"},"modified":"2026-03-14T15:16:23","modified_gmt":"2026-03-14T15:16:23","slug":"p","status":"publish","type":"page","link":"https:\/\/advokatbersamagaruda.com\/lbh\/p\/","title":{"rendered":"P"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"266\" class=\"elementor elementor-266\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3460fa e-flex e-con-boxed e-con e-parent\" data-id=\"e3460fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dda4d51 elementor-widget elementor-widget-html\" data-id=\"dda4d51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Status Perkara LBH ABG<\/title>\r\n<style>\r\nbody {\r\n    font-family: Arial, sans-serif;\r\n    background-color: #f5f5f5;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n.container {\r\n    max-width: 500px;\r\n    margin: 50px auto;\r\n    background: #fff;\r\n    border-radius: 10px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n    padding: 20px;\r\n}\r\nh2 {\r\n    text-align: center;\r\n    color: #333;\r\n}\r\nlabel {\r\n    display: block;\r\n    margin-top: 10px;\r\n    font-weight: bold;\r\n}\r\ninput {\r\n    width: 100%;\r\n    padding: 8px;\r\n    margin-top: 5px;\r\n    border-radius: 5px;\r\n    border: 1px solid #ccc;\r\n    box-sizing: border-box;\r\n}\r\nbutton {\r\n    margin-top: 15px;\r\n    padding: 10px;\r\n    width: 100%;\r\n    background-color: #007bff;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\nbutton:hover {\r\n    background-color: #0056b3;\r\n}\r\n.card {\r\n    background: #e9ecef;\r\n    border-radius: 5px;\r\n    padding: 15px;\r\n    margin-top: 15px;\r\n}\r\n.status {\r\n    font-weight: bold;\r\n    color: #007bff;\r\n    text-decoration: underline;\r\n    cursor: pointer;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n    <h2>Status Perkara LBH ABG<\/h2>\r\n\r\n    <div id=\"loginSection\">\r\n        <label>Masukkan Nomor Surat Kuasa:<\/label>\r\n        <input type=\"text\" id=\"noSurat\" placeholder=\"Contoh: SK-001\/2026\">\r\n        <button onclick=\"cekSurat()\">Lihat Perkara<\/button>\r\n        <p id=\"errorMsg\" style=\"color:red; display:none;\">Nomor Surat Kuasa tidak valid!<\/p>\r\n    <\/div>\r\n\r\n    <div id=\"perkaraSection\" style=\"display:none;\">\r\n        <h3>Informasi Perkara<\/h3>\r\n        <div class=\"card\" id=\"perkaraCard\">\r\n            <!-- Data perkara akan muncul di sini -->\r\n        <\/div>\r\n\r\n        <h4>Alur Layanan Bantuan Hukum<\/h4>\r\n        <p>\ud83d\udde8\ufe0f Konsultasi Hukum \u279c \ud83d\udcd1 Analisis Kasus \u279c \u270d\ufe0f Pembuatan Surat Kuasa \u279c \ud83d\udcdc Rumusan Hukum \u279c \ud83e\udd1d Pendampingan \u279c \u2705 Penyelesaian Kasus<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Generate daftar nomor surat kuasa 1-100\r\nconst suratKuasaValid = [];\r\nfor (let i = 1; i <= 100; i++) {\r\n    let nomor = i.toString().padStart(3, '0');\r\n    suratKuasaValid.push(`SK-${nomor}\/2026`);\r\n}\r\n\r\n\/\/ Contoh data perkara dummy\r\nconst dataPerkara = {};\r\nsuratKuasaValid.forEach((no, idx) => {\r\n    dataPerkara[no] = {\r\n        nama: `Klien ${idx+1}`,\r\n        jenis: idx % 2 === 0 ? \"Perdata\" : \"Pidana\",\r\n        pengacara: idx % 3 === 0 ? \"Ranu Hendani, S.H\" : (idx % 3 === 1 ? \"Agung Susilo, S.H\" : \"Ir. Ahmad Sarmadi, S.H., M.Si\"),\r\n        status: [\"Konsultasi\", \"Analisis Kasus\", \"Pembuatan Surat Kuasa\", \"Rumusan Hukum\", \"Pendampingan\", \"Penyelesaian Kasus\"][idx % 6],\r\n        tanggal: `0${(idx%28)+1} Mar 2026`,\r\n        catatan: \"Dalam proses\"\r\n    };\r\n});\r\n\r\n\/\/ Fungsi untuk mengarahkan klik status\r\nfunction statusClicked(status) {\r\n    alert(`Anda mengklik status: ${status}\\nDi sini bisa diarahkan ke halaman detail atau penjelasan tahap.`);\r\n    \/\/ Contoh: window.location.href = `status_detail.html?status=${status}`;\r\n}\r\n\r\nfunction cekSurat() {\r\n    const noSurat = document.getElementById(\"noSurat\").value.trim().toUpperCase();\r\n    if (suratKuasaValid.includes(noSurat)) {\r\n        document.getElementById(\"loginSection\").style.display = \"none\";\r\n        document.getElementById(\"perkaraSection\").style.display = \"block\";\r\n\r\n        const perkara = dataPerkara[noSurat];\r\n        document.getElementById(\"perkaraCard\").innerHTML = `\r\n            <p><strong>Nomor Surat Kuasa:<\/strong> ${noSurat}<\/p>\r\n            <p><strong>Nama Klien:<\/strong> ${perkara.nama}<\/p>\r\n            <p><strong>Jenis Perkara:<\/strong> ${perkara.jenis}<\/p>\r\n            <p><strong>Pengacara:<\/strong> ${perkara.pengacara}<\/p>\r\n            <p><strong>Status Saat Ini:<\/strong> \r\n               <span class=\"status\" onclick=\"statusClicked('${perkara.status}')\">${perkara.status}<\/span>\r\n            <\/p>\r\n            <p><strong>Tanggal Mulai:<\/strong> ${perkara.tanggal}<\/p>\r\n            <p><strong>Catatan:<\/strong> ${perkara.catatan}<\/p>\r\n        `;\r\n    } else {\r\n        document.getElementById(\"errorMsg\").style.display = \"block\";\r\n    }\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Status Perkara LBH ABG Status Perkara LBH ABG Masukkan Nomor Surat Kuasa: Lihat Perkara Nomor Surat Kuasa tidak valid! Informasi Perkara Alur Layanan Bantuan Hukum \ud83d\udde8\ufe0f Konsultasi Hukum \u279c \ud83d\udcd1 Analisis Kasus \u279c \u270d\ufe0f Pembuatan Surat Kuasa \u279c \ud83d\udcdc Rumusan Hukum \u279c \ud83e\udd1d Pendampingan \u279c \u2705 Penyelesaian Kasus<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/comments?post=266"}],"version-history":[{"count":6,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/266\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/266\/revisions\/272"}],"wp:attachment":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/media?parent=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}