From a3b988de8fb18bcfb6e5f522eb051ba984ea134a Mon Sep 17 00:00:00 2001
From: Stephen <ganstephenkusumo@gamil.com>
Date: Wed, 12 Jun 2024 18:56:37 +0700
Subject: [PATCH] feature/hasil-fisik-k3

---
 assets/stephen/isi-hasil-fisik-k3.html | 1315 ++++++++++++++++++++++++
 1 file changed, 1315 insertions(+)
 create mode 100644 assets/stephen/isi-hasil-fisik-k3.html
diff --git a/assets/stephen/isi-hasil-fisik-k3.html b/assets/stephen/isi-hasil-fisik-k3.html
new file mode 100644
index 0000000..d19b56b
--- /dev/null
+++ b/assets/stephen/isi-hasil-fisik-k3.html
@@ -0,0 +1,1315 @@
+<!DOCTYPE html>
+<html lang="en">
+  <!--begin::Head-->
+
+  <head>
+    <base href="../" />
+    <meta charset="utf-8" />
+    <title>Hasil Fisik K3</title>
+    <meta name="Hasil Laboratorium" content="Isi Hasil Fisik K3" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <!--begin::Fonts-->
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
+    />
+    <!--end::Fonts-->
+
+    <!--begin::Page Custom Styles(used by this page)-->
+    <link
+      href="assets/css/pages/login/login-1.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Page Custom Styles-->
+
+    <!--begin::Global Theme Styles(used by all pages)-->
+    <link
+      href="assets/plugins/global/plugins.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/plugins/custom/prismjs/prismjs.bundle.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />
+    <!--end::Global Theme Styles-->
+
+    <!--begin::Layout Themes(used by all pages)-->
+
+    <link
+      href="assets/css/themes/layout/header/base/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/header/menu/light.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/brand/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="assets/css/themes/layout/aside/dark.css"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <!--end::Layout Themes-->
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Public Sans:300,400,500,600,700"
+    />
+    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css?family=Roboto"
+    />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
+    />
+    <style>
+      #canvas {
+        /* overflow-x: scroll; */
+        margin: 40px 10vw 40px 10vw;
+      }
+      #title {
+        font-weight: 600;
+      }
+      .breadcrumb {
+        background-color: white;
+        padding: 0px 0px !important;
+        padding-left: 0 !important;
+      }
+
+      .breadcrumb-item a {
+        color: #3f4254;
+        font-family: Poppins;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 21px;
+      }
+
+      .breadcrumb-item.active {
+        color: #b5b5c3;
+        font-family: Poppins;
+        font-size: 13px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 21px;
+      }
+      .nav-tabs {
+        border-bottom: 0px solid #000000 !important;
+      }
+      .nav-link {
+        color: #637381;
+        font-family: Public Sans;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 22px;
+        text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .nav-link.active {
+        color: #212b36 !important; /* Warna teks untuk tab yang aktif */
+        border-bottom: 2px solid #ffff !important; /* Garis bawah untuk tab yang aktif */
+        font-family: Public Sans;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 22px;
+        text-align: center;
+      }
+
+      .nav-text {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+      }
+
+      .nav-text1 {
+        font-family: Poppins;
+        font-size: 17px;
+        font-weight: 500;
+        line-height: 25.5px;
+      }
+
+      .nav-text2 {
+        font-family: Poppins;
+        font-size: 13px;
+        font-weight: 500;
+        line-height: 19.5px;
+      }
+
+      .nav-link.active .nav-text1 {
+        color: #0c518c !important; /* Change the color of the first text in the active navlink */
+      }
+
+      .nav-link.active .nav-text2 {
+        color: #b5b5c3 !important;
+      }
+
+      th {
+        color: #3f4254;
+        font-family: Roboto;
+        font-weight: 700 !important;
+        font-size: 16px !important;
+        padding-bottom: 5px !important;
+        padding-left: 1px !important;
+        border-bottom: 2pt solid #eff2f5 !important;
+        line-height: 21px;
+        text-align: left;
+      }
+
+      td {
+        color: #0e1e28;
+        font-family: Roboto;
+        font-style: normal;
+        font-weight: 600 !important;
+        font-size: 16px !important;
+        line-height: 30px; /* 187.5% */
+        letter-spacing: -0.32px;
+        padding-left: 1px !important;
+        padding-top: 16px !important;
+        padding-bottom: 16px !important;
+      }
+
+      .tr-title {
+        font-family: Roboto;
+        font-style: bold;
+        font-size: 16px;
+        font-weight: 600;
+        line-height: 30px; /* 187.5% */
+        text-align: left;
+        color: #0c518c !important;
+      }
+
+      thead {
+        border-bottom: 1pt solid #eff2f5 !important;
+      }
+
+      .iconify {
+        color: #637381 !important;
+        width: 23px !important;
+        height: 23px !important;
+        margin-right: 1em;
+      }
+
+/* Style untuk menambahkan ikon plus dan minus */
+.icon-toggler::before {
+    content: "+";
+    font-size: 24px;
+    color: #000;
+    display: inline-block;
+    margin-right: 10px;
+    transition: transform 0.3s ease;
+}
+
+.card-title.collapsed .icon-toggler::before {
+    content: "+";
+}
+
+.card-title:not(.collapsed) .icon-toggler::before {
+    content: "-";
+}
+
+/* Penyesuaian posisi untuk card-title */
+.card-title {
+    position: relative;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+}
+
+    </style>
+  </head>
+  <!--end::Head-->
+
+  <!--begin::body-->
+  <body
+    id="hl_body"
+    class="header-fixed bg-white header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
+  >
+    <!--begin::main-->
+    <div class="d-flex flex-column flex-root bg-white" id="canvas">
+      <div>
+        <!-- breadcrumb & icon tanya START -->
+        <div class="row">
+          <div class="col-11">
+            <h1 class="title" style="margin-bottom: 0">Abraham Kurniawan</h1>
+            <nav aria-label="breadcrumb">
+              <ol class="breadcrumb" style="margin-bottom: 0">
+                <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
+                <li class="breadcrumb-item">
+                  <a href="#">Employee Health Medical Analytic</a>
+                </li>
+                <li class="breadcrumb-item">
+                  <a href="#">PT. Sadhana Abiyasa Sampoerna</a>
+                </li>
+                <li class="breadcrumb-item">
+                  <a href="#">MCU Karyawan</a>
+                </li>
+                <li class="breadcrumb-item active" aria-current="page">
+                  Abraham Kurniawan
+                </li>
+              </ol>
+            </nav>
+          </div>
+
+          <div class="col-1 align-content-center">
+            <!-- align-content-center -->
+            <div class="d-flex justify-content-end">
+              <a href="#">
+                <i class="fas fa-info-circle text-primary"></i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <!-- breadcrumb & icon tanya END -->
+      </div>
+      <div class="mt-10">
+        <!--line nav tabs START-->
+        <ul class="nav nav-fill justify-content-center">
+          <li class="nav-item">
+            <a class="nav-link active" data-toggle="tab" href="#hl_tab_pane_1">
+              <div class="nav-text">
+                <span class="nav-text1">Laboratorium</span>
+                <span class="nav-text2">Result Entry</span>
+              </div>
+            </a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" data-toggle="tab" href="#hl_tab_pane_2">
+              <div class="nav-text">
+                <span class="nav-text1">Non Lab</span>
+                <span class="nav-text2">X-ray & ECG</span>
+              </div>
+            </a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" data-toggle="tab" href="#hl_tab_pane_3">
+              <div class="nav-text">
+                <span class="nav-text1">Fisik</span>
+                <span class="nav-text2">Riwayat & Fisik</span>
+              </div>
+            </a>
+          </li>
+        </ul>
+        <!--line nav tabs END-->
+      </div>
+      <div class="mt-10">
+        <div class="form-group">
+          <!--accordion START-->
+          <div name="accordionParent1"
+            class="accordion accordion-light accordion-light-borderless accordion-svg-toggle"
+            id="accordionParent1"
+          >
+            <div class="card">
+              <div class="card-header" id="heading1">
+                <!-- Tambahkan collapsed pada class setelah card-title untuk membuat icon dalam mode collapse -->
+                <div
+                  class="card-title"
+                  data-toggle="collapse"
+                  data-target="#accordionChild1"
+                >
+                  <!-- Mengatur Icon -->
+                  <span class="svg-icon svg-icon-primary">
+                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+                          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                              <polygon points="0 0 24 0 24 24 0 24"></polygon>
+                              <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" fill="#000000" fill-rule="nonzero"></path>
+                              <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "></path>
+                            </g>
+                      </svg>
+                  </span>
+                  <div class="card-label pl-4">FAKTOR PSIKOLOGI</div>
+                </div>
+              </div>
+              <!-- Tambahkan show pada class setelah collapse untuk langsung menampilkan isi data  -->
+              <div
+                id="accordionChild1"
+                class="collapse show"
+                data-parent="#accordionParent1"
+              >
+                <div class="card-body pl-12">
+                  <!-- Start Content -->
+                  <div class="row my-5">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Resiko Tinggi Terhadap Stress
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row" name="row-2">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          class="form-control form-control-solid"
+                          name="text1"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          class="form-control form-control-solid"
+                          name="text2"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Daerah terpencil
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          class="form-control form-control-solid"
+                          name="text1"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Jauh Keluarga
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Terisolasi
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          class="form-control form-control-solid"
+                          name="text1"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <!-- End Content -->
+                </div>
+              </div>
+            </div>
+            
+          </div>
+          <div name="accordionParent2"
+            class="accordion accordion-light accordion-light-borderless accordion-svg-toggle"
+            id="accordionParent2"       
+          >
+            <div class="card">
+              <div class="card-header" id="heading2">
+                <!-- Tambahkan collapsed pada class setelah card-title untuk membuat icon dalam mode collapse -->
+                <div
+                  class="card-title"
+                  data-toggle="collapse"
+                  data-target="#accordionChild2"
+                >
+                  <!-- Mengatur Icon -->
+                  <span class="svg-icon svg-icon-primary">
+                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+                          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                              <polygon points="0 0 24 0 24 24 0 24"></polygon>
+                              <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" fill="#000000" fill-rule="nonzero"></path>
+                              <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "></path>
+                            </g>
+                      </svg>
+                  </span>
+                  <div class="card-label pl-4">FAKTOR FISIK</div>
+                </div>
+              </div>
+              <!-- Tambahkan show pada class setelah collapse untuk langsung menampilkan isi data  -->
+              <div
+                id="accordionChild2"
+                class="collapse show"
+                data-parent="#accordionParent2"
+              >
+                <div class="card-body pl-12">
+                  <!-- Start Content -->
+                  <div class="row my-5" name="row1">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Bising
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5" name="row2">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Vibrasi / Getaran
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5" name="row3">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Suhu Panas
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5" name="row4">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Suhu Dingin
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5" name="row5">
+                    <div class="col-7">
+                      <div class="checkbox-list">
+                        <label class="checkbox">
+                          <input type="checkbox" name="Checkboxes" />
+                          <span></span>
+                          Pencahayaan Kurang
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5" name="row6">
+                    <div class="col-7">
+                      <div class="col-form-label">
+                          <label type="text" name="label1" >
+                            Pencahayaan Lebih
+                          </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5" name="row7">
+                    <div class="col-7">
+                      <div class="col-form-label">
+                          <label type="text" name="label1" >
+                            Radiasi (UV, IM, Radioaktif)
+                          </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="row my-5" name="row8">
+                    <div class="col-7">
+                      <div class="col-form-label">
+                          <label type="text" name="label1" >
+                            Tekanan Udara (tinggi/rendah)
+                          </label>
+                      </div>
+                    </div>
+                    <div class="col-5 row">
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text1"
+                          class="form-control form-control-solid"
+                          placeholder="Sumber"
+                        />
+                      </div>
+                      <div class="col-6">
+                        <input
+                          type="text"
+                          name="text2"
+                          class="form-control form-control-solid"
+                          placeholder="Lama Pajanan"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                  <!-- End Content -->
+                </div>
+              </div>
+            </div>
+          </div>
+          <div name="accordionParent3"
+            class="accordion accordion-light accordion-light-borderless accordion-svg-toggle"
+            id="accordionParent3"  
+          >
+            <div class="card">
+              <div class="card-header" id="heading3">
+                <!-- Tambahkan collapsed pada class setelah card-title untuk membuat icon dalam mode collapse -->
+                <div
+                  class="card-title"
+                  data-toggle="collapse"
+                  data-target="#accordionChild3"
+                >
+                  <!-- Mengatur Icon -->
+                  <span class="svg-icon svg-icon-primary">
+                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+                          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                              <polygon points="0 0 24 0 24 24 0 24"></polygon>
+                              <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" fill="#000000" fill-rule="nonzero"></path>
+                              <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "></path>
+                            </g>
+                      </svg>
+                  </span>
+                  <div class="card-label pl-4">FAKTOR KIMIA</div>
+                </div>
+              </div>
+              <!-- Tambahkan show pada class setelah collapse untuk langsung menampilkan isi data  -->
+              <div
+                id="accordionChild3"
+                class="collapse show"
+                data-parent="#accordionParent3"
+              >
+                <div class="card-body pl-12">
+                  <!-- Start Content -->
+                    <div class="row my-5" name="row1">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label1" >
+                            Debu / fume / asap / gas
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row2">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label2" >
+                            Logam berat
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row3">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label3" >
+                            Agen korosif
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row4">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label4" >
+                            Solvent / pelarut
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row5">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label5" >
+                            Pestisida
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  <!-- End Content -->
+                </div>
+              </div>
+            </div>
+          </div>
+          <div name="accordionParent4"
+            class="accordion accordion-light accordion-light-borderless accordion-svg-toggle"
+            id="accordionParent4"
+           
+          >
+            <div class="card">
+              <div class="card-header" id="heading4">
+                <!-- Tambahkan collapsed pada class setelah card-title untuk membuat icon dalam mode collapse -->
+                <div
+                  class="card-title"
+                  data-toggle="collapse"
+                  data-target="#accordionChild4"
+                >
+                  <!-- Mengatur Icon -->
+                  <span class="svg-icon svg-icon-primary">
+                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+                          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                              <polygon points="0 0 24 0 24 24 0 24"></polygon>
+                              <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" fill="#000000" fill-rule="nonzero"></path>
+                              <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "></path>
+                            </g>
+                      </svg>
+                  </span>
+                  <div class="card-label pl-4">FAKTOR BIOLOGI</div>
+                </div>
+              </div>
+              <!-- Tambahkan show pada class setelah collapse untuk langsung menampilkan isi data  -->
+              <div
+                id="accordionChild4"
+                class="collapse show"
+                data-parent="#accordionParent4"
+              >
+                <div class="card-body pl-12">
+                  <!-- Start Content -->
+                    <div class="row my-5" name="row1">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label1" >
+                            Bakteri
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row2">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label2" >
+                            Virus
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row3">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label3" >
+                            Jamur
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  <!-- End Content -->
+                </div>
+              </div>
+            </div>
+          </div>
+          <div name="accordionParent5"
+            class="accordion accordion-light accordion-light-borderless accordion-svg-toggle"
+            id="accordionParent5"
+           
+          >
+            <div class="card">
+              <div class="card-header" id="heading5">
+                <!-- Tambahkan collapsed pada class setelah card-title untuk membuat icon dalam mode collapse -->
+                <div
+                  class="card-title"
+                  data-toggle="collapse"
+                  data-target="#accordionChild5"
+                >
+                  <!-- Mengatur Icon -->
+                  <span class="svg-icon svg-icon-primary">
+                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+                          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                              <polygon points="0 0 24 0 24 24 0 24"></polygon>
+                              <path d="M12.2928955,6.70710318 C11.9023712,6.31657888 11.9023712,5.68341391 12.2928955,5.29288961 C12.6834198,4.90236532 13.3165848,4.90236532 13.7071091,5.29288961 L19.7071091,11.2928896 C20.085688,11.6714686 20.0989336,12.281055 19.7371564,12.675721 L14.2371564,18.675721 C13.863964,19.08284 13.2313966,19.1103429 12.8242777,18.7371505 C12.4171587,18.3639581 12.3896557,17.7313908 12.7628481,17.3242718 L17.6158645,12.0300721 L12.2928955,6.70710318 Z" fill="#000000" fill-rule="nonzero"></path>
+                              <path d="M3.70710678,15.7071068 C3.31658249,16.0976311 2.68341751,16.0976311 2.29289322,15.7071068 C1.90236893,15.3165825 1.90236893,14.6834175 2.29289322,14.2928932 L8.29289322,8.29289322 C8.67147216,7.91431428 9.28105859,7.90106866 9.67572463,8.26284586 L15.6757246,13.7628459 C16.0828436,14.1360383 16.1103465,14.7686056 15.7371541,15.1757246 C15.3639617,15.5828436 14.7313944,15.6103465 14.3242754,15.2371541 L9.03007575,10.3841378 L3.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" transform="translate(9.000003, 11.999999) rotate(-270.000000) translate(-9.000003, -11.999999) "></path>
+                            </g>
+                      </svg>
+                  </span>
+                  <div class="card-label pl-4">FAKTOR ERGONOMI</div>
+                </div>
+              </div>
+              <!-- Tambahkan show pada class setelah collapse untuk langsung menampilkan isi data  -->
+              <div
+                id="accordionChild5"
+                class="collapse show"
+                data-parent="#accordionParent5"
+              >
+                <div class="card-body pl-12">
+                  <!-- Start Content -->
+                    <div class="row my-5" name="row1">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label1" >
+                            Gerak berulang
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row2">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label2" >
+                            Posisi statis
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row3">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label3" >
+                            Manual handling
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row4">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label4" >
+                            Bekerja lebih dari empat jam
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text1"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            name="text2"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row5">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label5" >
+                            Kerja bergilir (shift)
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                    <div class="row my-5" name="row6">
+                      <div class="col-7">
+                        <div class="col-form-label">
+                          <label type="text" name="label6" >
+                            Bekerja > 12 jam
+                          </label>
+                        </div>
+                      </div>
+                      <div class="col-5 row">
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            class="form-control form-control-solid"
+                            placeholder="Sumber"
+                          />
+                        </div>
+                        <div class="col-6">
+                          <input
+                            type="text"
+                            class="form-control form-control-solid"
+                            placeholder="Lama Pajanan"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  <!-- End Content -->
+                </div>
+              </div>
+            </div>
+          </div>
+
+          
+        <!--accordion END-->
+        <!--table START-->
+        <!--table END-->
+      </div>
+    </div>
+    <!--end::Main-->
+
+    <script>
+      var HOST_URL =
+        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
+    </script>
+    <!--begin::Global Config(global config for global JS scripts)-->
+    <script>
+      var KTAppSettings = {
+        breakpoints: {
+          sm: 576,
+          md: 768,
+          lg: 992,
+          xl: 1200,
+          xxl: 1400,
+        },
+        colors: {
+          theme: {
+            base: {
+              white: "#ffffff",
+              primary: "#3699FF",
+              secondary: "#E5EAEE",
+              success: "#1BC5BD",
+              info: "#8950FC",
+              warning: "#FFA800",
+              danger: "#F64E60",
+              light: "#E4E6EF",
+              dark: "#181C32",
+            },
+            light: {
+              white: "#ffffff",
+              primary: "#E1F0FF",
+              secondary: "#EBEDF3",
+              success: "#C9F7F5",
+              info: "#EEE5FF",
+              warning: "#FFF4DE",
+              danger: "#FFE2E5",
+              light: "#F3F6F9",
+              dark: "#D6D6E0",
+            },
+            inverse: {
+              white: "#ffffff",
+              primary: "#ffffff",
+              secondary: "#3F4254",
+              success: "#ffffff",
+              info: "#ffffff",
+              warning: "#ffffff",
+              danger: "#ffffff",
+              light: "#464E5F",
+              dark: "#ffffff",
+            },
+          },
+          gray: {
+            "gray-100": "#F3F6F9",
+            "gray-200": "#EBEDF3",
+            "gray-300": "#E4E6EF",
+            "gray-400": "#D1D3E0",
+            "gray-500": "#B5B5C3",
+            "gray-600": "#7E8299",
+            "gray-700": "#5E6278",
+            "gray-800": "#3F4254",
+            "gray-900": "#181C32",
+          },
+        },
+        "font-family": "Poppins",
+      };
+    </script>
+    <!--end::Global Config-->
+    <!--begin::Global Theme Bundle(used by all pages)-->
+    <script src="assets/plugins/global/plugins.bundle.js"></script>
+    <script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+    <script src="assets/js/scripts.bundle.js"></script>
+    <!--end::Global Theme Bundle-->
+
+    <!--begin::Page Vendors(used by this page)-->
+    <script src="assets/plugins/custom/fullcalendar/fullcalendar.bundle.js"></script>
+    <!--end::Page Vendors-->
+
+    <!--begin::Page Scripts(used by this page)-->
+    <script src="assets/js/pages/widgets.js"></script>
+    <!--end::Page Scripts-->
+    <!-- echartjs.min.js -->
+    <script src="assets/js/echarts-js/echart.min.js"></script>
+  </body>
+</html>
