From 49a9f76574ff3a2bacd62c38ebb00f16ebf17a2f Mon Sep 17 00:00:00 2001
From: Hanan Askarim <askarimmm.hanan@gmail.com>
Date: Thu, 13 Jun 2024 10:21:18 +0700
Subject: [PATCH] fisik

---
 assets/hanan/fisik-2.html | 1445 ++++++++-----------------------------
 1 file changed, 303 insertions(+), 1142 deletions(-)

diff --git a/assets/hanan/fisik-2.html b/assets/hanan/fisik-2.html
index 37a992f..5a58f9d 100644
--- a/assets/hanan/fisik-2.html
+++ b/assets/hanan/fisik-2.html
@@ -197,6 +197,39 @@
       .toggle-icon {
         margin-right: 10px; /* Atur jarak antara ikon dan label */
       }
+
+      .header-footer-gigi {
+        margin-top: 20px;
+        display: flex;
+        padding: 10px;
+        align-items: flex-start;
+        align-self: stretch;
+        background-color: #f5f8fa;
+      }
+
+      .label-gigi {
+        color: #212b36;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex: 1;
+      }
+
+      .gizi-code {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        flex: 1 0 0;
+        gap: 20px;
+      }
+
+      .gizi-row-label {
+        color: #212b36;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex: 1;
+      }
     </style>
   </head>
 
@@ -1754,6 +1787,276 @@
       <!-- end hidung -->
 
       <!-- gigi -->
+      <div
+        class="accordion accordion-light accordion-light-borderless accordion-svg-toggle"
+        id="accordionGigi"
+      >
+        <div class="card">
+          <div class="card-header" id="headingGigi">
+            <div
+              class="card-title"
+              data-toggle="collapse"
+              data-target="#collapseGigi"
+            >
+              <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">GIGI</div>
+              <div>
+                <a href="#" class="btn btn-secondary btn-sm">
+                  <i class="ki ki-bold-close icon-md"></i> TIDAK DIPERIKSA
+                </a>
+              </div>
+            </div>
+          </div>
+          <div
+            id="collapseGigi"
+            class="collapse show"
+            data-parent="#accordionGigi"
+          >
+            <div class="card-body px-12">
+              <div class="row header-footer-gigi">
+                <div class="label-gigi">GIGI KANAN</div>
+                <div class="label-gigi">GIGI KIRI</div>
+              </div>
+
+              <div class="form-group row pt-3">
+                <div class="gizi-code">
+                  <label class="col-form-label">KODE</label>
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <label class="col-form-label">KODE</label>
+                </div>
+              </div>
+
+              <div class="form-group row">
+                <div class="gizi-code">
+                  <label class="col-form-label">KODE</label>
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <label class="col-form-label">KODE</label>
+                </div>
+              </div>
+
+              <div class="form-group row">
+                <div class="gizi-code">
+                  <label class="col-form-label">KODE</label>
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <label class="col-form-label">KODE</label>
+                </div>
+              </div>
+
+              <div class="row pb-5">
+                <div class="gizi-code">
+                  <div>ATAS</div>
+                  <div class="gizi-row-label">8</div>
+                  <div class="gizi-row-label">7</div>
+                  <div class="gizi-row-label">6</div>
+                  <div class="gizi-row-label">5</div>
+                  <div class="gizi-row-label">4</div>
+                  <div class="gizi-row-label">3</div>
+                  <div class="gizi-row-label">2</div>
+                  <div class="gizi-row-label">1</div>
+                  <div class="gizi-row-label">1</div>
+                  <div class="gizi-row-label">2</div>
+                  <div class="gizi-row-label">3</div>
+                  <div class="gizi-row-label">4</div>
+                  <div class="gizi-row-label">5</div>
+                  <div class="gizi-row-label">6</div>
+                  <div class="gizi-row-label">7</div>
+                  <div class="gizi-row-label">8</div>
+                  <div>ATAS</div>
+                </div>
+              </div>
+
+              <div class="row pb-5">
+                <div class="gizi-code">
+                  <div>BAWAH</div>
+                  <div class="gizi-row-label">8</div>
+                  <div class="gizi-row-label">7</div>
+                  <div class="gizi-row-label">6</div>
+                  <div class="gizi-row-label">5</div>
+                  <div class="gizi-row-label">4</div>
+                  <div class="gizi-row-label">3</div>
+                  <div class="gizi-row-label">2</div>
+                  <div class="gizi-row-label">1</div>
+                  <div class="gizi-row-label">1</div>
+                  <div class="gizi-row-label">2</div>
+                  <div class="gizi-row-label">3</div>
+                  <div class="gizi-row-label">4</div>
+                  <div class="gizi-row-label">5</div>
+                  <div class="gizi-row-label">6</div>
+                  <div class="gizi-row-label">7</div>
+                  <div class="gizi-row-label">8</div>
+                  <div>BAWAH</div>
+                </div>
+              </div>
+
+              <div class="form-group row">
+                <div class="gizi-code">
+                  <label class="col-form-label">KODE</label>
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <label class="col-form-label">KODE</label>
+                </div>
+              </div>
+
+              <div class="form-group row">
+                <div class="gizi-code">
+                  <label class="col-form-label">KODE</label>
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <label class="col-form-label">KODE</label>
+                </div>
+              </div>
+
+              <div class="form-group row">
+                <div class="gizi-code">
+                  <label class="col-form-label">KODE</label>
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <input class="form-control form-control-solid" type="text" />
+                  <label class="col-form-label">KODE</label>
+                </div>
+              </div>
+
+              <div class="row header-footer-gigi">
+                <div class="label-gigi">GIGI KANAN</div>
+                <div class="label-gigi">GIGI KIRI</div>
+              </div>
+
+              <div class="row mt-4 align-items-start font-weight-bold">
+                KETERANGAN KODE :
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
       <div
         class="pt-10"
         style="
