From a98bdb4a896c3a49a9f249d44e72545ff0b6ab8c Mon Sep 17 00:00:00 2001
From: renaldybrada <renaldybrada@gmail.com>
Date: Fri, 6 Mar 2026 14:37:44 +0700
Subject: [PATCH] add laporan

---
 index.php | 56 +++++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 48 insertions(+), 8 deletions(-)

diff --git a/index.php b/index.php
index b75dd1c..442a7a3 100644
--- a/index.php
+++ b/index.php
@@ -2,12 +2,12 @@
 
 $riwayat = [
     [
-        "tanggal" => "28-01-2026 14:18:59",
+        "tanggal" => "28/1/2026, 2:27:04 PM",
         "operator" => "dr.SYAIFULLAH AMISRAGANI, Sp.OT",
         "status" => "Tervalidasi"
     ],
     [
-        "tanggal" => "28-01-2026 14:18:59",
+        "tanggal" => "29/1/2026, 10:13:29 AM",
         "operator" => "dr.PRADANA NURHADI,Sp.U",
         "status" => "Belum Validasi"
     ]
@@ -59,8 +59,10 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
 
                 <div class="col-md-4">
                     <label>DPJP Operator</label>
-                    <select class="form-select" name="dpjp_operator">
+                    <select class="form-select" name="dpjp_operator" id="dpjp_operator">
                         <option>dr.SYAIFULLAH AMISRAGANI, Sp.OT</option>
+                        <option>dr.AGUS, Sp.BO</option>
+                        <option>dr.Koernia Kusuma Wardhana, Sp.B-TKV</option>
                     </select>
                 </div>
 
@@ -82,6 +84,8 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
                     <label>DPJP Anastesi</label>
                     <select class="form-select" name="dpjp_anastesi">
                         <option>dr.FANNIYAH,Sp.An</option>
+                        <option>dr.DEWI ARUM SAWITRI, Sp.AN-TI</option>
+                        <option>dr.MUHAMAD AKBAR SIDIQ, Sp.AN-TI</option>
                     </select>
                 </div>
 
@@ -92,7 +96,7 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
 
                 <div class="col-md-4">
                     <label>Tanggal Pembedahan</label>
-                    <input type="date" class="form-control" name="tgl_bedah">
+                    <input type="date" class="form-control" name="tgl_bedah" id="tgl_bedah" required>
                 </div>
 
             </div>
@@ -515,8 +519,8 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
             <div class="col-md-12 offset-md-0 d-flex justify-content-end ">
                 <div class="row">
                     <div class="col-md-12">
-                        <button class="btn btn-secondary">RIWAYAT LAPORAN OPERASI</button>
-                        <button class="btn btn-primary">SIMPAN LAPORAN OPERASI</button>
+                        <button class="btn btn-secondary" type="submit">RIWAYAT LAPORAN OPERASI</button>
+                        <button class="btn btn-primary" id="btnSimpanLaporan">SIMPAN LAPORAN OPERASI</button>
                     </div>
                 </div>
             </div>
@@ -542,7 +546,7 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
                     </tr>
                 </thead>
 
-                <tbody>
+                <tbody id="tableRiwayatOperasiBody">
 
                     <?php foreach ($riwayat as $i => $r): ?>
 
@@ -571,7 +575,9 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
                             </td>
 
                             <td>
-                                <button class="btn btn-sm btn-success">Validasi</button>
+                                <?php if ($r['status'] != "Tervalidasi"): ?>
+                                    <button class="btn btn-sm btn-success">Validasi</button>
+                                <?php endif ?>
                             </td>
 
                         </tr>
@@ -753,6 +759,40 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
             }
 
         })
+
+        /* Tabel Riwayat Operasi */
+        document.getElementById("btnSimpanLaporan").addEventListener("click", function() {
+            let operatorDPJP = document.getElementById("dpjp_operator").value
+            let tglBedah = document.getElementById("tgl_bedah")
+            let dateNow = new Date()
+
+            if (tglBedah.value == "") {
+                tglBedah.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" })
+                alert("Isikan tanggal pembedahan terlebih dahulu")
+                return
+            }
+
+            let tbody = document.getElementById("tableRiwayatOperasiBody")
+            let row = document.createElement("tr")
+            row.innerHTML = `
+                <td></td>
+                <td>${dateNow.toLocaleString()}</td>
+                <td>${operatorDPJP}</td>
+                <td>
+                    <button class="btn btn-sm btn-outline-success">👁</button>
+                </td>
+                <td>
+                    <span class="badge bg-warning">Belum Validasi</span>
+                </td>
+                <td>
+                    <button class="btn btn-sm btn-success">Validasi</button>
+                </td>
+            `
+
+            tbody.appendChild(row)
+
+            tglBedah.value = ""
+        })
     </script>
 
 </body>