@@ -2153,1148 +2456,6 @@
           </div>
         </div>
 
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>KODE</div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>KODE</div>
-          </div>
-        </div>
-
-        <!-- atas -->
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>ATAS</div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              8
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              7
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              6
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              5
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              4
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              3
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              2
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              1
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              1
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              2
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              3
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              4
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              5
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              6
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              7
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              8
-            </div>
-            <div>ATAS</div>
-          </div>
-        </div>
-        <!-- end atas -->
-
-        <!-- bawah -->
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>BAWAH</div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              8
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              7
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              6
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              5
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              4
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              3
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              2
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              1
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              1
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              2
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              3
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              4
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              5
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              6
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              7
-            </div>
-            <div
-              style="
-                color: #212b36;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex: 1;
-              "
-            >
-              8
-            </div>
-            <div>BAWAH</div>
-          </div>
-        </div>
-        <!-- end bawah -->
-
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>KODE</div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>KODE</div>
-          </div>
-        </div>
-
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>KODE</div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>KODE</div>
-          </div>
-        </div>
-
-        <div class="row">
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>KODE</div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-              flex: 1 0 0;
-              gap: 20px;
-              padding-top: 16px;
-            "
-          >
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>
-              <input
-                class="form-control form-control-solid"
-                type="text"
-                value=""
-                id="input1"
-                style="margin: 0 auto"
-              />
-            </div>
-            <div>KODE</div>
-          </div>
-        </div>
-
-        <div
-          style="
-            margin-top: 16px;
-            display: flex;
-            padding: 10px;
-            align-items: flex-start;
-            align-self: stretch;
-            background-color: #f5f8fa;
-          "
-        >
-          <div
-            class="col-md-6"
-            style="
-              color: #212b36;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              flex: 1;
-            "
-          >
-            GIGI KANAN
-          </div>
-          <div
-            class="col-md-6"
-            style="
-              color: #212b36;
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              flex: 1;
-            "
-          >
-            GIGI KIRI
-          </div>
-        </div>
-
         <!-- keterangan kode -->
         <div
           style="