step 5 : proses show delete & proses delete ke database

step 4 : proses show edit form & edit data
step 3 : proses add data
2024-05-27 15:53:06 +07:00 · 2024-05-27 14:50:27 +07:00 · 2024-05-27 14:02:53 +07:00 · 2024-05-27 13:19:48 +07:00 · 2024-05-27 12:14:07 +07:00
133 changed files with 4772 additions and 25177 deletions
--- a/assets/asset-corporate-portal/css/sas.bundle.css
+++ b/assets/asset-corporate-portal/css/sas.bundle.css
@@ -294,56 +294,6 @@ a.text-white:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(84, 168, 255, 0.5);
 }
-
-.btn-field {
-  color: var(--text-black);
-  background-color: var(--fieldbg) !important;
-  border-color: var(--fieldbg) !important;
-}
-.btn-field.btn-lg {
-  padding: 0.825rem 1.42rem !important;
-  font-size: 1.08rem !important;
-  line-height: 1.5 !important;
-  border-radius: 0.42rem !important;
-}
-.btn-field.btn-lg.rounded-lg {
-  padding: 0.825rem 1.42rem !important;
-  font-size: 1.08rem !important;
-  line-height: 1.5 !important;
-  border-radius: 0.85rem !important;
-}
-.btn-field:hover {
-  color: var(--text-black);
-  background-color: var(--fieldbg) !important;
-  border-color: var(--fieldbg) !important;
-}
-.btn-field:focus,
-.btn-field.focus {
-  color: var(--text-black);
-  background-color: var(--fieldbg) !important;
-  border-color: var(--fieldbg) !important;
-  -webkit-box-shadow: 0 0 0 0rem var(--fieldbg) !important;
-  box-shadow: 0 0 0 0rem var(--fieldbg) !important;
-}
-.btn-field.disabled,
-.btn-field:disabled {
-  color: var(--text-black);
-  background-color: var(--fieldbg) !important;
-  border-color: var(--fieldbg) !important;
-}
-.btn-field:not(:disabled):not(.disabled):active,
-.btn-field:not(:disabled):not(.disabled).active,
-.show > .btn-field.dropdown-toggle {
-  color: var(--text-black);
-  background-color: var(--fieldbg) !important;
-  border-color: var(--fieldbg) !important;
-}
-.btn-field:not(:disabled):not(.disabled):active:focus,
-.btn-field:not(:disabled):not(.disabled).active:focus,
-.show > .btn-field.dropdown-toggle:focus {
-  -webkit-box-shadow: 0 0 0 0rem var(--fieldbg) !important;
-  box-shadow: 0 0 0 0rem var(--fieldbg) !important;
-}
 /* COBA CUSTOM BTN */
 .btn-tosca {
  color: #ffffff;
@@ -5276,12 +5226,6 @@ a.text-hover-tosca:hover .svg-icon svg:hover g [fill],
  border-radius: 0.42rem;
 }

-/* ### CUSTOM CSS SELECTPICKER */
-.btn-custom-selectpicker{
-  height: 8vh;
-  text-align: center;
-}
-
 /* ### OVERLAY */
 .overlay-loading {
  position: relative !important;
--- a/assets/asset-corporate-portal/media/person/person.png
+++ b/assets/asset-corporate-portal/media/person/person.png
--- a/assets/hanan/fisik-2.html
+++ b/assets/hanan/fisik-2.html
--- a/assets/hanan/kesimpulan-saran.html
+++ b/assets/hanan/kesimpulan-saran.html
@@ -1,784 +0,0 @@
-<!DOCTYPE html>
-<!--
-Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-Author: KeenThemes
-Website: http://www.keenthemes.com/
-Contact: support@keenthemes.com
-Follow: www.twitter.com/keenthemes
-Dribbble: www.dribbble.com/keenthemes
-Like: www.facebook.com/keenthemes
-Purchase: https://1.envato.market/EA4JP
-Renew Support: https://1.envato.market/EA4JP
-License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
-<html lang="en">
-  <!--begin::Head-->
-
-  <head>
-    <base href="../" />
-    <meta charset="utf-8" />
-    <title>KESIMPULAN & SARAN</title>
-    <meta name="description" content="Login page example" />
-    <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"
-    />
-    <link href="https://fonts.cdnfonts.com/css/open-sans" rel="stylesheet" />
-
-    <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;
-      }
-
-      .nav-link.active {
-        color: #212b36 !important; /* Warna teks untuk tab yang aktif */
-        border-bottom: 2px solid #0c518c !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;
-      }
-
-      th {
-        color: #637381;
-        font-family: Roboto;
-        font-weight: 700 !important;
-        font-size: 14px !important;
-        padding-bottom: 5px !important;
-        padding-left: 1px !important;
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      tr {
-        border-bottom: 1pt dashed #e4e6ef !important;
-        font-family: Roboto;
-      }
-      td {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-style: normal;
-        font-weight: 500 !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;
-      }
-      thead {
-        border-bottom: 1pt dashed #e4e6ef !important;
-      }
-      .kesimpulan-desc {
-        color: #0e1e28;
-        font-family: Roboto;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        letter-spacing: -0.24px;
-      }
-      .label-text {
-        background-color: grey;
-        color: black;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.fit {
-        background: #c9f7f5;
-        color: #1bc5bd;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-      .label-text.unfit {
-        background: #fff4de;
-        color: #ffa800;
-        padding: 5px 20px 5px 20px !important;
-        border-radius: 6px;
-        font-family: Poppins !important;
-        font-size: 11px !important;
-        font-style: normal !important;
-        font-weight: 500 !important;
-        line-height: normal !important;
-      }
-
-      .iconify-btn {
-        color: #637381 !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .iconify-btn-blue {
-        color: #0c518c !important;
-        width: 23px !important;
-        height: 23px !important;
-        margin-right: 1em;
-      }
-      .modal-header {
-        border-bottom: none !important;
-      }
-      .modal-title {
-        font-family: "Public Sans" !important;
-        font-size: 18px !important;
-        font-style: normal !important;
-        font-weight: 700 !important;
-        line-height: 28px !important;
-      }
-      .modal-dialog {
-        border-radius: 8px;
-      }
-      .btn-print {
-        border-radius: 6px !important;
-        background-color: #f5f8fa !important;
-        font-family: Roboto;
-        font-size: 14px;
-        margin-bottom: 12px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        display: flex;
-        width: 100%;
-        justify-content: space-between;
-        align-items: center;
-      }
-      .modal-xl {
-        border-radius: 6px !important;
-        max-width: 90vw !important;
-        max-height: 95vh !important;
-        width: 90vw !important;
-        height: 95vh !important;
-      }
-      .header-print {
-        background-color: #d9d9d9;
-      }
-      .modal-print-title {
-        color: #000;
-        font-family: "Open Sans";
-        font-size: 28px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: normal;
-      }
-      .close-print {
-        color: red !important;
-        width: 30px !important;
-        height: 30px !important;
-      }
-      .form-label {
-        font-family: Poppins !important;
-        font-size: 14px !important;
-        font-style: normal !important;
-        font-weight: 600 !important;
-        line-height: 24px !important; /* 171.429% */
-      }
-      .form-input {
-        font-family: Poppins !important;
-        font-size: 16px !important;
-        font-style: normal !important;
-        font-weight: 400 !important;
-        line-height: 24px !important;
-      }
-      .btn-text {
-        font-family: "Public Sans";
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 24px;
-      }
-      .dot-text {
-        position: relative;
-        padding-left: 1.5em; /* Menambahkan padding untuk memberi ruang pada titik */
-      }
-
-      .dot-text::before {
-        content: "•"; /* Menambahkan titik di depan teks */
-        position: absolute;
-        left: 1em; /* Atur posisi titik */
-        top: 0;
-        transform: translateX(-100%);
-      }
-
-      .information-title {
-        color: #0e1e28;
-        font-family: Poppins;
-        font-size: 20px;
-        font-style: normal;
-        font-weight: 600;
-        line-height: normal;
-      }
-    </style>
-  </head>
-  <!--end::Head-->
-
-  <!--begin::Body-->
-
-  <body
-    id="kt_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">
-              PT. Sadhana Abiyasa Sampoerna
-            </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 active" aria-current="page">
-                  Mcu Karyawan
-                </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">
-        <ul class="nav nav-tabs nav-tabs-line">
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_1"
-              >Peserta</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_2"
-              >Kelainan global</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_3"
-              >Kelainan Lab</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_4"
-              >kelainan Non Lab</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_5"
-              >kelainan Fisik</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#kt_tab_pane_6"
-              >Kesimpulan & Saran</a
-            >
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" data-toggle="tab" href="#kt_tab_pane_7"
-              >Daftar Peserta</a
-            >
-          </li>
-        </ul>
-      </div>
-      <div class="d-flex justify-content-center pt-10 pb-10">
-        <h2 class="title" style="margin-bottom: 0">Kesimpulan</h2>
-      </div>
-
-      <!-- Kelainan pemeriksaan lab -->
-      <div class="card card-custom gutter-b" style="border-radius: 20px">
-        <div style="padding-top: 12px">
-          <h3 class="card-label dot-text text-black">
-            3 Kelainan Pemeriksaan Lab terbesar :
-          </h3>
-        </div>
-        <div class="card-body">
-          <div>
-            <table class="table table-hover table-borderless">
-              <thead>
-                <tr>
-                  <th scope="col" width="5%">NO</th>
-                  <th scope="col" width="70%">PEMERIKSAAN</th>
-                  <th scope="col" width="25%">PRESENTASE</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>1</td>
-                  <td>Hipercholesterolemia</td>
-                  <td>44.5</td>
-                </tr>
-                <tr>
-                  <td>2</td>
-                  <td>Hiperuricemia</td>
-                  <td>22.7</td>
-                </tr>
-                <tr>
-                  <td>3</td>
-                  <td>Peningkatan SGPT</td>
-                  <td>15.8</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <!-- End Kelainan pemeriksaan lab -->
-
-      <!-- Kelainan pemeriksaan non lab -->
-      <div class="card card-custom gutter-b" style="border-radius: 20px">
-        <div style="padding-top: 12px">
-          <h3 class="card-label dot-text text-black">
-            3 Kelainan Pemeriksaan Non Lab terbesar :
-          </h3>
-        </div>
-        <div class="card-body">
-          <div>
-            <table class="table table-hover table-borderless">
-              <thead>
-                <tr>
-                  <th scope="col" width="5%">NO</th>
-                  <th scope="col" width="70%">PEMERIKSAAN</th>
-                  <th scope="col" width="25%">PRESENTASE</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>1</td>
-                  <td>Retriksi Ringan</td>
-                  <td>22.0</td>
-                </tr>
-                <tr>
-                  <td>2</td>
-                  <td>Gangguan Konduksi Ringan</td>
-                  <td>15.0</td>
-                </tr>
-                <tr>
-                  <td>3</td>
-                  <td>Obstruksi Sedang</td>
-                  <td>13.0</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <!-- End Kelainan pemeriksaan non lab -->
-
-      <!-- Kelainan pemeriksaan Fisik -->
-      <div class="card card-custom gutter-b" style="border-radius: 20px">
-        <div style="padding-top: 12px">
-          <h3 class="card-label dot-text text-black">
-            3 Kelainan Pemeriksaan Fisik terbesar :
-          </h3>
-        </div>
-        <div class="card-body">
-          <div>
-            <table class="table table-hover table-borderless">
-              <thead>
-                <tr>
-                  <th scope="col" width="5%">NO</th>
-                  <th scope="col" width="70%">PEMERIKSAAN</th>
-                  <th scope="col" width="25%">PRESENTASE</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td>1</td>
-                  <td>Obesitas Stage 1</td>
-                  <td>41.7</td>
-                </tr>
-                <tr>
-                  <td>2</td>
-                  <td>Pre Hipertensi</td>
-                  <td>39.0</td>
-                </tr>
-                <tr>
-                  <td>3</td>
-                  <td>Kelainan Refraksi</td>
-                  <td>35.2</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <!-- End Kelainan pemeriksaan Fisik -->
-
-      <!-- Saran -->
-      <div class="d-flex justify-content-center pt-10 pb-10">
-        <h2 class="information-title title" style="margin-bottom: 0">Saran</h2>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Tujuan MCU</h3>
-        <div>
-          <div class="dot-text">Olah raga teratur</div>
-          <div class="dot-text">Penurunan berat badan</div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Kelainan Refraksi</h3>
-        <div>
-          <div class="mb-5">
-            <div>1. Kelainan refraksi dengan kacamata</div>
-            <div class="dot-text">
-              Konsul dokter Scpesialis Mata untuk pemakaian kacamata/ lensa
-              kontak
-            </div>
-          </div>
-          <div>2. Kelainan refraksi tanpa kacamata</div>
-          <div class="dot-text">Pemakaian kacamata/ lensa kontak</div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Tekanan Darah</h3>
-        <div>
-          <div class="mb-5">
-            <div>1. Pre Hipertensi</div>
-            <div class="dot-text">Olah raga teratur</div>
-            <div class="dot-text">Cukup istirahat</div>
-            <div class="dot-text">Pemeriksaan tekanan darah secara teratur</div>
-          </div>
-          <div class="mb-5">
-            <div>2. Hipertensi stage 1 dan 2</div>
-            <div class="dot-text">Olah raga teratur</div>
-            <div class="dot-text">Cukup istirahat</div>
-            <div class="dot-text">Batasi konsumsi garam</div>
-            <div class="dot-text">Pemeriksaan tekanan darah secara teratur</div>
-            <div class="dot-text">
-              Pengobatan/ minum obat secara teratur (bila ybs sudah minum obat,
-              hipertensi tetapi  kadang-kadang atau tidak rutin)
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">
-          Peningkatan Profil lemak dan Hiperglikemia
-        </h3>
-        <div>
-          <div class="dot-text">Diet rendah lemak, karbohidrat dan gula,</div>
-          <div class="dot-text">Olahraga secara teraturs</div>
-          <div class="dot-text">
-            Program promosi kesehatan terutama untuk mencegah terjadinya dampak
-            serius peningkatan lemak darah
-          </div>
-        </div>
-      </div>
-
-      <div class="mb-5">
-        <h3 class="information-title mb-3">Hiperuricemia</h3>
-        <div>
-          <div class="dot-text" s>
-            Mengurangi asupan makanan/sayuran yang mengandung purin (melinjo,
-            kangkung, jeroan, emping, dll)
-          </div>
-        </div>
-      </div>
-      <!-- End Saran -->
-    </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>
-    <!-- SCRIPT -->
-    <script
-      src="https://cdnjs.cloudflare.com/ajax/libs/iconify/2.0.0/iconify.min.js"
-      integrity="sha512-lYMiwcB608+RcqJmP93CMe7b4i9G9QK1RbixsNu4PzMRJMsqr/bUrkXUuFzCNsRUo3IXNUr5hz98lINURv5CNA=="
-      crossorigin="anonymous"
-      referrerpolicy="no-referrer"
-    ></script>
-    <script type="text/javascript">
-      $.fn.redraw = function () {
-        $(this).each(function () {
-          var redraw = this.offsetHeight;
-        });
-      };
-      function ShowModal(name, nolab) {
-        console.log(name + nolab);
-        $("#modal-list-print-title").text(name + "-" + nolab);
-        $(".modal-list-print").modal("show");
-      }
-      function ShowModalPrint(data, title) {
-        console.log(data);
-        let a =
-          "https://devone.aplikasi.web.id/birt/run?__report=report/one/lab/rpt_fo_001.rptdesign&__format=pdf&username=ADMIN&PID=132061?t=1713408676799";
-        let b =
-          "https://devone.aplikasi.web.id/birt/run?__report=report/one/external/rpt_mt_pramita_001.rptdesign&__format=pdf&username=adminsas%20&PID=77&tm=1713317444625";
-        $(".modal-print-title").text(title);
-        let tag =
-          '<object id="object-print" width="100%" type="application/pdf" style="height: 80vh" ></object>';
-        if (data === "1") {
-          // $("#object-print").attr("data", a);
-          tag =
-            '<object id="object-print" width="100%" data="' +
-            a +
-            '" type="application/pdf" style="height: 80vh" ></object>';
-        } else {
-          // $("#object-print").attr("data", b);
-          tag =
-            '<object id="object-print" width="100%" data="' +
-            b +
-            '" type="application/pdf" style="height: 80vh" ></object>';
-        }
-        $("#object-print").replaceWith(tag);
-        console.log(tag);
-
-        $(".modal-list-print").modal("hide");
-        $(".modal-print").modal("show");
-      }
-      function CloseModalPrint() {
-        // $("#object-print").removeAttr("data");
-        // $("#object-print").redraw();
-        $(".modal-list-print").modal("show");
-        $(".modal-print").modal("hide");
-      }
-
-      function ShowModalAkses(email, password, checked) {
-        console.log("email" + email);
-        console.log("password" + password);
-        console.log("checked :" + checked);
-        $(".modal-akses").modal("show");
-        $('input[name="email"]').val(email);
-        $('input[name="password"]').val(password);
-        // $("#akses").attr("checked", checked);
-        // $('input[type="checkbox"]').removeAttr("checked");
-        $('input[name="akses"]').removeAttr("checked");
-        let appChecked =
-          '<span class="switch switch-sm switch-akses "><label><input id="akses" type="checkbox" name="akses" checked/><span></span></label></span>';
-        let appNotChecked =
-          '<span class="switch switch-sm switch-akses "><label><input id="akses" type="checkbox" name="akses" /><span></span></label></span>';
-
-        if (checked === "checked") {
-          // $('input[name="akses"]').attr("checked");
-          // $(".form-akses-switch").append(appChecked);
-          $(".switch-akses").replaceWith(appChecked);
-        } else {
-          // $('input[name="akses"]').removeAttr("checked");
-          // $('input[name="akses"]').removeAttr("checked");
-          // $(".form-akses-switch").append(appNotChecked);
-          $(".switch-akses").replaceWith(appNotChecked);
-        }
-        if (checked !== "checked") {
-          $(".switch-akses").replaceWith(appNotChecked);
-        }
-        // $("#akses").load(window.location.href + " #akses");
-      }
-      $("#akses").change(function () {
-        if (this.checked) {
-          $('input[name="akses"]').attr("checked", "checked");
-        } else {
-          $('input[name="akses"]').removeAttr("checked");
-        }
-      });
-    </script>
-  </body>
-  <!--end::Body-->
-</html>
--- a/assets/mcu/doctor.html
+++ b/assets/mcu/doctor.html
@@ -1,511 +0,0 @@
-<!DOCTYPE html>
-<!--
-		Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-		Author: KeenThemes
-		Website: http://www.keenthemes.com/
-		Contact: support@keenthemes.com
-		Follow: www.twitter.com/keenthemes
-		Dribbble: www.dribbble.com/keenthemes
-		Like: www.facebook.com/keenthemes
-		Purchase: https://1.envato.market/EA4JP
-		Renew Support: https://1.envato.market/EA4JP
-		License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-		-->
-<html lang="en">
-  <!--begin::Head-->
-  <head>
-    <base href="../" />
-    <meta charset="utf-8" />
-    <title>Company Portal | { title }</title>
-    <meta name="description" content="Company Portal" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <!--begin::Fonts-->
-    <link rel="stylesheet" href="assets/css/googlefont/poppins.css" />
-    <!--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="shortcut icon"
-      href="asset-corporate-portal/media/logo/logo-small.jpg"
-    />
-    <!--end::Layout Themes SAS-->
-    <link
-      href="asset-corporate-portal/css/sas.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css"
-    />
-
-    <style>
-      .filter-option-inner-inner {
-        margin-top: 1.2vh;
-        color: var(--text-disabled);
-      }
-      .bootstrap-select > .dropdown-toggle.bs-placeholder.btn {
-        color: var(--text-disabled);
-      }
-
-      .bootstrap-select.btn-group .dropdown-menu {
-        min-width: 100%;
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-        position: sticky;
-      }
-
-      .dropdown-menu {
-        transform: translate3d(0px, 0px, 0px) !important;
-      }
-    </style>
-  </head>
-  <!--end::Head-->
-  <!--begin::Body-->
-  <body
-    id="kt_body"
-    class="bg-white header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
-  >
-    <!--begin::Main-->
-
-    <div class="wrapperx p-5 h-100">
-      <!-- person.png start -->
-      <div class="row">
-        <div class="col-4">
-          <img
-            src="asset-corporate-portal/media/person/person.png"
-            style="display: block; width: 13vw"
-          />
-        </div>
-      </div>
-
-      <div class="row mt-5">
-        <div class="col-4">
-          <button
-            class="btn bg-primary-transparent text-center text-primary"
-            style="width: 13vw; font-weight: 600"
-          >
-            Update Foto
-          </button>
-        </div>
-      </div>
-      <!-- person.png end -->
-
-      <div class="row mt-5">
-        <!-- col 1 start -->
-        <div class="col-4">
-          <div class="form-row">
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Sapaan</label
-              >
-              <select
-                class="selectpicker form-control"
-                id="select1"
-                data-live-search="true"
-                data-size="4"
-                data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-              >
-                <option value="default">Pilih Sapaan</option>
-                <option value="mr">Tuan</option>
-                <option value="mrs">Nyonya</option>
-                <option value="ms">Nona</option>
-              </select>
-            </div>
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Imbuhan Awal 1</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Imbuhan Awal 1"
-              />
-            </div>
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Imbuhan Awal 2</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Imbuhan Awal 2"
-              />
-            </div>
-          </div>
-
-          <!-- jenis kelamin -->
-          <div class="form-row mt-5">
-            <label for="input1" style="font-family: Poppins; font-weight: 600"
-              >Jenis Kelamin</label
-            >
-            <select
-              class="selectpicker form-control"
-              id="select1"
-              data-live-search="true"
-              data-size="4"
-              data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-            >
-              <option value="default">Pilih Jenis Kelamin</option>
-              <option value="mr">Tuan</option>
-              <option value="mrs">Nyonya</option>
-              <option value="ms">Nona</option>
-            </select>
-          </div>
-          <!-- jenis kelamin -->
-          <!-- gol darah -->
-          <div class="form-row mt-5">
-            <label for="input1" style="font-family: Poppins; font-weight: 600"
-              >Golongan Darah</label
-            >
-            <select
-              class="selectpicker form-control"
-              id="select1"
-              data-live-search="true"
-              data-size="4"
-              data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-            >
-              <option value="default">Pilih Golongan Darah</option>
-              <option value="mr">Tuan</option>
-              <option value="mrs">Nyonya</option>
-              <option value="ms">Nona</option>
-            </select>
-          </div>
-          <!-- gol darah -->
-          <!-- kewarganegaraan -->
-          <div class="form-row mt-5">
-            <label for="input1" style="font-family: Poppins; font-weight: 600"
-              >Kewarganegaraan</label
-            >
-            <div class="form-control border-0 h-auto p-0 mt-3">
-              <div class="form-group">
-                <div style="display: flex; gap: 20px">
-                  <label style="display: flex; align-items: center; gap: 5px">
-                    <input type="radio" name="nationality" value="wni" />
-                    <p style="margin: 0">WNI</p>
-                  </label>
-                  <label style="display: flex; align-items: center; gap: 5px">
-                    <input type="radio" name="nationality" value="wna" />
-                    <p style="margin: 0">WNA</p>
-                  </label>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- kewarganegaraan -->
-
-          <!-- identitas -->
-          <div class="form-row mt-5">
-            <label for="input1" style="font-family: Poppins; font-weight: 600"
-              >Imbuhan Awal 1</label
-            >
-            <input
-              type="text"
-              class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-              placeholder="Imbuhan Awal 1"
-            />
-          </div>
-          <!-- identitas -->
-        </div>
-        <!-- col 1 end -->
-        <!-- col 2 start -->
-        <div class="col-4">
-          <!-- nama -->
-          <div class="form-row">
-            <label style="font-family: Poppins; font-weight: 600">Nama</label>
-            <input
-              type="text"
-              class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-              placeholder="Input 3"
-            />
-          </div>
-          <!-- nama -->
-          <!-- tanggal lahir -->
-          <div class="form-row mt-5">
-            <label style="font-family: Poppins; font-weight: 600"
-              >Tanggal Lahir</label
-            >
-            <div class="input-group date bg-field border-0 rounded-lg">
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                readonly
-                placeholder="Pilih Tanggal"
-                id="datepicker"
-              />
-              <div class="input-group-prepend">
-                <span
-                  class="input-group-text bg-field border-0 rounded-lg"
-                  id="calendar-icon"
-                >
-                  <span
-                    class="iconify text-grey"
-                    data-icon="heroicons-solid:calendar"
-                    style="font-size: 20px"
-                  ></span>
-                </span>
-              </div>
-            </div>
-          </div>
-          <!-- tanggal lahir -->
-          <!-- rhesus -->
-          <div class="form-row mt-5">
-            <label style="font-family: Poppins; font-weight: 600">Rhesus</label>
-            <select
-              class="selectpicker form-control"
-              id="select1"
-              data-live-search="true"
-              data-size="5"
-              data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-            >
-              <option value="default">Pilih Rhesus</option>
-              <option value="mr">Tuan</option>
-              <option value="mrs">Nyonya</option>
-              <option value="ms">Nona</option>
-            </select>
-          </div>
-          <!-- rhesus -->
-          <!-- etnis -->
-          <div class="form-row mt-5">
-            <label style="font-family: Poppins; font-weight: 600">Etnis</label>
-            <select
-              class="selectpicker form-control"
-              id="select1"
-              data-live-search="true"
-              data-size="4"
-              data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-            >
-              <option value="default">Pilih Etnis</option>
-              <option value="mr">Tuan</option>
-              <option value="mrs">Nyonya</option>
-              <option value="ms">Nona</option>
-            </select>
-          </div>
-          <!-- etnis -->
-
-          <!-- no hp -->
-          <div class="form-row mt-6">
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Nomor HP</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Nomor HP"
-              />
-            </div>
-          </div>
-          <!-- no hp -->
-        </div>
-        <!-- col 2 end -->
-        <!-- col 3 start -->
-        <div class="col-4">
-          <div class="form-row">
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Imbuhan Akhir 1</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Imbuhan Akhir 1"
-              />
-            </div>
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Imbuhan Akhir 2</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Imbuhan Akhir 2"
-              />
-            </div>
-          </div>
-
-          <!-- umur -->
-          <div class="form-row mt-5">
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Umur</label
-              >
-              <input
-                type="number"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Tahun"
-              />
-            </div>
-            <div class="col mt-8">
-              <input
-                type="number"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Bulan"
-              />
-            </div>
-            <div class="col mt-8">
-              <input
-                type="number"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Hari"
-              />
-            </div>
-          </div>
-          <!-- umur -->
-
-          <!-- pendidikan terakhir -->
-          <div class="form-row mt-5">
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Pendidikan Terakhir</label
-              >
-              <select
-                class="selectpicker form-control"
-                id="select1"
-                data-live-search="true"
-                data-size="4"
-                data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-              >
-                <option value="default">Pilih Pendidikan</option>
-                <option value="mr">Tuan</option>
-                <option value="mrs">Nyonya</option>
-                <option value="ms">Nona</option>
-              </select>
-            </div>
-          </div>
-          <!-- pendidikan terakhir -->
-
-          <!-- identitas pilihan -->
-          <div class="form-row mt-5">
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Identitas</label
-              >
-              <select
-                class="selectpicker form-control"
-                id="select1"
-                data-live-search="true"
-                data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-                data-size="4"
-              >
-                <option value="default">Pilih Identitas</option>
-                <option value="mr">Tuan</option>
-                <option value="mrs">Nyonya</option>
-                <option value="ms">Nona</option>
-              </select>
-            </div>
-          </div>
-          <!-- identitas pilihan -->
-
-          <!-- email -->
-          <div class="form-row mt-6">
-            <div class="col">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Email</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Email"
-              />
-            </div>
-          </div>
-          <!-- email -->
-        </div>
-        <!-- col 3 end -->
-      </div>
-    </div>
-
-    <!--end::Main-->
-    <script src="asset-corporate-portal/js/ktappsetting.js"></script>
-    <!-- iconify -->
-    <script src="assets/js/iconify/iconify.min.js"></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>
-    <script src="assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
-
-    <script>
-      function ShowLoading() {
-        document
-          .getElementById("demo")
-          .setAttribute("style", "display:block !important;");
-        document
-          .getElementById("a")
-          .setAttribute("style", "display:none !important;");
-      }
-      function ShowForm() {
-        document
-          .getElementById("demo")
-          .setAttribute("style", "display:none !important;");
-        document
-          .getElementById("a")
-          .setAttribute("style", "display:block !important;;");
-      }
-
-      $(document).ready(function () {
-        // $(".selectpicker").selectpicker();
-        $(".selectpicker").selectpicker({
-          dropupAuto: false,
-        });
-        $("#datepicker").datepicker({
-          format: "dd/mm/yyyy",
-        });
-        $("#calendar-icon").click(function () {
-          $("#datepicker").datepicker("show");
-        });
-      });
-    </script>
-    <!--end::Global Theme Bundle-->
-
-    <!--end::Page Scripts-->
-  </body>
-  <!--end::Body-->
-</html>
--- a/assets/mcu/patient.html
+++ b/assets/mcu/patient.html
@@ -1,631 +0,0 @@
-<!DOCTYPE html>
-<!--
-		Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
-		Author: KeenThemes
-		Website: http://www.keenthemes.com/
-		Contact: support@keenthemes.com
-		Follow: www.twitter.com/keenthemes
-		Dribbble: www.dribbble.com/keenthemes
-		Like: www.facebook.com/keenthemes
-		Purchase: https://1.envato.market/EA4JP
-		Renew Support: https://1.envato.market/EA4JP
-		License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-		-->
-<html lang="en">
-  <!--begin::Head-->
-  <head>
-    <base href="../" />
-    <meta charset="utf-8" />
-    <title>Company Portal | { title }</title>
-    <meta name="description" content="Company Portal" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <!--begin::Fonts-->
-    <link rel="stylesheet" href="assets/css/googlefont/poppins.css" />
-    <!--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="shortcut icon"
-      href="asset-corporate-portal/media/logo/logo-small.jpg"
-    />
-    <!--end::Layout Themes SAS-->
-    <link
-      href="asset-corporate-portal/css/sas.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css"
-    />
-
-    <style>
-      .filter-option-inner-inner {
-        margin-top: 1.2vh;
-        color: var(--text-disabled);
-      }
-      .bootstrap-select > .dropdown-toggle.bs-placeholder.btn {
-        color: var(--text-disabled);
-      }
-
-      .bootstrap-select.btn-group .dropdown-menu {
-        min-width: 100%;
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-        position: sticky;
-      }
-
-      .dropdown-menu {
-        transform: translate3d(0px, 0px, 0px) !important;
-      }
-
-      /* mik */
-      .input-container {
-        position: relative;
-      }
-
-      .input-label {
-        position: absolute;
-        right: 20px;
-        transform: translateY(-50%);
-        pointer-events: none;
-        transition: all 0.2s ease;
-      }
-      .input-field:not(:placeholder-shown) + .input-label {
-        top: 50%;
-        font-size: 12px;
-        color: var(--secondary-hover);
-      }
-    </style>
-  </head>
-  <!--end::Head-->
-  <!--begin::Body-->
-  <body
-    id="kt_body"
-    class="bg-white header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
-  >
-    <style></style>
-    <!--begin::Main-->
-
-    <div class="wrapperx p-5 h-100">
-      <div class="row">
-        <div class="col-lg-10">
-          <!--begin::Row 1-->
-          <div class="form-row">
-            <div class="col-md-6 col-lg-2">
-              <label
-                for="input1"
-                class="font-weight-bolder"
-                style="font-family: Poppins"
-                >Sapaan</label
-              >
-              <select
-                class="selectpicker form-control"
-                id="select1"
-                data-live-search="true"
-                data-size="4"
-                data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-              >
-                <option value="mr">Tn</option>
-                <option value="mrs">Ny</option>
-                <option value="ms">Nn</option>
-              </select>
-            </div>
-            <div class="col-md-6 col-lg-3">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Imbuhan Awal</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Imbuhan Awal 1"
-              />
-            </div>
-            <div class="col-md-6 col-lg-5">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Nama
-              </label>
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Imbuhan Awal 2"
-              />
-            </div>
-            <div class="col-md-6 col-lg-2">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Imbuhan Akhir</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Imbuhan Awal 2"
-              />
-            </div>
-          </div>
-          <!--end::Row 1-->
-          <!--begin::Row 2-->
-          <div class="row mt-5">
-            <div class="col-md-6">
-              <!-- begin::Jenis Kelamin -->
-              <div class="form-row">
-                <label
-                  for="input1"
-                  style="font-family: Poppins; font-weight: 600"
-                  >Jenis Kelamin</label
-                >
-                <select
-                  class="selectpicker form-control"
-                  id="select1"
-                  data-live-search="true"
-                  data-size="4"
-                  data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-                >
-                  <option value="default">Pilih Jenis Kelamin</option>
-                  <option value="mr">Perempuan</option>
-                  <option value="mrs">Laki-Laki</option>
-                </select>
-              </div>
-              <!-- end::Jenis Kelamin -->
-            </div>
-            <div class="col-md-6">
-              <!-- begin::Tanggal Lahir -->
-              <div class="form-row">
-                <label style="font-family: Poppins; font-weight: 600"
-                  >Tanggal Lahir</label
-                >
-                <div class="input-group date bg-field border-0 rounded-lg">
-                  <input
-                    type="text"
-                    class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                    readonly
-                    placeholder="Pilih Tanggal"
-                    id="datepicker"
-                  />
-                  <div class="input-group-prepend">
-                    <span
-                      class="input-group-text bg-field border-0 rounded-lg"
-                      id="calendar-icon"
-                    >
-                      <span
-                        class="iconify text-grey"
-                        data-icon="heroicons-solid:calendar"
-                        style="font-size: 20px"
-                      ></span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <!-- end::Tanggal Lahir -->
-            </div>
-          </div>
-          <!--end::Row 2-->
-          <!--begin::Row 3-->
-          <div class="row mt-5">
-            <div class="col-lg-6">
-              <!-- begin::Umur -->
-              <div class="form-row">
-                <div class="col">
-                  <label
-                    for="input1"
-                    style="font-family: Poppins; font-weight: 600"
-                    >Umur</label
-                  >
-                  <div class="input-container">
-                    <input
-                      type="text"
-                      id="myInput"
-                      class="input-field form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                    />
-                    <label for="myInput" class="input-label">Tahun</label>
-                  </div>
-                </div>
-                <div class="col mt-8">
-                  <div class="input-container">
-                    <input
-                      type="text"
-                      id="myInput"
-                      class="input-field form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                    />
-                    <label for="myInput" class="input-label">Bulan</label>
-                  </div>
-                </div>
-                <div class="col mt-8">
-                  <div class="input-container">
-                    <input
-                      type="text"
-                      id="myInput"
-                      class="input-field form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                    />
-                    <label for="myInput" class="input-label">Hari</label>
-                  </div>
-                </div>
-              </div>
-              <!-- end::Umur -->
-            </div>
-            <div class="col-lg-6">
-              <!-- begin::Darah -->
-              <div class="form-row">
-                <!-- begin::Golongan Darah -->
-                <div class="col">
-                  <label
-                    for="input1"
-                    style="font-family: Poppins; font-weight: 600"
-                    >Golongan Darah</label
-                  >
-                  <select
-                    class="selectpicker form-control"
-                    id="select1"
-                    data-live-search="true"
-                    data-size="4"
-                    data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-                  >
-                    <option value="default">Pilih Golongan Darah</option>
-                    <option value="">O</option>
-                    <option value="">A</option>
-                    <option value="">B</option>
-                    <option value="">AB</option>
-                  </select>
-                </div>
-                <!-- end::Golongan Darah -->
-                <!-- begin::Rhesus -->
-                <div class="col">
-                  <label style="font-family: Poppins; font-weight: 600"
-                    >Rhesus</label
-                  >
-                  <select
-                    class="selectpicker form-control"
-                    id="select1"
-                    data-live-search="true"
-                    data-size="5"
-                    data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-                  >
-                    <option value="default">Pilih Rhesus</option>
-                    <option value="">-</option>
-                    <option value="">+</option>
-                  </select>
-                </div>
-                <!-- end::Rhesus -->
-              </div>
-              <!-- end::Darah -->
-            </div>
-          </div>
-          <!--end::Row 3-->
-          <!--begin::Row 4-->
-          <div class="row mt-5">
-            <!--begin::Pekerjaan-->
-            <div class="col-md-6">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Pekerjaan</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Pekerjaan"
-              />
-            </div>
-            <!--end::Pekerjaan-->
-            <!--begin::Departemen-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <label
-                  for="input1"
-                  style="font-family: Poppins; font-weight: 600"
-                  >Departemen</label
-                >
-                <input
-                  type="text"
-                  class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                  placeholder="Departemen"
-                />
-              </div>
-            </div>
-            <!--end::Departemen-->
-          </div>
-          <!--end::Row 4-->
-          <!--begin::Row 5-->
-          <div class="row mt-5">
-            <!--begin::Posisi-->
-            <div class="col-md-6">
-              <label for="input1" style="font-family: Poppins; font-weight: 600"
-                >Posisi</label
-              >
-              <input
-                type="text"
-                class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                placeholder="Posisi"
-              />
-            </div>
-            <!--end::Posisi-->
-            <!--Begin::Pendidikan Terakhir-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <label style="font-family: Poppins; font-weight: 600"
-                  >Pendidikan Terakhir</label
-                >
-                <select
-                  class="selectpicker form-control"
-                  id="select1"
-                  data-live-search="true"
-                  data-size="5"
-                  data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-                >
-                  <option value="default">Pilih Pendidikan Terakhir</option>
-                  <option value="mr">SMA/SLTA/Sederajat</option>
-                  <option value="mrs">D3</option>
-                  <option value="ms">Sarjana</option>
-                  <option value="ms">Magister</option>
-                  <option value="ms">Doktor</option>
-                </select>
-              </div>
-            </div>
-            <!--end::Pendidikan Terakhir-->
-          </div>
-          <!--end::Row 5-->
-          <!--begin::Row 6-->
-          <div class="row mt-5">
-            <!--begin::Kewarganegaraan-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <label
-                  for="input1"
-                  style="font-family: Poppins; font-weight: 600"
-                  >Kewarganegaraan</label
-                >
-                <div class="form-control border-0 h-auto p-0 mt-3">
-                  <div class="form-group">
-                    <div
-                      class="justify-content-between"
-                      style="display: flex; gap: 20px"
-                    >
-                      <label
-                        style="display: flex; align-items: center; gap: 5px"
-                      >
-                        <input type="radio" name="nationality" value="wni" />
-                        <p style="margin: 0">WNI</p>
-                      </label>
-                      <label
-                        style="display: flex; align-items: center; gap: 5px"
-                      >
-                        <input type="radio" name="nationality" value="wna" />
-                        <p style="margin: 0">WNA</p>
-                      </label>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <!--end::Kewarganegaraan-->
-            <!--Begin::Etnis-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <label style="font-family: Poppins; font-weight: 600"
-                  >Etnis</label
-                >
-                <select
-                  class="selectpicker form-control"
-                  id="select1"
-                  data-live-search="true"
-                  data-size="4"
-                  data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-                >
-                  <option value="default">Pilih Etnis</option>
-                  <option value="">Jawa</option>
-                  <option value="">Sunda</option>
-                  <option value="">Batak</option>
-                  <option value="">Betawi</option>
-                  <option value="">Dayak</option>
-                </select>
-              </div>
-            </div>
-            <!--end::Etnis-->
-          </div>
-          <!--end::Row 6-->
-          <!--begin::Row 7-->
-          <div class="row mt-5">
-            <!--begin::Identitas-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <div class="col">
-                  <label
-                    for="input1"
-                    style="font-family: Poppins; font-weight: 600"
-                    >Identitas</label
-                  >
-                  <select
-                    class="selectpicker form-control"
-                    id="select1"
-                    data-live-search="true"
-                    data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
-                    data-size="4"
-                  >
-                    <option value="default">Pilih Identitas</option>
-                    <option value="">KTP</option>
-                    <option value="">SIM</option>
-                    <option value="">Paspor</option>
-                    <option value="">Kartu Pelajar</option>
-                    <option value="">Surat Keterangan</option>
-                  </select>
-                </div>
-              </div>
-            </div>
-            <!--end::Identitas-->
-            <!--Begin::Nomor Identitas-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <div class="col">
-                  <label
-                    for="input1"
-                    style="font-family: Poppins; font-weight: 600"
-                    >Nomor Identitas</label
-                  >
-                  <input
-                    type="text"
-                    class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                    placeholder="Nomor Identitas"
-                  />
-                </div>
-              </div>
-            </div>
-            <!--end::Nomor Identitas-->
-          </div>
-          <!--end::Row 7-->
-          <!--begin::Row 8-->
-          <div class="row mt-5">
-            <!--begin::Nomor Hp-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <div class="col">
-                  <label
-                    for="input1"
-                    style="font-family: Poppins; font-weight: 600"
-                    >Nomor HP</label
-                  >
-                  <input
-                    type="text"
-                    class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                    placeholder="Nomor HP"
-                  />
-                </div>
-              </div>
-            </div>
-            <!--end::Nomor Hp-->
-            <!--Begin::Email-->
-            <div class="col-md-6">
-              <div class="form-row">
-                <div class="col">
-                  <label
-                    for="input1"
-                    style="font-family: Poppins; font-weight: 600"
-                    >Email</label
-                  >
-                  <input
-                    type="text"
-                    class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
-                    placeholder="Email"
-                  />
-                </div>
-              </div>
-            </div>
-            <!--end::Email-->
-          </div>
-          <!--end::Row 8-->
-        </div>
-        <div class="col-lg-2">
-          <!-- person.png start -->
-          <div class="row">
-            <div class="col">
-              <img
-                src="asset-corporate-portal/media/person/person.png"
-                style="display: block; width: 13vw"
-              />
-            </div>
-          </div>
-
-          <div class="row mt-5">
-            <div class="col">
-              <button
-                class="btn bg-primary-transparent text-center text-primary"
-                style="width: 13vw; font-weight: 600"
-              >
-                Update Foto
-              </button>
-            </div>
-          </div>
-          <!-- person.png end -->
-        </div>
-      </div>
-    </div>
-
-    <!--end::Main-->
-    <script src="asset-corporate-portal/js/ktappsetting.js"></script>
-    <!-- iconify -->
-    <script src="assets/js/iconify/iconify.min.js"></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>
-    <script src="assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
-
-    <script>
-      function ShowLoading() {
-        document
-          .getElementById("demo")
-          .setAttribute("style", "display:block !important;");
-        document
-          .getElementById("a")
-          .setAttribute("style", "display:none !important;");
-      }
-      function ShowForm() {
-        document
-          .getElementById("demo")
-          .setAttribute("style", "display:none !important;");
-        document
-          .getElementById("a")
-          .setAttribute("style", "display:block !important;;");
-      }
-
-      $(document).ready(function () {
-        // $(".selectpicker").selectpicker();
-        $(".selectpicker").selectpicker({
-          dropupAuto: false,
-        });
-        $("#datepicker").datepicker({
-          format: "dd/mm/yyyy",
-        });
-        $("#calendar-icon").click(function () {
-          $("#datepicker").datepicker("show");
-        });
-      });
-    </script>
-    <!--end::Global Theme Bundle-->
-
-    <!--end::Page Scripts-->
-  </body>
-  <!--end::Body-->
-</html>
--- a/component/customdropdown/customdropdown.templ
+++ b/component/customdropdown/customdropdown.templ
@@ -30,7 +30,6 @@ templ MainCustomDropdownInput(inp models.CustomDropdownv1Prm, listItem templ.Com
 			name={ inp.Name }
 			class="form-control bg-field selectpicker"
 			data-live-search="true"
-			data-style="bg-field btn-lg rounded-lg btn-custom-selectpicker"
 			data-size="5"
 			id={ inp.ID }
 		>
@@ -60,60 +59,3 @@ templ MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string
 		</select>
 	</div>
 }
-
-templ CustomDropdownFilter(
-	idCmp string,
-	hxName string,
-	hxInclude string,
-	hxGet string,
-	hxSwap string,
-	hxTarget string,
-	hxTrigger string,
-	hxBeforeRequest templ.ComponentScript,
-	hxAfterRequest templ.ComponentScript,
-	listItem templ.Component) {
-	<select
-		class="form-control form-control-lg bg-field btn-lg rounded-lg selectpicker"
-		data-live-search="true"
-		data-size="5"
-		data-style="btn-field btn-lg rounded-lg"
-		data-live-search-placeholder="cari ..."
-		id={ idCmp }
-		name={ hxName }
-		hx-include={ hxInclude }
-		hx-get={ hxGet }
-		hx-swap={ hxSwap }
-		hx-target={ hxTarget }
-		hx-trigger={ hxTrigger }
-		hx-on::before-request={ hxBeforeRequest }
-		hx-on::after-request={ hxAfterRequest }
-	>
-		@listItem
-	</select>
-}
-
-templ CustomDropdownForm(
-	inp models.CustomDropdownV2Prm) {
-	<div class="form-group">
-		<label class="text-black" style="font-family: Poppins; font-weight: 600;">{ inp.Label } </label>
-		<select
-			if inp.ErrorMsg =="" {
-				class="form-control form-control-lg bg-field btn-lg rounded-lg selectpicker"
-			} else {
-				class="form-control form-control-lg bg-field btn-lg rounded-lg selectpicker is-invalid"
-			}
-			data-live-search="true"
-			data-size="5"
-			title={ inp.Placeholder }
-			data-style="btn-field btn-lg rounded-lg"
-			data-live-search-placeholder="cari ..."
-			name={ inp.Name }
-			id={ inp.ID }
-		>
-			@inp.ListItem
-		</select>
-		<div class="invalid-feedback text-danger mt-3 ml-2">
-			{ inp.ErrorMsg }
-		</div>
-	</div>
-}
--- a/component/customdropdown/customdropdown_templ.go
+++ b/component/customdropdown/customdropdown_templ.go
@@ -174,14 +174,14 @@ func MainCustomDropdownInput(inp models.CustomDropdownv1Prm, listItem templ.Comp
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"form-control bg-field selectpicker\" data-live-search=\"true\" data-style=\"bg-field btn-lg rounded-lg btn-custom-selectpicker\" data-size=\"5\" id=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"form-control bg-field selectpicker\" data-live-search=\"true\" data-size=\"5\" id=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var12 string
 		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 35, Col: 14}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 34, Col: 14}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
 		if templ_7745c5c3_Err != nil {
@@ -202,7 +202,7 @@ func MainCustomDropdownInput(inp models.CustomDropdownv1Prm, listItem templ.Comp
 		var templ_7745c5c3_Var13 string
 		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 40, Col: 17}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 39, Col: 17}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
 		if templ_7745c5c3_Err != nil {
@@ -239,7 +239,7 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		var templ_7745c5c3_Var15 string
 		templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 48, Col: 14}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 47, Col: 14}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
 		if templ_7745c5c3_Err != nil {
@@ -252,7 +252,7 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		var templ_7745c5c3_Var16 string
 		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(id)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 52, Col: 10}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 51, Col: 10}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
 		if templ_7745c5c3_Err != nil {
@@ -265,7 +265,7 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		var templ_7745c5c3_Var17 string
 		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 53, Col: 17}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 52, Col: 17}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
 		if templ_7745c5c3_Err != nil {
@@ -278,7 +278,7 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		var templ_7745c5c3_Var18 string
 		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 54, Col: 23}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 53, Col: 23}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
 		if templ_7745c5c3_Err != nil {
@@ -291,7 +291,7 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		var templ_7745c5c3_Var19 string
 		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 55, Col: 29}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 54, Col: 29}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
 		if templ_7745c5c3_Err != nil {
@@ -304,7 +304,7 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		var templ_7745c5c3_Var20 string
 		templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 56, Col: 25}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 55, Col: 25}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
 		if templ_7745c5c3_Err != nil {
@@ -317,7 +317,7 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		var templ_7745c5c3_Var21 string
 		templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 57, Col: 25}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 56, Col: 25}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var21))
 		if templ_7745c5c3_Err != nil {
@@ -341,271 +341,3 @@ func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string,
 		return templ_7745c5c3_Err
 	})
 }
-
-func CustomDropdownFilter(
-	idCmp string,
-	hxName string,
-	hxInclude string,
-	hxGet string,
-	hxSwap string,
-	hxTarget string,
-	hxTrigger string,
-	hxBeforeRequest templ.ComponentScript,
-	hxAfterRequest templ.ComponentScript,
-	listItem templ.Component) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var22 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var22 == nil {
-			templ_7745c5c3_Var22 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<select class=\"form-control form-control-lg bg-field btn-lg rounded-lg selectpicker\" data-live-search=\"true\" data-size=\"5\" data-style=\"btn-field btn-lg rounded-lg\" data-live-search-placeholder=\"cari ...\" id=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var23 string
-		templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.JoinStringErrs(idCmp)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 81, Col: 12}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var23))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" name=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var24 string
-		templ_7745c5c3_Var24, templ_7745c5c3_Err = templ.JoinStringErrs(hxName)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 82, Col: 15}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var24))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var25 string
-		templ_7745c5c3_Var25, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 83, Col: 24}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var25))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-get=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var26 string
-		templ_7745c5c3_Var26, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 84, Col: 16}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var26))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var27 string
-		templ_7745c5c3_Var27, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 85, Col: 18}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var27))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var28 string
-		templ_7745c5c3_Var28, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 86, Col: 22}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var28))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var29 string
-		templ_7745c5c3_Var29, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 87, Col: 24}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var29))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var30 templ.ComponentScript = hxBeforeRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var30.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var31 templ.ComponentScript = hxAfterRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var31.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = listItem.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</select>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func CustomDropdownForm(
-	inp models.CustomDropdownV2Prm) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var32 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var32 == nil {
-			templ_7745c5c3_Var32 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"form-group\"><label class=\"text-black\" style=\"font-family: Poppins; font-weight: 600;\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var33 string
-		templ_7745c5c3_Var33, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Label)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 98, Col: 87}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var33))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</label> <select")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if inp.ErrorMsg == "" {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control form-control-lg bg-field btn-lg rounded-lg selectpicker\"")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-		} else {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control form-control-lg bg-field btn-lg rounded-lg selectpicker is-invalid\"")
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" data-live-search=\"true\" data-size=\"5\" title=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var34 string
-		templ_7745c5c3_Var34, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Placeholder)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 107, Col: 26}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var34))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" data-style=\"btn-field btn-lg rounded-lg\" data-live-search-placeholder=\"cari ...\" name=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var35 string
-		templ_7745c5c3_Var35, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Name)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 110, Col: 18}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var35))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" id=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var36 string
-		templ_7745c5c3_Var36, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ID)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 111, Col: 14}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var36))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = inp.ListItem.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</select><div class=\"invalid-feedback text-danger mt-3 ml-2\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var37 string
-		templ_7745c5c3_Var37, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customdropdown\customdropdown.templ`, Line: 116, Col: 17}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var37))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
--- a/component/customradiobutton/customradiobuttoninline.templ
+++ b/component/customradiobutton/customradiobuttoninline.templ
@@ -1,22 +0,0 @@
-package customradiobuttoninline
-
-import "cpone/models"
-
-templ MainCustomRadioButtonInput(inp models.CustomRadioButtonv1Prm) {
-	<div class="mt-5">
-		<label for="input1" style="font-family: Poppins; font-weight: 600">{ inp.Label }</label>
-		<div class="form-control">
-			<div class="form-group">
-				<div style="display: flex; gap: 20px">
-					<label style="display: flex; align-items: center; gap: 5px">
-						<input type="radio" name="nationality" value={ inp.Value }/>
-						<p style="margin: 0">{ inp.Text }</p>
-					</label>
-				</div>
-			</div>
-		</div>
-		<div class="invalid-feedback text-danger mt-3 ml-2 mt-5">
-			{ inp.ErrorMsg }
-		</div>
-	</div>
-}
--- a/component/customtextfield/customtextfieldv2.templ
+++ b/component/customtextfield/customtextfieldv2.templ
@@ -19,9 +19,9 @@ templ CustomTextFieldv2(inp models.CustomTextFieldv2Prm) {
 			placeholder={ inp.Placeholder }
 			value={ inp.Value }
 			if inp.ErrorMsg =="" {
-				class="form-control bg-field border-0 form-control-lg bg-field rounded-lg"
+				class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
 			} else {
-				class="form-control bg-field border-1 form-control-lg bg-field rounded-lg is-invalid"
+				class="form-control bg-field border-1 h-auto py-6 px-6 rounded-lg is-invalid"
 			}
 		/>
 		<div class="invalid-feedback text-danger mt-3 ml-2">
--- a/component/customtextfield/customtextfieldv2_templ.go
+++ b/component/customtextfield/customtextfieldv2_templ.go
@@ -123,12 +123,12 @@ func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 			return templ_7745c5c3_Err
 		}
 		if inp.ErrorMsg == "" {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control bg-field border-0 form-control-lg bg-field rounded-lg\"")
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control bg-field border-0 h-auto py-6 px-6 rounded-lg\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
 		} else {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control bg-field border-1 form-control-lg bg-field rounded-lg is-invalid\"")
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control bg-field border-1 h-auto py-6 px-6 rounded-lg is-invalid\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
--- a/component/modal/modal.templ
+++ b/component/modal/modal.templ
@@ -28,32 +28,3 @@ templ Modal(modalID string, modalTitle string, modalBody templ.Component, modalA
 		</div>
 	</div>
 }
-
-templ ModalXL(modalID string, modalTitle string, modalBody templ.Component, modalAction templ.Component, btnClose templ.Component) {
-	<div
-		class="modal fade"
-		style="display: none"
-		id={ modalID }
-		tabindex="-1"
-		role="dialog"
-		data-backdrop="static"
-		aria-hidden="true"
-	>
-		<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
-			<div class="modal-content rounded-lg">
-				<div class="modal-header border-bottom-0">
-					<h6 class="modal-title text-black font-weight-bolder">
-						{ modalTitle }
-					</h6>
-					@btnClose
-				</div>
-				<div class="modal-body border-bottom-0">
-					@modalBody
-				</div>
-				<div class="modal-footer border-top-0">
-					@modalAction
-				</div>
-			</div>
-		</div>
-	</div>
-}
--- a/component/modal/modal_templ.go
+++ b/component/modal/modal_templ.go
@@ -83,77 +83,3 @@ func Modal(modalID string, modalTitle string, modalBody templ.Component, modalAc
 		return templ_7745c5c3_Err
 	})
 }
-
-func ModalXL(modalID string, modalTitle string, modalBody templ.Component, modalAction templ.Component, btnClose templ.Component) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var4 == nil {
-			templ_7745c5c3_Var4 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"modal fade\" style=\"display: none\" id=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var5 string
-		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(modalID)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal.templ`, Line: 36, Col: 14}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" tabindex=\"-1\" role=\"dialog\" data-backdrop=\"static\" aria-hidden=\"true\"><div class=\"modal-dialog modal-xl modal-dialog-centered\" role=\"document\"><div class=\"modal-content rounded-lg\"><div class=\"modal-header border-bottom-0\"><h6 class=\"modal-title text-black font-weight-bolder\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var6 string
-		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(modalTitle)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal.templ`, Line: 46, Col: 18}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h6>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = btnClose.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-body border-bottom-0\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = modalBody.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-footer border-top-0\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = modalAction.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
--- a/component/navbar/navbar.templ
+++ b/component/navbar/navbar.templ
@@ -40,50 +40,6 @@ templ Navbar(dataUser models.User) {
 	</div>
 }

-templ NavbarWithLogo(dataUser models.User) {
-	<div id="kt_header" class="header">
-		<!--begin::Container-->
-		<div class="container-fluid  d-flex align-items-stretch justify-content-between">
-			<!--begin::Header Menu Wrapper-->
-			<div class="header-menu-wrapper header-menu-wrapper-left" id="kt_header_menu_wrapper">
-				<a class="navbar-brand" href="#">
-					<img
-						src="/asset-corporate-portal/media/landingpage/logo.png"
-						width="126"
-						height="40"
-						class="d-inline-block align-top"
-						alt="Your Brand"
-					/>
-				</a>			
-			</div>
-			<!--end::Header Menu Wrapper-->
-			<!--begin::Topbar-->
-			<div class="topbar">
-				<!--begin::User-->
-				<div class="topbar-item">
-					<div
-						class="btn btn-icon btn-icon-mobile w-auto btn-clean d-flex align-items-center btn-lg px-2"
-						id="kt_quick_user_toggle"
-					>
-						<span
-							class="text-muted font-weight-bold font-size-base d-none d-md-inline mr-1"
-						>Hi,</span>
-						<span
-							class="text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3"
-						>{ dataUser.Username }</span>
-						<span class="bg-primary-transparent p-3" style="border-radius: 50%; width: 40px; height: 40px;">
-							<span class="iconify text-primary" data-icon="gravity-ui:person"></span>
-						</span>
-					</div>
-				</div>
-				<!--end::User-->
-			</div>
-			<!--end::Topbar-->
-		</div>
-		<!--end::Container-->
-	</div>
-}
-
 templ NavbarMenu(datamenu []models.Menu) {
 	<div class="aside-menu-wrapper flex-column-fluid" id="kt_aside_menu_wrapper">
 		<!--begin::Menu Container-->
--- a/component/navbar/navbar_templ.go
+++ b/component/navbar/navbar_templ.go
@@ -53,7 +53,7 @@ func Navbar(dataUser models.User) templ.Component {
 	})
 }

-func NavbarWithLogo(dataUser models.User) templ.Component {
+func NavbarMenu(datamenu []models.Menu) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
 		if !templ_7745c5c3_IsBuffer {
@@ -66,43 +66,6 @@ func NavbarWithLogo(dataUser models.User) templ.Component {
 			templ_7745c5c3_Var3 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"kt_header\" class=\"header\"><!--begin::Container--><div class=\"container-fluid  d-flex align-items-stretch justify-content-between\"><!--begin::Header Menu Wrapper--><div class=\"header-menu-wrapper header-menu-wrapper-left\" id=\"kt_header_menu_wrapper\"><a class=\"navbar-brand\" href=\"#\"><img src=\"/asset-corporate-portal/media/landingpage/logo.png\" width=\"126\" height=\"40\" class=\"d-inline-block align-top\" alt=\"Your Brand\"></a></div><!--end::Header Menu Wrapper--><!--begin::Topbar--><div class=\"topbar\"><!--begin::User--><div class=\"topbar-item\"><div class=\"btn btn-icon btn-icon-mobile w-auto btn-clean d-flex align-items-center btn-lg px-2\" id=\"kt_quick_user_toggle\"><span class=\"text-muted font-weight-bold font-size-base d-none d-md-inline mr-1\">Hi,</span> <span class=\"text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var4 string
-		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.Username)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\navbar\navbar.templ`, Line: 73, Col: 26}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span> <span class=\"bg-primary-transparent p-3\" style=\"border-radius: 50%; width: 40px; height: 40px;\"><span class=\"iconify text-primary\" data-icon=\"gravity-ui:person\"></span></span></div></div><!--end::User--></div><!--end::Topbar--></div><!--end::Container--></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func NavbarMenu(datamenu []models.Menu) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var5 == nil {
-			templ_7745c5c3_Var5 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"aside-menu-wrapper flex-column-fluid\" id=\"kt_aside_menu_wrapper\"><!--begin::Menu Container--><div id=\"kt_aside_menu\" class=\"aside-menu my-4 \" data-menu-vertical=\"1\" data-menu-scroll=\"1\" data-menu-dropdown-timeout=\"500\"><!--begin::Menu Nav--><ul class=\"menu-nav \">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
--- a/go.mod
+++ b/go.mod
@@ -4,18 +4,17 @@ go 1.21.0

 require (
 	github.com/a-h/templ v0.2.663
-	github.com/fsnotify/fsnotify v1.7.0
 	github.com/glebarez/go-sqlite v1.22.0
-	github.com/go-sql-driver/mysql v1.8.1
-	github.com/jmoiron/sqlx v1.4.0
 	github.com/labstack/echo/v4 v4.12.0
-	github.com/spf13/viper v1.18.2
 	golang.org/x/text v0.14.0
 )

 require (
 	filippo.io/edwards25519 v1.1.0 // indirect
+	github.com/fsnotify/fsnotify v1.7.0 // indirect
+	github.com/go-sql-driver/mysql v1.8.1 // indirect
 	github.com/hashicorp/hcl v1.0.0 // indirect
+	github.com/jmoiron/sqlx v1.4.0 // indirect
 	github.com/magiconair/properties v1.8.7 // indirect
 	github.com/mitchellh/mapstructure v1.5.0 // indirect
 	github.com/pelletier/go-toml/v2 v2.1.0 // indirect
@@ -25,6 +24,7 @@ require (
 	github.com/spf13/afero v1.11.0 // indirect
 	github.com/spf13/cast v1.6.0 // indirect
 	github.com/spf13/pflag v1.0.5 // indirect
+	github.com/spf13/viper v1.18.2 // indirect
 	github.com/subosito/gotenv v1.6.0 // indirect
 	go.uber.org/multierr v1.10.0 // indirect
 	golang.org/x/exp v0.0.0-20230905200255-921286631fa9 // indirect
@@ -36,7 +36,7 @@ require (
 	github.com/dustin/go-humanize v1.0.1 // indirect
 	github.com/golang-jwt/jwt v3.2.2+incompatible // indirect
 	github.com/google/uuid v1.5.0 // indirect
-	github.com/labstack/gommon v0.4.2
+	github.com/labstack/gommon v0.4.2 // indirect
 	github.com/mattn/go-colorable v0.1.13 // indirect
 	github.com/mattn/go-isatty v0.0.20 // indirect
 	github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec // indirect
--- a/go.sum
+++ b/go.sum
@@ -3,13 +3,10 @@ filippo.io/edwards25519 v1.1.0/go.mod h1:BxyFTGdWcka3PhytdK4V28tE5sGfRvvvRV7EaN4
 github.com/a-h/templ v0.2.663 h1:aa0WMm27InkYHGjimcM7us6hJ6BLhg98ZbfaiDPyjHE=
 github.com/a-h/templ v0.2.663/go.mod h1:SA7mtYwVEajbIXFRh3vKdYm/4FYyLQAtPH1+KxzGPA8=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
-github.com/davecgh/go-spew v1.1.2-0.20180830191138-d8f796af33cc h1:U9qPSI2PIWSS1VwoXQT9A3Wy9MM3WgvqSxFWenqJduM=
-github.com/davecgh/go-spew v1.1.2-0.20180830191138-d8f796af33cc/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/dustin/go-humanize v1.0.1 h1:GzkhY7T5VNhEkwH0PVJgjz+fX1rhBrR7pRT3mDkpeCY=
 github.com/dustin/go-humanize v1.0.1/go.mod h1:Mu1zIs6XwVuF/gI1OepvI0qD18qycQx+mFykh5fBlto=
-github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHkI4W8=
-github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0=
 github.com/fsnotify/fsnotify v1.7.0 h1:8JEhPFa5W2WU7YfeZzPNqzMP6Lwt7L2715Ggo0nosvA=
 github.com/fsnotify/fsnotify v1.7.0/go.mod h1:40Bi/Hjc2AVfZrqy+aj+yEI+/bRxZnMJyTJwOpGvigM=
 github.com/glebarez/go-sqlite v1.22.0 h1:uAcMJhaA6r3LHMTFgP0SifzgXg46yJkgxqyuyec+ruQ=
@@ -28,36 +25,33 @@ github.com/hashicorp/hcl v1.0.0 h1:0Anlzjpi4vEasTeNFn2mLJgTSwt0+6sfsiTG8qcWGx4=
 github.com/hashicorp/hcl v1.0.0/go.mod h1:E5yfLk+7swimpb2L/Alb/PJmXilQ/rhwaUYs4T20WEQ=
 github.com/jmoiron/sqlx v1.4.0 h1:1PLqN7S1UYp5t4SrVVnt4nUVNemrDAtxlulVe+Qgm3o=
 github.com/jmoiron/sqlx v1.4.0/go.mod h1:ZrZ7UsYB/weZdl2Bxg6jCRO9c3YHl8r3ahlKmRT4JLY=
-github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
-github.com/kr/pretty v0.3.1/go.mod h1:hoEshYVHaxMs3cyo3Yncou5ZscifuDolrwPKZanG3xk=
-github.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=
-github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
+github.com/labstack/echo/v4 v4.11.3 h1:Upyu3olaqSHkCjs1EJJwQ3WId8b8b1hxbogyommKktM=
+github.com/labstack/echo/v4 v4.11.3/go.mod h1:UcGuQ8V6ZNRmSweBIJkPvGfwCMIlFmiqrPqiEBfPYws=
 github.com/labstack/echo/v4 v4.12.0 h1:IKpw49IMryVB2p1a4dzwlhP1O2Tf2E0Ir/450lH+kI0=
 github.com/labstack/echo/v4 v4.12.0/go.mod h1:UP9Cr2DJXbOK3Kr9ONYzNowSh7HP0aG0ShAyycHSJvM=
+github.com/labstack/gommon v0.4.0 h1:y7cvthEAEbU0yHOf4axH8ZG2NH8knB9iNSoTO8dyIk8=
+github.com/labstack/gommon v0.4.0/go.mod h1:uW6kP17uPlLJsD3ijUYn3/M5bAxtlZhMI6m3MFxTMTM=
 github.com/labstack/gommon v0.4.2 h1:F8qTUNXgG1+6WQmqoUWnz8WiEU60mXVVw0P4ht1WRA0=
 github.com/labstack/gommon v0.4.2/go.mod h1:QlUFxVM+SNXhDL/Z7YhocGIBYOiwB0mXm1+1bAPHPyU=
-github.com/lib/pq v1.10.9 h1:YXG7RB+JIjhP29X+OtkiDnYaXQwpS4JEWq7dtCCRUEw=
 github.com/lib/pq v1.10.9/go.mod h1:AlVN5x4E4T544tWzH6hKfbfQvm3HdbOxrmggDNAPY9o=
 github.com/magiconair/properties v1.8.7 h1:IeQXZAiQcpL9mgcAe1Nu6cX9LLw6ExEHKjN0VQdvPDY=
 github.com/magiconair/properties v1.8.7/go.mod h1:Dhd985XPs7jluiymwWYZ0G4Z61jb3vdS329zhj2hYo0=
+github.com/mattn/go-colorable v0.1.11/go.mod h1:u5H1YNBxpqRaxsYJYSkiCWKzEfiAb1Gb520KVy5xxl4=
 github.com/mattn/go-colorable v0.1.13 h1:fFA4WZxdEF4tXPZVKMLwD8oUnCTTo08duU7wxecdEvA=
 github.com/mattn/go-colorable v0.1.13/go.mod h1:7S9/ev0klgBDR4GtXTXX8a3vIGJpMovkB8vQcUbaXHg=
+github.com/mattn/go-isatty v0.0.14/go.mod h1:7GGIvUiUoEMVVmxf/4nioHXj79iQHKdU27kJ6hsGG94=
 github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
 github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
 github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
-github.com/mattn/go-sqlite3 v1.14.22 h1:2gZY6PC6kBnID23Tichd1K+Z0oS6nE/XwU+Vz/5o4kU=
 github.com/mattn/go-sqlite3 v1.14.22/go.mod h1:Uh1q+B4BYcTPb+yiD3kU8Ct7aC0hY9fxUwlHK0RXw+Y=
 github.com/mitchellh/mapstructure v1.5.0 h1:jeMsZIYE/09sWLaz43PL7Gy6RuMjD2eJVyuac5Z2hdY=
 github.com/mitchellh/mapstructure v1.5.0/go.mod h1:bFUtVrKA4DC2yAKiSyO/QUcy7e+RRV2QTWOzhPopBRo=
 github.com/pelletier/go-toml/v2 v2.1.0 h1:FnwAJ4oYMvbT/34k9zzHuZNrhlz48GB3/s6at6/MHO4=
 github.com/pelletier/go-toml/v2 v2.1.0/go.mod h1:tJU2Z3ZkXwnxa4DPO899bsyIoywizdUvyaeZurnPPDc=
+github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
-github.com/pmezard/go-difflib v1.0.1-0.20181226105442-5d4384ee4fb2 h1:Jamvg5psRIccs7FGNTlIRMkT8wgtp5eCXdBlqhYGL6U=
-github.com/pmezard/go-difflib v1.0.1-0.20181226105442-5d4384ee4fb2/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
-github.com/rogpeppe/go-internal v1.9.0 h1:73kH8U+JUqXU8lRuOHeVHaa/SZPifC7BkcraZVejAe8=
-github.com/rogpeppe/go-internal v1.9.0/go.mod h1:WtVeX8xhTBvf0smdhujwtBcq4Qrzq/fJaraNFVN+nFs=
 github.com/sagikazarmark/locafero v0.4.0 h1:HApY1R9zGo4DBgr7dqsTH/JJxLTTsOt7u6keLGt6kNQ=
 github.com/sagikazarmark/locafero v0.4.0/go.mod h1:Pe1W6UlPYUk/+wc/6KFhbORCfqzgYEpgQ3O5fPuL3H4=
 github.com/sagikazarmark/slog-shim v0.1.0 h1:diDBnUNK9N/354PgrxMywXnAwEr1QZcOr6gto+ugjYE=
@@ -75,6 +69,7 @@ github.com/spf13/viper v1.18.2/go.mod h1:EKmWIqdnk5lOcmR72yw6hS+8OPYcwD0jteitLMV
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/objx v0.4.0/go.mod h1:YvHI0jy2hoMjB+UWwv71VJQ9isScKT/TqJzVSSt89Yw=
 github.com/stretchr/objx v0.5.0/go.mod h1:Yh+to48EsGEfYuaHDzXPcE3xhTkx73EhmCGUpEOglKo=
+github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
 github.com/stretchr/testify v1.7.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
 github.com/stretchr/testify v1.8.0/go.mod h1:yNjHg4UonilssWZ8iaSj1OCr/vHnekPRkoO+kdMU+MU=
 github.com/stretchr/testify v1.8.4 h1:CcVxjf3Q8PM0mHUKJCdn+eZZtm5yQwehR5yeSVQQcUk=
@@ -83,34 +78,43 @@ github.com/subosito/gotenv v1.6.0 h1:9NlTDc1FTs4qu0DDq7AEtTPNw6SVm7uBMsUCUjABIf8
 github.com/subosito/gotenv v1.6.0/go.mod h1:Dk4QP5c2W3ibzajGcXpNraDfq2IrhjMIvMSWPKKo0FU=
 github.com/valyala/bytebufferpool v1.0.0 h1:GqA5TC/0021Y/b9FG4Oi9Mr3q7XYx6KllzawFIhcdPw=
 github.com/valyala/bytebufferpool v1.0.0/go.mod h1:6bBcMArwyJ5K/AmCkWv1jt77kVWyCJ6HpOuEn7z0Csc=
+github.com/valyala/fasttemplate v1.2.1/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+qRAEEKiv+SiQ=
 github.com/valyala/fasttemplate v1.2.2 h1:lxLXG0uE3Qnshl9QyaK6XJxMXlQZELvChBOCmQD0Loo=
 github.com/valyala/fasttemplate v1.2.2/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+qRAEEKiv+SiQ=
-go.uber.org/goleak v1.3.0 h1:2K3zAYmnTNqV73imy9J1T3WC+gmCePx2hEGkimedGto=
-go.uber.org/goleak v1.3.0/go.mod h1:CoHD4mav9JJNrW/WLlf7HGZPjdw8EucARQHekz1X6bE=
 go.uber.org/multierr v1.10.0 h1:S0h4aNzvfcFsC3dRF1jLoaov7oRaKqRGC/pUEJ2yvPQ=
 go.uber.org/multierr v1.10.0/go.mod h1:20+QtiLqy0Nd6FdQB9TLXag12DsQkrbs3htMFfDN80Y=
 go.uber.org/zap v1.27.0 h1:aJMhYGrd5QSmlpLMr2MftRKl7t8J8PTZPA732ud/XR8=
 go.uber.org/zap v1.27.0/go.mod h1:GB2qFLM7cTU87MWRP2mPIjqfIDnGu+VIO4V/SdhGo2E=
+golang.org/x/crypto v0.16.0 h1:mMMrFzRSCF0GvB7Ne27XVtVAaXLrPmgPC7/v0tkwHaY=
+golang.org/x/crypto v0.16.0/go.mod h1:gCAAfMLgwOJRpTjQ2zCCt2OcSfYMTeZVSRtQlPC7Nq4=
 golang.org/x/crypto v0.22.0 h1:g1v0xeRhjcugydODzvb3mEM9SQ0HGp9s/nh3COQ/C30=
 golang.org/x/crypto v0.22.0/go.mod h1:vr6Su+7cTlO45qkww3VDJlzDn0ctJvRgYbC2NvXHt+M=
 golang.org/x/exp v0.0.0-20230905200255-921286631fa9 h1:GoHiUyI/Tp2nVkLI2mCxVkOjsbSXD66ic0XW0js0R9g=
 golang.org/x/exp v0.0.0-20230905200255-921286631fa9/go.mod h1:S2oDrQGGwySpoQPVqRShND87VCbxmc6bL1Yd2oYrm6k=
+golang.org/x/net v0.19.0 h1:zTwKpTd2XuCqf8huc7Fo2iSy+4RHPd10s4KzeTnVr1c=
+golang.org/x/net v0.19.0/go.mod h1:CfAk/cbD4CthTvqiEl8NpboMuiuOYsAr/7NOjZJtv1U=
 golang.org/x/net v0.24.0 h1:1PcaxkF854Fu3+lvBIx5SYn9wRlBzzcnHZSiaFFAb0w=
 golang.org/x/net v0.24.0/go.mod h1:2Q7sJY5mzlzWjKtYUEXSlBWCdyaioyXzRB2RtU8KVE8=
+golang.org/x/sys v0.0.0-20210630005230-0f9fa26af87c/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20210927094055-39ccf1dd6fa6/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20211103235746-7861aae1554b/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.15.0 h1:h48lPFYpsTvQJZF4EKyI4aLHaev3CxivZmv7yZig9pc=
+golang.org/x/sys v0.15.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/sys v0.19.0 h1:q5f1RH2jigJ1MoAWp2KTp3gm5zAGFUTarQZ5U386+4o=
 golang.org/x/sys v0.19.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
 golang.org/x/text v0.14.0 h1:ScX5w1eTa3QqT8oi6+ziP7dTV1S2+ALU0bI+0zXKWiQ=
 golang.org/x/text v0.14.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
+golang.org/x/time v0.3.0 h1:rg5rLMjNzMS1RkNLzCG38eapWhnYLFYXDXj2gOlr8j4=
+golang.org/x/time v0.3.0/go.mod h1:tRJNPiyCQ0inRvYxbN9jk5I+vvW/OXSQhTDSoE431IQ=
 golang.org/x/time v0.5.0 h1:o7cqy6amK/52YcAKIPlM3a+Fpj35zvRj2TP+e1xFSfk=
 golang.org/x/time v0.5.0/go.mod h1:3BpzKBy/shNhVucY/MWOyx10tF3SFh9QdLuxbVysPQM=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
-gopkg.in/check.v1 v1.0.0-20190902080502-41f04d3bba15 h1:YR8cESwS4TdDjEe65xsg0ogRM/Nc3DYOhEAlW+xobZo=
-gopkg.in/check.v1 v1.0.0-20190902080502-41f04d3bba15/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
 gopkg.in/ini.v1 v1.67.0 h1:Dgnx+6+nfE+IfzjUEISNeydPJh9AXNNsWbGP9KzCsOA=
 gopkg.in/ini.v1 v1.67.0/go.mod h1:pNLf8WUiyNEtQjuu5G5vTm06TEv9tsIgeAvK8hOrP4k=
 gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
+gopkg.in/yaml.v3 v3.0.0-20210107192922-496545a6307b/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
 gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
 modernc.org/libc v1.37.6 h1:orZH3c5wmhIQFTXF+Nt+eeauyd+ZIt2BX6ARe+kD+aw=
--- a/handlers/dev/employeeanalytic.handlers.go
+++ b/handlers/dev/employeeanalytic.handlers.go
@@ -1,180 +0,0 @@
-package dev_handlers
-
-import (
-	breadcrumadmin "cpone/component/breadcrumbadmin"
-	navbarmenu "cpone/component/navbar"
-	"cpone/component/pagination"
-	sidebaruserprofile "cpone/component/sidebar_user_profile"
-	"cpone/models"
-	"cpone/services"
-	"cpone/utils"
-	dev_employeeanalytic "cpone/views/dev/employeeanalytic"
-	"strconv"
-
-	"github.com/a-h/templ"
-	"github.com/labstack/echo/v4"
-	"go.uber.org/zap"
-)
-
-type EmployeeAnalyticServices interface {
-	GetEmployeeAnalyticBreadcrumb(title string) (models.BreadCrumbV1, error)
-	DummyDataTest() ([]models.EmployeeAnalytic, error)
-	ListingEmployeeAnalytic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.EmployeeAnalytic, int, error)
-}
-
-type EmployeeAnalyticHandler struct {
-	EmployeeAnalyticServices EmployeeAnalyticServices
-}
-
-func NewEmployeeAnalyticHandler(ea EmployeeAnalyticServices) *EmployeeAnalyticHandler {
-	return &EmployeeAnalyticHandler{
-		EmployeeAnalyticServices: ea,
-	}
-}
-
-func (ea *EmployeeAnalyticHandler) HandleShowEmployeeAnalyticScreen(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-	title := "PT. Sadhana Abiyasa Sampoerna"
-
-	listID := utils.GenerateRandomID("listid")
-	paginationID := utils.GenerateRandomID("paginationid")
-
-	user, err := services.GetUserLogin()
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("Error get user dev", zap.Any("error", err))
-		return err
-	}
-
-	dataBreadcrumb, err := ea.EmployeeAnalyticServices.GetEmployeeAnalyticBreadcrumb(title)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("Error breadcrumb dev", zap.Any("error", err))
-		return err
-	}
-	defer logger.Sync()
-
-	navbaruser := navbarmenu.NavbarWithLogo(user)
-	sidbaruser := sidebaruserprofile.Navbaruserprofile(user)
-	breadcrumb := breadcrumadmin.MainBreadcrumbAdminV1(dataBreadcrumb)
-
-	listingData, totalPage, err := ea.EmployeeAnalyticServices.ListingEmployeeAnalytic("", "", "", 1, 5)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("Error get listing data", zap.Any("error", err), zap.Any("total", totalPage))
-		return err
-	}
-	listingcomponent := dev_employeeanalytic.ListingData(listingData, listID)
-
-	paginationcomponent := pagination.PaginationV3(
-		totalPage,
-		1,
-		"/dev/employeeanalytic/changepage",
-		paginationID,
-		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
-		"#"+paginationID,
-		"outerHTML", "", "",
-		dev_employeeanalytic.BeforeRequestContent(),
-		dev_employeeanalytic.AfterRequestContent(),
-	)
-
-	filtercomponent := dev_employeeanalytic.FilterListing(
-		"/dev/employeeanalytic/filter",
-		"input changed delay:500ms",
-		"#searchID, #startdateID, #enddateID, #listID, #paginationID",
-		"outerHTML",
-		"#"+paginationID,
-		dev_employeeanalytic.BeforeRequestContent(),
-		dev_employeeanalytic.AfterRequestContent(),
-	)
-
-	content := dev_employeeanalytic.EmployeeAnalyticScreen(
-		listID,
-		paginationID,
-		breadcrumb,
-		filtercomponent,
-		listingcomponent,
-		paginationcomponent,
-	)
-	css := dev_employeeanalytic.CSSEmployeeAnalytic()
-	js := dev_employeeanalytic.JSEmployeeAnalytic()
-
-	view := dev_employeeanalytic.ShowEmployeeAnalytic(title, content, css, js, navbaruser, sidbaruser)
-	return utils.View(c, view)
-}
-
-func (ea *EmployeeAnalyticHandler) HandlePagination(c echo.Context) error {
-
-	pageparam := c.QueryParam("page")
-	listID := c.QueryParam("listID")
-	paginationID := c.QueryParam("paginationID")
-	search := c.QueryParam("search")
-	startdate := c.QueryParam("startdate")
-	enddate := c.QueryParam("enddate")
-
-	var retVal []templ.Component
-	logger, _ := zap.NewProduction()
-	page, err := strconv.Atoi(pageparam)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("Error convert page param")
-		return err
-	}
-
-	listdata, totalPage, err := ea.EmployeeAnalyticServices.ListingEmployeeAnalytic(search, startdate, enddate, page, 5)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("Error convert page param")
-		return err
-	}
-	listcomponent := dev_employeeanalytic.ListingData(listdata, listID)
-
-	paginationcomponent := pagination.PaginationV3(
-		totalPage,
-		page,
-		"/dev/employeeanalytic/changepage",
-		paginationID,
-		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
-		"#"+paginationID,
-		"outerHTML", "", "",
-		dev_employeeanalytic.BeforeRequestContent(),
-		dev_employeeanalytic.AfterRequestContent(),
-	)
-
-	retVal = append(retVal, listcomponent)
-	retVal = append(retVal, paginationcomponent)
-	return utils.ViewMulti(c, retVal)
-}
-
-func (ea *EmployeeAnalyticHandler) HandleFilter(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	search := c.QueryParam("search")
-	startdate := c.QueryParam("startdate")
-	enddate := c.QueryParam("enddate")
-	listID := c.QueryParam("listID")
-	paginationID := c.QueryParam("paginationID")
-
-	dataList, totalPage, err := ea.EmployeeAnalyticServices.ListingEmployeeAnalytic(search, startdate, enddate, 1, 5)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("Error Get Listing Data", zap.Any("error", err))
-		return err
-	}
-
-	listcomponent := dev_employeeanalytic.ListingData(dataList, listID)
-	paginationcomponent := pagination.PaginationV3(
-		totalPage, 1,
-		"/dev/employeeanalytic/changepage",
-		paginationID,
-		"#listID, #paginationID, #searchID, #startdateID, #enddateID",
-		"#"+paginationID, "outerHTML", "", "",
-		dev_employeeanalytic.BeforeRequestContent(),
-		dev_employeeanalytic.AfterRequestContent(),
-	)
-
-	var retval []templ.Component
-	retval = append(retval, listcomponent)
-	retval = append(retval, paginationcomponent)
-	return utils.ViewMulti(c, retval)
-}
--- a/handlers/dev/groupresult.handlers.go
+++ b/handlers/dev/groupresult.handlers.go
--- a/handlers/dev/kesimpulan.handlers.go
+++ b/handlers/dev/kesimpulan.handlers.go
@@ -1,88 +0,0 @@
-package dev_handlers
-
-import (
-	"cpone/models"
-	"cpone/utils"
-	dev_kesimpulan "cpone/views/dev/kesimpulan"
-	"fmt"
-
-	"github.com/labstack/echo/v4"
-	"go.uber.org/zap"
-)
-
-type KesimpulanService interface {
-	GetListKesimpulanLab(id string) ([]models.ModelKesimpulanLab, error)
-	GetListKesimpulanNonLab(id string) ([]models.ModelKesimpulanLab, error)
-	GetListKesimpulanFisik(id string) ([]models.ModelKesimpulanLab, error)
-}
-
-func NewKesimpulanHandler(us KesimpulanService) *KesimpulanHandler {
-	return &KesimpulanHandler{
-		KesimpulanService: us,
-	}
-}
-
-type KesimpulanHandler struct {
-	KesimpulanService KesimpulanService
-}
-
-func (h *KesimpulanHandler) HandleShowKesimpulanScreen(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	tableID := utils.GenerateRandomID("tablebody")
-	id := c.Param("id")
-
-	// table component
-	dataLab, err := h.KesimpulanService.GetListKesimpulanLab(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR GET LIST LAB",
-			zap.Any("error", err),
-		)
-		fmt.Println(dataLab)
-		return err
-	}
-
-	logger.Info("CEK DATA",
-		zap.Any("data lab", dataLab))
-
-	tableComponentLab := dev_kesimpulan.CardTableKesimpulan("3 Kelainan Pemeriksaan Lab terbesar :", dataLab, tableID)
-
-	// table component non lab
-	dataNonLab, err := h.KesimpulanService.GetListKesimpulanNonLab(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR GET LIST NON LAB",
-			zap.Any("error", err),
-		)
-		fmt.Println(dataNonLab)
-		return err
-	}
-
-	logger.Info("CEK DATA",
-		zap.Any("data lab", dataNonLab))
-	tableComponentNonLab := dev_kesimpulan.CardTableKesimpulan("3 Kelainan Pemeriksaan Non Lab terbesar :", dataNonLab, tableID)
-
-	// table component fisik
-	dataFisik, err := h.KesimpulanService.GetListKesimpulanFisik(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR GET LIST FISIK",
-			zap.Any("error", err),
-		)
-		fmt.Println(dataFisik)
-		return err
-	}
-
-	logger.Info("CEK DATA",
-		zap.Any("data lab", dataFisik))
-	tableComponentFisik := dev_kesimpulan.CardTableKesimpulan("3 Kelainan Pemeriksaan Fisik terbesar :", dataFisik, tableID)
-
-	content := dev_kesimpulan.MainKesimpulan(tableID,
-		tableComponentLab,
-		tableComponentNonLab,
-		tableComponentFisik)
-
-	view := dev_kesimpulan.ShowKesimpulan("KESIMPULAN", content, dev_kesimpulan.CssKesimpulan(), dev_kesimpulan.JsKesimpulan())
-	return utils.View(c, view)
-}
--- a/handlers/dev/md.bahan.handlers.go
+++ b/handlers/dev/md.bahan.handlers.go
@@ -1,954 +0,0 @@
-package dev_handlers
-
-import (
-	breadcrumadmin "cpone/component/breadcrumbadmin"
-	navbarmenu "cpone/component/navbar"
-	"cpone/component/pagination"
-	sidebaruserprofile "cpone/component/sidebar_user_profile"
-	customtoastv2 "cpone/component/toastbootstrap"
-	"cpone/models"
-	"cpone/services"
-	"cpone/utils"
-	dev_mdbahanview "cpone/views/dev/mdbahan"
-	"strconv"
-	"strings"
-
-	"github.com/a-h/templ"
-	"github.com/labstack/echo/v4"
-	"go.uber.org/zap"
-)
-
-type MdBahanServices interface {
-	GetListMdBahan(
-		search string,
-		stationID string,
-		currentPage int,
-		rowPerPage int) ([]models.Bahan, int, error)
-	GetMdBahanBreadCrumb(title string) (models.BreadCrumbV1, error)
-	GetListSampleStation(isFilter bool) ([]models.TmpSampleStation, error)
-	AddMdBahan(code string, name string, stationid string) (bool, error)
-	EditMdBahan(id string, code string, name string, stationid string) (bool, error)
-	GetMdBahanByID(id string) (models.Bahan, error)
-	DeleteMdBahan(id string) (bool, error)
-}
-
-func NewMdBahanHandler(us MdBahanServices) *MdBahanHandler {
-	return &MdBahanHandler{
-		MdBahanServices: us,
-	}
-}
-
-type MdBahanHandler struct {
-	MdBahanServices MdBahanServices
-}
-
-func (lh *MdBahanHandler) HandleShowMdBahanScreen(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	dataMenu, err := services.GetMenu()
-	paginationID := utils.GenerateRandomID("paginationID")
-	modalAddID := utils.GenerateRandomID("modalAdd")
-	modalAddBodyID := utils.GenerateRandomID("modalAddbody")
-	modalEditID := utils.GenerateRandomID("modalEdit")
-	modalEditBodyID := utils.GenerateRandomID("modalEditbody")
-	modalDeleteID := utils.GenerateRandomID("modalDelete")
-	modalDeleteBodyID := utils.GenerateRandomID("modalDeletebody")
-	tableBahanID := utils.GenerateRandomID("BahanID")
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR BREADCRUMB DEV",
-			zap.Any("error", err),
-		)
-		return err
-	}
-
-	//get user login
-	dataUser, err := services.GetUserLogin()
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR BREADCRUMB DEV",
-			zap.Any("error", err),
-		)
-		return err
-	}
-	dataBreadCrumb, err := lh.MdBahanServices.GetMdBahanBreadCrumb("Bahan")
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR BREADCRUMB DEV",
-			zap.Any("error", err),
-		)
-		return err
-	}
-
-	//Breadcrumb component
-	breadcrumbComponent := breadcrumadmin.MainBreadcrumbAdminV1(dataBreadCrumb)
-	// navbar menu
-	navbarmenuComponent := navbarmenu.NavbarMenu(dataMenu)
-
-	// navbar user
-	navbaruserComponent := navbarmenu.Navbar(dataUser)
-
-	// sidebar
-	sidebaruserprofileComponent := sidebaruserprofile.Navbaruserprofile(dataUser)
-	bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan("", "0", 1, 5)
-	defer logger.Sync()
-	logger.Info("GET DATA BAHAN",
-		zap.Any("data", bahanList),
-		zap.Any("err", err),
-		zap.Any("totalPage", totalPage),
-	)
-	stationListFilter, err := lh.MdBahanServices.GetListSampleStation(true)
-	defer logger.Sync()
-	logger.Info("GET STATION LIST Filter",
-		zap.Any("err", err),
-	)
-	stationList, err := lh.MdBahanServices.GetListSampleStation(false)
-	defer logger.Sync()
-	logger.Info("GET STATION LIST ",
-		zap.Any("err", err),
-	)
-
-	//Bahan Table
-	// #dialogDeleteBodyID, #dialogDeleteID
-	mdBahanTable := dev_mdbahanview.TableBahan(
-		bahanList,
-		tableBahanID,
-		"/dev/md/bahan/openedit",
-		"#"+modalEditBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID",
-		"/dev/md/bahan/opendelete",
-		"#"+modalDeleteBodyID,
-		"outerHTML",
-		"#dialogDeleteBodyID, #dialogDeleteID, #dialogEditBodyID, #dialogEditID")
-
-	//FIlter table
-	mdBahanFilter := dev_mdbahanview.MdBahanFilter(
-		"/dev/md/bahan/filter",
-		"input changed delay:500ms",
-		"#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage"+paginationID,
-		"outerHTML",
-		"#"+paginationID,
-		stationListFilter,
-		stationListFilter[0].T_SampleStationID,
-		dev_mdbahanview.BeforeRequestContent(),
-		dev_mdbahanview.AfterRequestContent(),
-	)
-
-	//Pagination
-
-	mdbahanPagination := pagination.PaginationV3(
-		totalPage, 1,
-		"/dev/md/bahan/pagination",
-		paginationID,
-		"#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID,  #dialogDeleteBodyID, #dialogDeleteID, #currpage"+paginationID,
-		"#"+paginationID,
-		"outerHTML",
-		"",
-		"",
-		dev_mdbahanview.BeforeRequestContent(),
-		dev_mdbahanview.AfterRequestContent(),
-	)
-	//Form Add
-	modalAddBody := dev_mdbahanview.BodyFormBahan(
-		"",
-		models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-			Name:        "kodebahan",
-			Placeholder: "Kode Bahan",
-			Type:        "text"},
-		models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-			Name:        "namabahan",
-			Placeholder: "Nama Bahan",
-			Type:        "text"},
-		models.CustomDropdownV2Prm{
-			Name:     "stationid",
-			Label:    "Sample Station",
-			ListItem: dev_mdbahanview.ListItemStation(stationList, 0),
-		},
-		modalAddBodyID,
-		dev_mdbahanview.JsShowModal(""),
-	)
-	modalAddAction := dev_mdbahanview.ActionFormBahan("/dev/md/bahan/closeaddform", "#"+modalAddBodyID, "outerHTML", "#"+modalAddID)
-	modalAddBtnCls := dev_mdbahanview.BtnCloseFormBahan("/dev/md/bahan/closeaddform", "#"+modalAddBodyID, "outerHTML", "#"+modalAddID)
-	modalAddBahan := dev_mdbahanview.BahanForm(models.BahanFormComponent{
-		IDComponent:  "",
-		Link:         "/dev/md/bahan/add",
-		HxTarget:     "#" + modalAddBodyID,
-		HxSwap:       "outerHTML",
-		HxInclude:    "#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage" + paginationID,
-		ModalID:      modalAddID,
-		ModalTitle:   "New-Bahan",
-		DialogBody:   modalAddBody,
-		DialogAction: modalAddAction,
-		ButtonCLose:  modalAddBtnCls,
-	})
-
-	//Form Edit
-	modalEditBody := dev_mdbahanview.BodyFormBahan(
-		"",
-		models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-			Name:        "kodebahan",
-			Placeholder: "Kode Bahan",
-			Type:        "text"},
-		models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-			Name:        "namabahan",
-			Placeholder: "Nama Bahan",
-			Type:        "text"},
-		models.CustomDropdownV2Prm{
-			Name:     "stationid",
-			Label:    "Sample Station",
-			ListItem: dev_mdbahanview.ListItemStation(stationList, 0),
-		},
-		modalEditBodyID,
-		dev_mdbahanview.JsShowModal(""),
-	)
-	modalEditAction := dev_mdbahanview.ActionFormBahan("/dev/md/bahan/closeeditform", "#"+modalEditBodyID, "outerHTML", "#"+modalEditID)
-	modalEditBtnCls := dev_mdbahanview.BtnCloseFormBahan("/dev/md/bahan/closeeditform", "#"+modalEditBodyID, "outerHTML", "#"+modalEditID)
-	modalEditBahan := dev_mdbahanview.BahanForm(models.BahanFormComponent{
-		IDComponent:  "",
-		Link:         "/dev/md/bahan/edit",
-		HxTarget:     "#" + modalEditBodyID,
-		HxSwap:       "outerHTML",
-		HxInclude:    "#filter-name, #filter-station, #tableID, #paginationID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage" + paginationID,
-		ModalID:      modalEditID,
-		ModalTitle:   "Edit-Bahan",
-		DialogBody:   modalEditBody,
-		DialogAction: modalEditAction,
-		ButtonCLose:  modalEditBtnCls,
-	})
-
-	//Form Delete
-	modalDeleteBody := dev_mdbahanview.DeleteConfirmationBody(
-		"",
-		modalDeleteBodyID,
-		"Apakah anda yakin menghapus bahan berikut ?",
-		[]string{"Kode", "Nama Bahan", "Sample Station"},
-		[]string{"", "", ""}, dev_mdbahanview.JsShowModal(""))
-	modalDeleteAction := dev_mdbahanview.ActionFormBahanDelete("/dev/md/bahan/closedeleteform", "#"+modalDeleteBodyID, "outerHTML", "#"+modalDeleteID)
-	modalDeleteBtnCls := dev_mdbahanview.BtnCloseFormBahan("/dev/md/bahan/closedeleteform", "#"+modalDeleteBodyID, "outerHTML", "#"+modalDeleteID)
-	modalDeleteBahan := dev_mdbahanview.BahanForm(models.BahanFormComponent{
-		IDComponent:  "",
-		Link:         "/dev/md/bahan/delete",
-		HxTarget:     "#" + modalDeleteBodyID,
-		HxSwap:       "outerHTML",
-		HxInclude:    "#filter-name, #filter-station, #tableID, #paginationID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage" + paginationID,
-		ModalID:      modalDeleteID,
-		ModalTitle:   "Delete-Bahan",
-		DialogBody:   modalDeleteBody,
-		DialogAction: modalDeleteAction,
-		ButtonCLose:  modalDeleteBtnCls,
-	})
-
-	mdBahanScreen := dev_mdbahanview.MdBahanScreen(
-		tableBahanID,
-		paginationID,
-		modalAddID,
-		modalAddBodyID,
-		modalEditID,
-		modalEditBodyID,
-		modalDeleteID,
-		modalDeleteBodyID,
-		breadcrumbComponent,
-		mdBahanTable,
-		mdBahanFilter,
-		mdbahanPagination,
-		modalAddBahan,
-		modalEditBahan,
-		modalDeleteBahan)
-	cssMdBahan := dev_mdbahanview.CssMdUserGroup()
-	jsMdBahan := dev_mdbahanview.JsMdBahan()
-
-	view := dev_mdbahanview.ShowMdBahanScreen(
-		"Md Bahan",
-		mdBahanScreen,
-		cssMdBahan,
-		jsMdBahan,
-		navbarmenuComponent,
-		navbaruserComponent,
-		sidebaruserprofileComponent)
-	return utils.View(c, view)
-}
-
-func (lh *MdBahanHandler) HandleFilterMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-	var retval []templ.Component
-	filtername := c.QueryParam("filtername")
-	filterstation := c.QueryParam("filterstation")
-	dialogEditBodyID := c.QueryParam("dialogEditBodyID")
-	dialogDeleteBodyID := c.QueryParam("dialogDeleteBodyID")
-	tableID := c.QueryParam("tableID")
-	paginationID := c.QueryParam("paginationID")
-	bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan(filtername, filterstation, 1, 5)
-	defer logger.Sync()
-	logger.Info("GET DATA BAHAN",
-		zap.Any("data", bahanList),
-		zap.Any("err", err),
-		zap.Any("totalPage", totalPage),
-	)
-	//Bahan Table
-
-	mdBahanTable := dev_mdbahanview.TableBahan(
-		bahanList,
-		tableID,
-		"/dev/md/bahan/openedit",
-		"#"+dialogEditBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID",
-		"/dev/md/bahan/opendelete",
-		"#"+dialogDeleteBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID")
-	//Pagination
-
-	mdbahanPagination := pagination.PaginationV3(
-		totalPage, 1,
-		"/dev/md/bahan/pagination",
-		paginationID,
-		"#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage"+paginationID,
-		"#"+paginationID,
-		"outerHTML",
-		"",
-		"",
-		dev_mdbahanview.BeforeRequestContent(),
-		dev_mdbahanview.AfterRequestContent(),
-	)
-	retval = append(retval, mdBahanTable)
-	retval = append(retval, mdbahanPagination)
-	return utils.ViewMulti(c, retval)
-}
-func (lh *MdBahanHandler) HandlePaginationMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-	var retval []templ.Component
-	pageparam := c.QueryParam("page")
-
-	filtername := c.QueryParam("filtername")
-	filterstation := c.QueryParam("filterstation")
-	tableID := c.QueryParam("tableID")
-	dialogEditBodyID := c.QueryParam("dialogEditBodyID")
-	dialogDeleteBodyID := c.QueryParam("dialogDeleteBodyID")
-	paginationID := c.QueryParam("paginationID")
-	page, err := strconv.Atoi(pageparam)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERROR CONVERT PAGE PARAM",
-			zap.Any("page", page),
-			zap.Any("error ", err),
-		)
-		return err
-	}
-	bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan(filtername, filterstation, page, 5)
-	defer logger.Sync()
-	logger.Info("GET DATA BAHAN",
-		zap.Any("data", bahanList),
-		zap.Any("err", err),
-		zap.Any("totalPage", totalPage),
-	)
-	//Bahan Table
-
-	mdBahanTable := dev_mdbahanview.TableBahan(
-		bahanList,
-		tableID,
-		"/dev/md/bahan/openedit",
-		"#"+dialogEditBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID",
-		"/dev/md/bahan/opendelete",
-		"#"+dialogDeleteBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID")
-	//Pagination
-
-	mdbahanPagination := pagination.PaginationV3(
-		totalPage, page,
-		"/dev/md/bahan/pagination",
-		paginationID,
-		"#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage"+paginationID,
-		"#"+paginationID,
-		"outerHTML",
-		"",
-		"",
-		dev_mdbahanview.BeforeRequestContent(),
-		dev_mdbahanview.AfterRequestContent(),
-	)
-	retval = append(retval, mdBahanTable)
-	retval = append(retval, mdbahanPagination)
-	return utils.ViewMulti(c, retval)
-}
-func (lh *MdBahanHandler) HandleCloseFormAddMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-	stationList, err := lh.MdBahanServices.GetListSampleStation(false)
-	defer logger.Sync()
-	logger.Info("GET DATA STATIOn",
-		zap.Any("err", err),
-	)
-	dialogAddBodyID := c.FormValue("dialogAddBodyID")
-	dialogAddID := c.FormValue("dialogAddID")
-
-	modalAddBody := dev_mdbahanview.BodyFormBahan(
-		"",
-		models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-			Name:        "kodebahan",
-			Placeholder: "Kode Bahan",
-			Type:        "text"},
-		models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-			Name:        "namabahan",
-			Placeholder: "Nama Bahan",
-			Type:        "text"},
-		models.CustomDropdownV2Prm{
-			Name:     "stationid",
-			Label:    "Sample Station",
-			ListItem: dev_mdbahanview.ListItemStation(stationList, 0),
-		},
-		dialogAddBodyID,
-		dev_mdbahanview.JsHideModal("#"+dialogAddID),
-	)
-	return utils.View(c, modalAddBody)
-}
-func (lh *MdBahanHandler) HandleAddMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	code := c.FormValue("kodebahan")
-	name := c.FormValue("namabahan")
-	stationIDPrm := c.FormValue("stationid")
-	tableID := c.FormValue("tableID")
-	paginationID := c.FormValue("paginationID")
-	filtername := c.FormValue("filtername")
-	filterstation := c.FormValue("filterstation")
-	currPagePrm := c.FormValue("currpage" + paginationID)
-	dialogAddBodyID := c.FormValue("dialogAddBodyID")
-	// searchID := c.FormValue("searchID")
-	dialogAddID := c.FormValue("dialogAddID")
-	dialogEditBodyID := c.FormValue("dialogEditBodyID")
-	dialogDeleteBodyID := c.FormValue("dialogDeleteBodyID")
-	currPage, err := strconv.Atoi(currPagePrm)
-	if err != nil {
-		return err
-	}
-	stationID, err := strconv.Atoi(stationIDPrm)
-	if err != nil {
-		return err
-	}
-	formValidation := ""
-	codeValidation := ""
-	nameValidation := ""
-	stationValidation := ""
-
-	if strings.TrimSpace(code) == "" {
-		formValidation = "Code bahan tidak boleh kosong"
-		codeValidation = "Code bahan tidak boleh kosong"
-		nameValidation = ""
-		stationValidation = ""
-	}
-	if strings.TrimSpace(name) == "" {
-		formValidation = "Nama bahan tidak boleh kosong"
-		codeValidation = ""
-		stationValidation = ""
-		nameValidation = "Nama bahan tidak boleh kosong"
-	}
-	if stationID == 0 {
-		formValidation = "Pilih salah satu station"
-		codeValidation = ""
-		nameValidation = ""
-		stationValidation = "Pilih salah satu station"
-	}
-	if strings.TrimSpace(code) == "" && strings.TrimSpace(name) == "" {
-		formValidation = "Code,nama, dan station bahan tidak boleh kosong"
-		codeValidation = "Code bahan tidak boleh kosong"
-		stationValidation = "Pilih salah satu station"
-		nameValidation = "Nama bahan tidak boleh kosong"
-
-	}
-	stationList, err := lh.MdBahanServices.GetListSampleStation(false)
-	defer logger.Sync()
-	logger.Info("GET DATA STATIOn",
-		zap.Any("err", err),
-	)
-	if formValidation != "" || codeValidation != "" || nameValidation != "" || stationValidation != "" {
-		newForm := dev_mdbahanview.BodyFormBahan(
-			"",
-			models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-				Name:        "kodebahan",
-				Placeholder: "Kode Bahan",
-				Value:       code,
-				ErrorMsg:    codeValidation,
-				Type:        "text"},
-			models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-				Name:        "namabahan",
-				Placeholder: "Nama Bahan",
-				ErrorMsg:    nameValidation,
-				Value:       name,
-				Type:        "text"},
-			models.CustomDropdownV2Prm{
-				Name:     "stationid",
-				Label:    "Sample Station",
-				ErrorMsg: stationValidation,
-				ListItem: dev_mdbahanview.ListItemStation(stationList, stationID),
-			},
-			dialogAddBodyID,
-			dev_mdbahanview.JsShowModal(""),
-		)
-		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Warning", formValidation, "warning"), newForm})
-	}
-	_, err = lh.MdBahanServices.AddMdBahan(code, name, stationIDPrm)
-	if err != nil {
-		newForm := dev_mdbahanview.BodyFormBahan(
-			"",
-			models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-				Name:        "kodebahan",
-				Placeholder: "Kode Bahan",
-				Value:       code,
-				Type:        "text"},
-			models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-				Name:        "namabahan",
-				Placeholder: "Nama Bahan",
-				Value:       name,
-				Type:        "text"},
-			models.CustomDropdownV2Prm{
-				Name:     "stationid",
-				Label:    "Sample Station",
-				ListItem: dev_mdbahanview.ListItemStation(stationList, int(stationID)),
-			},
-			dialogAddBodyID,
-			dev_mdbahanview.JsShowModal(""),
-		)
-		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Gagal", err.Error(), "danger"), newForm})
-	}
-
-	bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan(filtername, filterstation, currPage, 5)
-	defer logger.Sync()
-	logger.Info("GET DATA BAHAN",
-		zap.Any("data", bahanList),
-		zap.Any("err", err),
-		zap.Any("totalPage", totalPage),
-	)
-	//Bahan Table
-	mdBahanTable := dev_mdbahanview.TableBahan(
-		bahanList,
-		tableID,
-		"/dev/md/bahan/openedit",
-		"#"+dialogEditBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID",
-		"/dev/md/bahan/opendelete",
-		"#"+dialogDeleteBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID")
-
-	//Pagination
-
-	mdbahanPagination := pagination.PaginationV3(
-		totalPage, currPage,
-		"/dev/md/bahan/pagination",
-		paginationID,
-		"#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID,  #dialogDeleteBodyID, #dialogDeleteID, #currpage"+paginationID,
-		"#"+paginationID,
-		"outerHTML",
-		"",
-		"true",
-		dev_mdbahanview.BeforeRequestContent(),
-		dev_mdbahanview.AfterRequestContent(),
-	)
-	//Form Add
-	modalAddBody := dev_mdbahanview.BodyFormBahan(
-		"",
-		models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-			Name:        "kodebahan",
-			Placeholder: "Kode Bahan",
-			Type:        "text"},
-		models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-			Name:        "namabahan",
-			Placeholder: "Nama Bahan",
-			Type:        "text"},
-		models.CustomDropdownV2Prm{
-			Name:     "stationid",
-			Label:    "Sample Station",
-			ListItem: dev_mdbahanview.ListItemStation(stationList, 0),
-		},
-		dialogAddBodyID,
-		dev_mdbahanview.JsHideModal("#"+dialogAddID),
-	)
-
-	toastSuccess := customtoastv2.CustomToastV2Show("Success", "Success add bahan ", "success")
-	retval := []templ.Component{toastSuccess, mdBahanTable, mdbahanPagination, modalAddBody}
-	// time.Sleep(20 * time.Second)
-	return utils.ViewMulti(c, retval)
-}
-func (lh *MdBahanHandler) HandleOpenEditMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	id := c.QueryParam("id")
-	dialogEditID := c.QueryParam("dialogEditID")
-	dialogEditBodyID := c.QueryParam("dialogEditBodyID")
-	stationList, err := lh.MdBahanServices.GetListSampleStation(false)
-	defer logger.Sync()
-	logger.Info("GET DATA STATION",
-		zap.Any("err", err),
-	)
-	dataBahan, err := lh.MdBahanServices.GetMdBahanByID(id)
-	if err != nil {
-		newForm := dev_mdbahanview.BodyFormBahan(
-			id,
-			models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-				Name:        "kodebahan",
-				Placeholder: "Kode Bahan",
-				Type:        "text"},
-			models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-				Name:        "namabahan",
-				Placeholder: "Nama Bahan",
-				Type:        "text"},
-			models.CustomDropdownV2Prm{
-				Name:     "stationid",
-				Label:    "Sample Station",
-				ListItem: dev_mdbahanview.ListItemStation(stationList, dataBahan.T_BahanT_SampleStationID),
-			},
-			dialogEditBodyID,
-			dev_mdbahanview.JsHideModal(""),
-		)
-		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Error", "Get data bahan error", "danger"), newForm})
-	}
-	newForm := dev_mdbahanview.BodyFormBahan(
-		id,
-		models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-			Name:        "kodebahan",
-			Placeholder: "Kode Bahan",
-			Value:       dataBahan.T_BahanCode,
-			Type:        "text"},
-		models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-			Name:        "namabahan",
-			Placeholder: "Nama Bahan",
-			Value:       dataBahan.T_BahanName,
-			Type:        "text"},
-		models.CustomDropdownV2Prm{
-			Name:     "stationid",
-			Label:    "Sample Station",
-			ListItem: dev_mdbahanview.ListItemStation(stationList, dataBahan.T_BahanT_SampleStationID),
-		},
-		dialogEditBodyID,
-		dev_mdbahanview.JsShowModal("#"+dialogEditID),
-	)
-	return utils.View(c, newForm)
-}
-func (lh *MdBahanHandler) HandleCloseFormEditMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-	stationList, err := lh.MdBahanServices.GetListSampleStation(false)
-	dialogEditID := c.FormValue("dialogEditID")
-	dialogEditBodyID := c.FormValue("dialogEditBodyID")
-	defer logger.Sync()
-	logger.Info("GET DATA STATION",
-		zap.Any("err", err),
-		zap.Any("dialogeditbodyid", dialogEditBodyID),
-	)
-
-	modalAddBody := dev_mdbahanview.BodyFormBahan(
-		"",
-		models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-			Name:        "kodebahan",
-			Placeholder: "Kode Bahan",
-			Type:        "text"},
-		models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-			Name:        "namabahan",
-			Placeholder: "Nama Bahan",
-			Type:        "text"},
-		models.CustomDropdownV2Prm{
-			Name:     "stationid",
-			Label:    "Sample Station",
-			ListItem: dev_mdbahanview.ListItemStation(stationList, 0),
-		},
-		dialogEditBodyID,
-		dev_mdbahanview.JsHideModal("#"+dialogEditID),
-	)
-	return utils.View(c, modalAddBody)
-}
-func (lh *MdBahanHandler) HandleEditMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	code := c.FormValue("kodebahan")
-	name := c.FormValue("namabahan")
-	id := c.FormValue("bahanid")
-	stationIDPrm := c.FormValue("stationid")
-	tableID := c.FormValue("tableID")
-	paginationID := c.FormValue("paginationID")
-	filtername := c.FormValue("filtername")
-	filterstation := c.FormValue("filterstation")
-	currPagePrm := c.FormValue("currpage" + paginationID)
-	// dialogAddBodyID := c.FormValue("dialogAddBodyID")
-	// searchID := c.FormValue("searchID")
-	dialogEditID := c.FormValue("dialogEditID")
-	dialogEditBodyID := c.FormValue("dialogEditBodyID")
-	dialogDeleteBodyID := c.FormValue("dialogDeleteBodyID")
-	currPage, err := strconv.Atoi(currPagePrm)
-	if err != nil {
-		return err
-	}
-	stationID, err := strconv.Atoi(stationIDPrm)
-	if err != nil {
-		return err
-	}
-	formValidation := ""
-	codeValidation := ""
-	nameValidation := ""
-	stationValidation := ""
-
-	if strings.TrimSpace(code) == "" {
-		formValidation = "Code bahan tidak boleh kosong"
-		codeValidation = "Code bahan tidak boleh kosong"
-		nameValidation = ""
-		stationValidation = ""
-	}
-	if strings.TrimSpace(name) == "" {
-		formValidation = "Nama bahan tidak boleh kosong"
-		codeValidation = ""
-		stationValidation = ""
-		nameValidation = "Nama bahan tidak boleh kosong"
-	}
-	if stationID == 0 {
-		formValidation = "Pilih salah satu station"
-		codeValidation = ""
-		nameValidation = ""
-		stationValidation = "Pilih salah satu station"
-	}
-	if strings.TrimSpace(code) == "" && strings.TrimSpace(name) == "" {
-		formValidation = "Code,nama, dan station bahan tidak boleh kosong"
-		codeValidation = "Code bahan tidak boleh kosong"
-		stationValidation = "Pilih salah satu station"
-		nameValidation = "Nama bahan tidak boleh kosong"
-
-	}
-	stationList, err := lh.MdBahanServices.GetListSampleStation(false)
-	defer logger.Sync()
-	logger.Info("GET DATA STATIOn",
-		zap.Any("err", err),
-	)
-	if formValidation != "" || codeValidation != "" || nameValidation != "" || stationValidation != "" {
-		newForm := dev_mdbahanview.BodyFormBahan(
-			id,
-			models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-				Name:        "kodebahan",
-				Placeholder: "Kode Bahan",
-				Value:       code,
-				ErrorMsg:    codeValidation,
-				Type:        "text"},
-			models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-				Name:        "namabahan",
-				Placeholder: "Nama Bahan",
-				ErrorMsg:    nameValidation,
-				Value:       name,
-				Type:        "text"},
-			models.CustomDropdownV2Prm{
-				Name:     "stationid",
-				Label:    "Sample Station",
-				ErrorMsg: stationValidation,
-				ListItem: dev_mdbahanview.ListItemStation(stationList, stationID),
-			},
-			dialogEditBodyID,
-			dev_mdbahanview.JsShowModal(""),
-		)
-		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Warning", formValidation, "warning"), newForm})
-	}
-	_, err = lh.MdBahanServices.EditMdBahan(id, code, name, stationIDPrm)
-	if err != nil {
-		newForm := dev_mdbahanview.BodyFormBahan(
-			id,
-			models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-				Name:        "kodebahan",
-				Placeholder: "Kode Bahan",
-				Value:       code,
-				Type:        "text"},
-			models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-				Name:        "namabahan",
-				Placeholder: "Nama Bahan",
-				Value:       name,
-				Type:        "text"},
-			models.CustomDropdownV2Prm{
-				Name:     "stationid",
-				Label:    "Sample Station",
-				ListItem: dev_mdbahanview.ListItemStation(stationList, int(stationID)),
-			},
-			dialogEditBodyID,
-			dev_mdbahanview.JsShowModal(""),
-		)
-		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Gagal", err.Error(), "danger"), newForm})
-	}
-
-	bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan(filtername, filterstation, currPage, 5)
-	defer logger.Sync()
-	logger.Info("GET DATA BAHAN",
-		zap.Any("data", bahanList),
-		zap.Any("err", err),
-		zap.Any("totalPage", totalPage),
-	)
-	//Bahan Table
-	mdBahanTable := dev_mdbahanview.TableBahan(
-		bahanList,
-		tableID,
-		"/dev/md/bahan/openedit",
-		"#"+dialogEditBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID",
-		"/dev/md/bahan/opendelete",
-		"#"+dialogDeleteBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID")
-
-	//Pagination
-
-	mdbahanPagination := pagination.PaginationV3(
-		totalPage, currPage,
-		"/dev/md/bahan/pagination",
-		paginationID,
-		"#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage"+paginationID,
-		"#"+paginationID,
-		"outerHTML",
-		"",
-		"true",
-		dev_mdbahanview.BeforeRequestContent(),
-		dev_mdbahanview.AfterRequestContent(),
-	)
-	//Form Add
-	modalAddBody := dev_mdbahanview.BodyFormBahan(
-		"",
-		models.CustomTextFieldv2Prm{Label: "Kode Bahan",
-			Name:        "kodebahan",
-			Placeholder: "Kode Bahan",
-			Type:        "text"},
-		models.CustomTextFieldv2Prm{Label: "Nama Bahan",
-			Name:        "namabahan",
-			Placeholder: "Nama Bahan",
-			Type:        "text"},
-		models.CustomDropdownV2Prm{
-			Name:     "stationid",
-			Label:    "Sample Station",
-			ListItem: dev_mdbahanview.ListItemStation(stationList, 0),
-		},
-		dialogEditBodyID,
-		dev_mdbahanview.JsHideModal("#"+dialogEditID),
-	)
-
-	toastSuccess := customtoastv2.CustomToastV2Show("Success", "Success edit bahan ", "success")
-	retval := []templ.Component{toastSuccess, mdBahanTable, mdbahanPagination, modalAddBody}
-	// time.Sleep(20 * time.Second)
-	return utils.ViewMulti(c, retval)
-}
-func (lh *MdBahanHandler) HandleOpenDeleteMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	id := c.QueryParam("id")
-	dialogDeleteID := c.QueryParam("dialogDeleteID")
-	dialogDeleteBodyID := c.QueryParam("dialogDeleteBodyID")
-
-	dataBahan, err := lh.MdBahanServices.GetMdBahanByID(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("GET DATA BAHAN",
-			zap.Any("err", err),
-		)
-		newForm := dev_mdbahanview.DeleteConfirmationBody(
-			"",
-			dialogDeleteBodyID,
-			"Apakah anda yakin menghapus bahan berikut ?",
-			[]string{"Kode", "Nama Bahan", "Sample Station"},
-			[]string{"", "", ""}, dev_mdbahanview.JsShowModal(""))
-		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Error", "Get data bahan error", "danger"), newForm})
-	}
-	newForm := dev_mdbahanview.DeleteConfirmationBody(
-		strconv.Itoa(dataBahan.T_BahanID),
-		dialogDeleteBodyID,
-		"Apakah anda yakin menghapus bahan berikut ?",
-		[]string{"Kode", "Nama Bahan", "Sample Station"},
-		[]string{dataBahan.T_BahanCode, dataBahan.T_BahanName, dataBahan.T_SampleStationName}, dev_mdbahanview.JsShowModal("#"+dialogDeleteID))
-	return utils.View(c, newForm)
-}
-func (lh *MdBahanHandler) HandleCloseDeleteMdBahan(c echo.Context) error {
-
-	dialogDeleteID := c.FormValue("dialogDeleteID")
-	dialogDeleteBodyID := c.FormValue("dialogDeleteBodyID")
-	newForm := dev_mdbahanview.DeleteConfirmationBody(
-		"",
-		dialogDeleteBodyID,
-		"Apakah anda yakin menghapus bahan berikut ?",
-		[]string{"Kode", "Nama Bahan", "Sample Station"},
-		[]string{"", "", ""}, dev_mdbahanview.JsHideModal("#"+dialogDeleteID))
-	return utils.View(c, newForm)
-}
-
-func (lh *MdBahanHandler) HandleDeleteMdBahan(c echo.Context) error {
-	logger, _ := zap.NewProduction()
-
-	id := c.FormValue("bahanid")
-
-	tableID := c.FormValue("tableID")
-	paginationID := c.FormValue("paginationID")
-	filtername := c.FormValue("filtername")
-	filterstation := c.FormValue("filterstation")
-	currPagePrm := c.FormValue("currpage" + paginationID)
-	// dialogAddBodyID := c.FormValue("dialogAddBodyID")
-	// searchID := c.FormValue("searchID")
-	dialogDeleteID := c.FormValue("dialogDeleteID")
-	dialogEditBodyID := c.FormValue("dialogEditBodyID")
-	dialogDeleteBodyID := c.FormValue("dialogDeleteBodyID")
-	currPage, err := strconv.Atoi(currPagePrm)
-	if err != nil {
-		return err
-	}
-
-	_, err = lh.MdBahanServices.DeleteMdBahan(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Info("ERR DELETE MD BAHAN",
-			zap.Any("err", err),
-		)
-		newForm := dev_mdbahanview.DeleteConfirmationBody(
-			"",
-			dialogDeleteBodyID,
-			"Apakah anda yakin menghapus bahan berikut ?",
-			[]string{"Kode", "Nama Bahan", "Sample Station"},
-			[]string{"", "", ""}, dev_mdbahanview.JsShowModal(""))
-		return utils.ViewMulti(c, []templ.Component{customtoastv2.CustomToastV2Show("Error", "Get data bahan error", "danger"), newForm})
-	}
-	bahanList, totalPage, err := lh.MdBahanServices.GetListMdBahan(filtername, filterstation, currPage, 5)
-	defer logger.Sync()
-	logger.Info("GET DATA BAHAN",
-		zap.Any("data", bahanList),
-		zap.Any("err", err),
-		zap.Any("totalPage", totalPage),
-	)
-	//Bahan Table
-	mdBahanTable := dev_mdbahanview.TableBahan(
-		bahanList,
-		tableID,
-		"/dev/md/bahan/openedit",
-		"#"+dialogEditBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID",
-		"/dev/md/bahan/opendelete",
-		"#"+dialogDeleteBodyID,
-		"outerHTML",
-		"#dialogEditBodyID, #dialogEditID, #dialogDeleteBodyID, #dialogDeleteID")
-
-	//Pagination
-
-	mdbahanPagination := pagination.PaginationV3(
-		totalPage, currPage,
-		"/dev/md/bahan/pagination",
-		paginationID,
-		"#filter-name, #filter-station, #tableID, #paginationID, #dialogAddID, #dialogAddBodyID, #dialogEditID, #dialogEditBodyID, #dialogDeleteBodyID, #dialogDeleteID, #currpage"+paginationID,
-		"#"+paginationID,
-		"outerHTML",
-		"",
-		"true",
-		dev_mdbahanview.BeforeRequestContent(),
-		dev_mdbahanview.AfterRequestContent(),
-	)
-
-	toastSuccess := customtoastv2.CustomToastV2Show("Success", "Berhasil hapus bahan", "success")
-	newForm := dev_mdbahanview.DeleteConfirmationBody(
-		"",
-		dialogDeleteBodyID,
-		"Apakah anda yakin menghapus bahan berikut ?",
-		[]string{"Kode", "Nama Bahan", "Sample Station"},
-		[]string{"", "", ""}, dev_mdbahanview.JsHideModal("#"+dialogDeleteID))
-	return utils.ViewMulti(c, []templ.Component{toastSuccess, mdBahanTable, mdbahanPagination, newForm})
-}
--- a/handlers/dev/md.natunit.handlers.go
+++ b/handlers/dev/md.natunit.handlers.go
--- a/handlers/dev/md.samplestation.handlers.go
+++ b/handlers/dev/md.samplestation.handlers.go
--- a/handlers/routes.go
+++ b/handlers/routes.go
@@ -66,7 +66,6 @@ func SetupRoutesPublic(app *echo.Echo, appStore db.AppStore) {
 	l := public_services.NewServicesLandingPage(public_services.LandingPage{}, appStore)
 	lh := public_handlers.NewLandingPageHandler(l)
 	public.GET("landingpage", lh.ShowLandingPage)
-	public.GET("home", lh.ShowLandingPage)
 	loginHdr := public_handlers.NewLoginHandler(l)
 	public.GET("login", loginHdr.HandlerShowLogin)

@@ -233,29 +232,6 @@ func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) {
 	// clientgroup.GET("/usergroup/edit", mastermenuusergroupHandler.ChangeFormEdit)
 	// clientgroup.GET("/usergroup/pagination", mastermenuusergroupHandler.HandleChangePage)

-	// employee analytic
-	devEmplAnaServices := dev_services.NewEmployeeAnalyticServices(appStore)
-	devEmplAnaHandler := dev_handlers.NewEmployeeAnalyticHandler(devEmplAnaServices)
-	dev.GET("/employeeanalytic", devEmplAnaHandler.HandleShowEmployeeAnalyticScreen)
-	dev.GET("/employeeanalytic/changepage", devEmplAnaHandler.HandlePagination)
-	dev.GET("/employeeanalytic/filter", devEmplAnaHandler.HandleFilter)
-
-	// group result
-	devGRServices := dev_services.NewServicesGroupResult(appStore)
-	devGRhandlers := dev_handlers.NewGroupResultHandler(devGRServices)
-	dev.GET("/groupresult", devGRhandlers.HandlerShowGroupResultV1)
-	dev.GET("/searchgroupresultv1", devGRhandlers.HandlerShowGroupResultSearchV1)
-	dev.GET("/groupresultv1pagination", devGRhandlers.HandlerShowGroupResultPaginationV1)
-	dev.POST("/groupresulthandlecloseform", devGRhandlers.HandleCloseForm)
-	dev.POST("/groupresulthandlecloseformedit", devGRhandlers.HandleCloseFormEdit)
-	dev.GET("/groupresultshoweditform", devGRhandlers.HandleEditForm)
-	dev.GET("/groupresultshowdeleteform", devGRhandlers.HandleDeleteForm)
-	// dev.GET("/groupresultshowdeleteform", devGRhandlers.HandleDeleteForm)
-	// form add
-	dev.POST("/groupresult/add", devGRhandlers.AddGroupResult)
-	dev.POST("/groupresult/edit", devGRhandlers.EditGroupResult)
-	dev.POST("/groupresult/delete", devGRhandlers.DeleteGroupResult)
-
 	//New User Group
 	devMdUserGroupServices := dev_services.NewMdUserGroupServices(appStore)
 	devMdUserGroupHandlers := dev_handlers.NewMdUserGroupHandler(devMdUserGroupServices)
@@ -271,35 +247,21 @@ func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) {
 	dev.POST("/md/usergroupv2/closedeleteform", devMdUserGroupHandlers.HandleCloseFormDelete)
 	dev.POST("/md/usergroupv2/delete", devMdUserGroupHandlers.HandleDeleteUserGroup)

-	// md sample station
-	devMDSampleStationServices := dev_services.NewMDSampleStationServices(appStore)
-	devMDSampleStationHandlers := dev_handlers.NewMDSampleStationHandler(devMDSampleStationServices)
-	dev.GET("/md/samplestation", devMDSampleStationHandlers.HandleShowMDSampleStationScreen)
-	dev.GET("/md/samplestation/filter", devMDSampleStationHandlers.HandleFilterMDSS)
-	dev.GET("/md/samplestation/changepage", devMDSampleStationHandlers.HandleChangePageSampleStation)
-	dev.POST("/md/samplestation/add", devMDSampleStationHandlers.HandleAddMDSampleStation)
-	dev.POST("/md/samplestation/closeaddform", devMDSampleStationHandlers.HandleCloseFormAdd)
-	dev.GET("/md/samplestation/opendelete", devMDSampleStationHandlers.HandleOpenDeleteForm)
-	dev.POST("/md/samplestation/closedeleteform", devMDSampleStationHandlers.HandleCloseFormDelete)
-	dev.POST("/md/samplestation/delete", devMDSampleStationHandlers.HandleDeleteMDSS)
-	dev.GET("/md/samplestation/openedit", devMDSampleStationHandlers.HandleOpenEditForm)
-	dev.POST("/md/samplestation/edit", devMDSampleStationHandlers.HandleEditMDSS)
-	dev.POST("/md/samplestation/closeeditform", devMDSampleStationHandlers.HandleCloseEditForm)
-
-	// masterdata nat unit
-	devMdNatUnitServices := dev_services.NewMdNatUnitServices(appStore)
-	devMdNatUnitHandlers := dev_handlers.NeWMdNatUnitHandler(devMdNatUnitServices)
-	dev.GET("/md/natunit", devMdNatUnitHandlers.HandleShowMdNatUnitScreen)
-	dev.GET("/md/natunit/filter", devMdNatUnitHandlers.HandleFilterMdNatUnit)
-	dev.GET("/md/natunit/changepage", devMdNatUnitHandlers.HandlerChangePageMdNatUnit)
-	dev.POST("/md/natunit/closeaddform", devMdNatUnitHandlers.HandlerCloseFormAdd)
-	dev.POST("/md/natunit/add", devMdNatUnitHandlers.HandlerAddNatUnit)
-	dev.GET("/md/natunit/openedit", devMdNatUnitHandlers.HandlerOpenEditForm)
-	dev.POST("/md/natunit/closeeditform", devMdNatUnitHandlers.HandlerCloseFormEdit)
-	dev.POST("/md/natunit/edit", devMdNatUnitHandlers.HandlerEditNatUnit)
-	dev.GET("/md/natunit/opendelete", devMdNatUnitHandlers.HandlerOpenDeleteForm)
-	dev.POST("/md/natunit/closedeleteform", devMdNatUnitHandlers.HandlerCloseFormDelete)
-	dev.POST("/md/natunit/delete", devMdNatUnitHandlers.HandlerDeleteNatUnit)
+	// // group result
+	// devGRServices := dev_services.NewServicesGroupResult(appStore)
+	// devGRhandlers := dev_handlers.NewGroupResultHandler(devGRServices)
+	// dev.GET("/groupresult", devGRhandlers.HandlerShowGroupResultV1)
+	// dev.GET("/searchgroupresultv1", devGRhandlers.HandlerShowGroupResultSearchV1)
+	// dev.GET("/groupresultv1pagination", devGRhandlers.HandlerShowGroupResultPaginationV1)
+	// dev.POST("/groupresulthandlecloseform", devGRhandlers.HandleCloseForm)
+	// dev.POST("/groupresulthandlecloseformedit", devGRhandlers.HandleCloseFormEdit)
+	// dev.GET("/groupresultshoweditform", devGRhandlers.HandleEditForm)
+	// dev.GET("/groupresultshowdeleteform", devGRhandlers.HandleDeleteForm)
+	// // dev.GET("/groupresultshowdeleteform", devGRhandlers.HandleDeleteForm)
+	// // form add
+	// dev.POST("/groupresult/add", devGRhandlers.AddGroupResult)
+	// dev.POST("/groupresult/edit", devGRhandlers.EditGroupResult)
+	// dev.POST("/groupresult/delete", devGRhandlers.DeleteGroupResult)

 	// group result v2
 	devMdGRServices := dev_services.NewServicesMdGroupResult(appStore)
@@ -315,23 +277,4 @@ func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) {
 	dev.GET("/md/groupresultv2/opendelete", devMdGRhandlers.HandleOpenDeleteForm)
 	dev.POST("/md/groupresultv2/closedeleteform", devMdGRhandlers.HandleCloseFormDelete)
 	dev.POST("/md/groupresultv2/delete", devMdGRhandlers.HandleDeleteUserGroup)
-	//MD BAHAN
-	devMdBahanServices := dev_services.NewMdBahanServices(appStore)
-	devMdBahanHandlers := dev_handlers.NewMdBahanHandler(devMdBahanServices)
-	dev.GET("/md/bahan", devMdBahanHandlers.HandleShowMdBahanScreen)
-	dev.GET("/md/bahan/filter", devMdBahanHandlers.HandleFilterMdBahan)
-	dev.GET("/md/bahan/pagination", devMdBahanHandlers.HandlePaginationMdBahan)
-	dev.POST("/md/bahan/add", devMdBahanHandlers.HandleAddMdBahan)
-	dev.POST("/md/bahan/closeaddform", devMdBahanHandlers.HandleCloseFormAddMdBahan)
-	dev.GET("/md/bahan/openedit", devMdBahanHandlers.HandleOpenEditMdBahan)
-	dev.POST("/md/bahan/closeeditform", devMdBahanHandlers.HandleCloseFormEditMdBahan)
-	dev.POST("/md/bahan/edit", devMdBahanHandlers.HandleEditMdBahan)
-	dev.GET("/md/bahan/opendelete", devMdBahanHandlers.HandleOpenDeleteMdBahan)
-	dev.POST("/md/bahan/closedeleteform", devMdBahanHandlers.HandleCloseDeleteMdBahan)
-	dev.POST("/md/bahan/delete", devMdBahanHandlers.HandleDeleteMdBahan)
-
-	// Kesimpulan
-	devKesimpulanServices := dev_services.NewServicesKesimpulan(appStore)
-	devKesimpuanHandler := dev_handlers.NewKesimpulanHandler(devKesimpulanServices)
-	dev.GET("/kesimpulan/:id", devKesimpuanHandler.HandleShowKesimpulanScreen)
 }
--- a/layout/layout_corporate.templ
+++ b/layout/layout_corporate.templ
@@ -266,8 +266,6 @@ templ CorporateLayout(title string, css templ.Component, js templ.Component, nav
 			<script src="assets/js/scripts.bundle.js"></script>
 			<!--end::Global Theme Bundle-->
 			<script src="assets/js/iconify/iconify.min.js"></script>
-			// bootstrap datepicker
-			<script src="assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
 			@js
 			<!--end::Page Scripts-->
 		</body>
--- a/layout/layout_corporate_templ.go
+++ b/layout/layout_corporate_templ.go
@@ -78,7 +78,7 @@ func CorporateLayout(title string, css templ.Component, js templ.Component, navb
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--begin::Global Config(global config for global JS scripts)--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></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--><script src=\"assets/js/iconify/iconify.min.js\"></script><script src=\"assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js\"></script>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--begin::Global Config(global config for global JS scripts)--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></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--><script src=\"assets/js/iconify/iconify.min.js\"></script>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
--- a/layout/layout_employee_analytic.templ
+++ b/layout/layout_employee_analytic.templ
@@ -1,174 +0,0 @@
-package layout
-
-templ EmployeeAnalyticLayout(
-    title string, 
-    css templ.Component, 
-    js templ.Component,
-    navbaruser templ.Component,
-    sidebaruser templ.Component,
-) {
-	<!DOCTYPE html>
-    <html lang="en">
-		<!--begin::Head-->
-		<head>
-			<base href="/"/>
-			<meta charset="utf-8"/>
-			<title>Company Portal | { title }</title>
-			<meta name="description" content="Company Portal"/>
-			<meta
-				name="viewport"
-				content="width=device-width, initial-scale=1, shrink-to-fit=no"
-			/>
-			<!--begin::Fonts-->
-			<link
-				rel="stylesheet"
-				href="assets/css/googlefont/poppins.css"
-			/>
-			<!--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="shortcut icon"
-				href="asset-corporate-portal/media/logo/logo-small.jpg"
-			/>
-			<!--end::Layout Themes SAS-->
-			<link
-				href="asset-corporate-portal/css/sas.bundle.css"
-				rel="stylesheet"
-				type="text/css"
-			/>
-			<link
-				rel="stylesheet"
-				href="assets/css/googlefont/publicsans.css"
-			/>
-			<link
-				rel="stylesheet"
-				href="assets/css/googlefont/roboto.css"
-			/>
-			<!-- slick -->
-			<link
-				rel="stylesheet"
-				type="text/css"
-				href="assets/css/slick/slick.css"
-			/>
-			<link
-				rel="stylesheet"
-				type="text/css"
-				href="assets/css/slick/slick-theme.css"
-			/>
-			@css
-		</head>
-		<!--end::Head-->
-        <!--begin::Body-->
-        <body id="kt_body" class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading bg-white">
-            <script src="assets/js/htmx/htmx.min.js"></script>
-			<!--start::Navbar Mobile-->
-			<div id="kt_header_mobile" class="header-mobile align-items-center  header-mobile-fixed ">
-				<!--begin::Logo-->
-				<a href="index.html">
-					<img alt="Logo" src="asset-corporate-portal/media/logo/logo.png" style="object-fit: contain;height: 4vh;"/>
-				</a>
-				<!--end::Logo-->
-				<!--begin::Toolbar-->
-				<div class="d-flex align-items-center">
-					<!--begin::Topbar Mobile Toggle-->
-					<button class="btn btn-hover-text-primary p-0 ml-2" id="kt_header_mobile_topbar_toggle">
-						<span class="svg-icon svg-icon-xl">
-							<!--begin::Svg Icon | path:/assets/media/svg/icons/General/User.svg-->
-							<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,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z"
-										fill="#000000"
-										fill-rule="nonzero"
-										opacity="0.3"
-									></path>
-									<path
-										d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z"
-										fill="#000000"
-										fill-rule="nonzero"
-									></path>
-								</g>
-							</svg><!--end::Svg Icon-->
-						</span>
-					</button>
-					<!--end::Topbar Mobile Toggle-->
-				</div>
-				<!--end::Toolbar-->
-			</div>
-			<!--start::Navbar Mobile-->
-            <!--start::Navbar Laptop With Sidebar-->			
-            <div class="mb-24 mt-8" style="padding-left: 10vw; padding-right: 10vw;">
-                <div class="align-item-center">
-					@navbaruser
-				</div>
-                <div class="mt-16">
-                    { children... }
-                </div>
-            </div>
-            <!--end::Navbar Laptop With Sidebar-->
-            @sidebaruser
-			<!--begin::Global Config(global config for global JS scripts)-->
-			<script src="asset-corporate-portal/js/ktappsetting.js"></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-->
-			<script src="assets/js/iconify/iconify.min.js"></script>
-			// bootstrap datepicker
-			<script src="assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js"></script>
-			@js
-			<!--end::Page Scripts-->
-        </body>
-    </html>
-}
--- a/layout/layout_employee_analytic_templ.go
+++ b/layout/layout_employee_analytic_templ.go
@@ -1,94 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.2.663
-package layout
-
-//lint:file-ignore SA4006 This context is only used if a nested component is present.
-
-import "github.com/a-h/templ"
-import "context"
-import "io"
-import "bytes"
-
-func EmployeeAnalyticLayout(
-	title string,
-	css templ.Component,
-	js templ.Component,
-	navbaruser templ.Component,
-	sidebaruser templ.Component,
-) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var1 == nil {
-			templ_7745c5c3_Var1 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><html lang=\"en\"><!--begin::Head--><head><base href=\"/\"><meta charset=\"utf-8\"><title>Company Portal | ")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var2 string
-		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\layout_employee_analytic.templ`, Line: 16, Col: 34}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--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=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><!-- slick --><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick.css\"><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick-theme.css\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = css.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</head><!--end::Head--><!--begin::Body--><body id=\"kt_body\" class=\"header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading bg-white\"><script src=\"assets/js/htmx/htmx.min.js\"></script><!--start::Navbar Mobile--><div id=\"kt_header_mobile\" class=\"header-mobile align-items-center  header-mobile-fixed \"><!--begin::Logo--><a href=\"index.html\"><img alt=\"Logo\" src=\"asset-corporate-portal/media/logo/logo.png\" style=\"object-fit: contain;height: 4vh;\"></a><!--end::Logo--><!--begin::Toolbar--><div class=\"d-flex align-items-center\"><!--begin::Topbar Mobile Toggle--><button class=\"btn btn-hover-text-primary p-0 ml-2\" id=\"kt_header_mobile_topbar_toggle\"><span class=\"svg-icon svg-icon-xl\"><!--begin::Svg Icon | path:/assets/media/svg/icons/General/User.svg--><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,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\" fill=\"#000000\" fill-rule=\"nonzero\" opacity=\"0.3\"></path> <path d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\" fill=\"#000000\" fill-rule=\"nonzero\"></path></g></svg><!--end::Svg Icon--></span></button><!--end::Topbar Mobile Toggle--></div><!--end::Toolbar--></div><!--start::Navbar Mobile--><!--start::Navbar Laptop With Sidebar--><div class=\"mb-24 mt-8\" style=\"padding-left: 10vw; padding-right: 10vw;\"><div class=\"align-item-center\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = navbaruser.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"mt-16\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templ_7745c5c3_Var1.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div><!--end::Navbar Laptop With Sidebar-->")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = sidebaruser.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--begin::Global Config(global config for global JS scripts)--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></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--><script src=\"assets/js/iconify/iconify.min.js\"></script><script src=\"assets/js/pages/crud/forms/widgets/bootstrap-datepicker.js\"></script>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = js.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Page Scripts--></body></html>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
--- a/layout/playground_layout.templ
+++ b/layout/playground_layout.templ
@@ -3,6 +3,18 @@ package layout
 // LAYOUT PLAYGROUND
 templ PlaygroundLayout(title string, css templ.Component, js templ.Component) {
 	<!DOCTYPE html>
+	<!--
+		Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
+		Author: KeenThemes
+		Website: http://www.keenthemes.com/
+		Contact: support@keenthemes.com
+		Follow: www.twitter.com/keenthemes
+		Dribbble: www.dribbble.com/keenthemes
+		Like: www.facebook.com/keenthemes
+		Purchase: https://1.envato.market/EA4JP
+		Renew Support: https://1.envato.market/EA4JP
+		License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
+		-->
 	<html lang="en">
 		<!--begin::Head-->
 		<head>
--- a/layout/playground_layout_templ.go
+++ b/layout/playground_layout_templ.go
@@ -24,14 +24,14 @@ func PlaygroundLayout(title string, css templ.Component, js templ.Component) tem
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><html lang=\"en\"><!--begin::Head--><head><base href=\"/\"><meta charset=\"utf-8\"><title>Company Portal | ")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><!--\r\n\t\tTemplate Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme\r\n\t\tAuthor: KeenThemes\r\n\t\tWebsite: http://www.keenthemes.com/\r\n\t\tContact: support@keenthemes.com\r\n\t\tFollow: www.twitter.com/keenthemes\r\n\t\tDribbble: www.dribbble.com/keenthemes\r\n\t\tLike: www.facebook.com/keenthemes\r\n\t\tPurchase: https://1.envato.market/EA4JP\r\n\t\tRenew Support: https://1.envato.market/EA4JP\r\n\t\tLicense: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.\r\n\t\t--><html lang=\"en\"><!--begin::Head--><head><base href=\"/\"><meta charset=\"utf-8\"><title>Company Portal | ")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\playground_layout.templ`, Line: 11, Col: 34}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\playground_layout.templ`, Line: 23, Col: 34}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
--- a/models/bahan.models.go
+++ b/models/bahan.models.go
@@ -1,38 +0,0 @@
-package models
-
-import "github.com/a-h/templ"
-
-type Bahan struct {
-	T_BahanID                int    `db:"T_BahanID"`
-	T_BahanT_SampleStationID int    `db:"T_BahanT_SampleStationID"`
-	T_SampleStationID        int    `db:"T_SampleStationID"`
-	T_SampleStationName      string `db:"T_SampleStationName"`
-	T_BahanCode              string `db:"T_BahanCode"`
-	T_BahanName              string `db:"T_BahanName"`
-	T_BahanLangName          string `db:"T_BahanLangName"`
-	T_BahanIsActive          string `db:"T_BahanIsActive"`
-	T_BahanCreated           string `db:"T_BahanCreated"`
-	T_BahanCreatedUserID     string `db:"T_BahanCreatedUserID"`
-	T_BahanLastUpdated       string `db:"T_BahanLastUpdated"`
-	T_BahanLastUpdatedUserID string `db:"T_BahanLastUpdatedUserID"`
-	T_BahanDeleted           string `db:"T_BahanDeleted"`
-	T_BahanDeletedUserID     string `db:"T_BahanDeletedUserID"`
-}
-
-type TmpSampleStation struct {
-	T_SampleStationID   int    `db:"T_SampleStationID"`
-	T_SampleStationName string `db:"T_SampleStationName"`
-}
-
-type BahanFormComponent struct {
-	IDComponent  string
-	Link         string
-	HxTarget     string
-	HxSwap       string
-	HxInclude    string
-	ModalID      string
-	ModalTitle   string
-	DialogBody   templ.Component
-	DialogAction templ.Component
-	ButtonCLose  templ.Component
-}
--- a/models/component/breadcrumbadmin/breadcrumbadmin.templ
+++ b/models/component/breadcrumbadmin/breadcrumbadmin.templ
@@ -0,0 +1,23 @@
+package breadcrumadmin
+
+templ MainBreadcrumbAdmin() {
+	<div class="col-11">
+		<h1 class="title text-black" style="margin-bottom: 0">
+			PT. Sadhana Abiyasa Sampoerna
+		</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 active" aria-current="page">
+					Mcu Karyawan
+				</li>
+			</ol>
+		</nav>
+	</div>
+}
--- a/models/component/breadcrumbadmin/breadcrumbadmin_templ.go
+++ b/models/component/breadcrumbadmin/breadcrumbadmin_templ.go
@@ -0,0 +1,35 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package breadcrumadmin
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func MainBreadcrumbAdmin() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"col-11\"><h1 class=\"title text-black\" style=\"margin-bottom: 0\">PT. Sadhana Abiyasa Sampoerna\r</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 active\" aria-current=\"page\">Mcu Karyawan\r</li></ol></nav></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/breadcrumbadmin/breadcrumbadminv1.templ
+++ b/models/component/breadcrumbadmin/breadcrumbadminv1.templ
@@ -0,0 +1,26 @@
+package breadcrumadmin
+
+import "cpone/models"
+
+templ MainBreadcrumbAdminV1(data models.BreadCrumbV1) {
+	<div class="col-11">
+		<h1 class="title text-black" style="margin-bottom: 0">
+			{ data.Title }
+		</h1>
+		<nav aria-label="breadcrumb">
+			<ol class="breadcrumb" style="margin-bottom: 0">
+				for idx, d := range data.Item {
+					if (idx != len(data.Item) - 1) {
+						// tidak active
+						<li class="breadcrumb-item"><a href={ templ.SafeURL(d.Url) }>{ d.Item }</a></li>
+					} else {
+						// active
+						<li class="breadcrumb-item active" aria-current="page">
+							{ d.Item }
+						</li>
+					}
+				}
+			</ol>
+		</nav>
+	</div>
+}
--- a/models/component/breadcrumbadmin/breadcrumbadminv1_templ.go
+++ b/models/component/breadcrumbadmin/breadcrumbadminv1_templ.go
@@ -0,0 +1,102 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package breadcrumadmin
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/models"
+
+func MainBreadcrumbAdminV1(data models.BreadCrumbV1) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"col-11\"><h1 class=\"title text-black\" style=\"margin-bottom: 0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(data.Title)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\breadcrumbadmin\breadcrumbadminv1.templ`, Line: 8, Col: 15}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h1><nav aria-label=\"breadcrumb\"><ol class=\"breadcrumb\" style=\"margin-bottom: 0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for idx, d := range data.Item {
+			if idx != len(data.Item)-1 {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" <li class=\"breadcrumb-item\"><a href=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 templ.SafeURL = templ.SafeURL(d.Url)
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(string(templ_7745c5c3_Var3)))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 string
+				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(d.Item)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\breadcrumbadmin\breadcrumbadminv1.templ`, Line: 15, Col: 75}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a></li>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			} else {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" <li class=\"breadcrumb-item active\" aria-current=\"page\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var5 string
+				templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(d.Item)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\breadcrumbadmin\breadcrumbadminv1.templ`, Line: 19, Col: 15}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</li>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</ol></nav></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/chart/chart.templ
+++ b/models/component/chart/chart.templ
@@ -0,0 +1,30 @@
+package chart
+
+templ ShowChart(idDiv string, udata string) {
+    <div id={ idDiv } class="mx-auto"></div>
+	@GenerateChart(idDiv, udata)
+}
+
+script GenerateChart(idDiv string, udata string) {
+    htmx.onLoad(function(elt) {
+        console.log("elt ",elt)
+        var element = document.getElementById(idDiv);
+        console.log("element ",element)
+        if (element) {
+            element.style.height = "400px";
+            element.style.width = "100%";
+        }
+
+        var myChart = {}; 
+        var option = {};
+
+        // var myChart_001 = echarts.init(document.getElementById(idDiv));
+        myChart[idDiv] = echarts.init(element);
+
+        // var option_001 = JSON.parse(udata);
+        option[idDiv] = JSON.parse(udata);
+        console.log("option ", option)
+        // myChart_001.setOption(option_001);
+        myChart[idDiv].setOption(option[idDiv]);
+    });
+}
--- a/models/component/chart/chart_templ.go
+++ b/models/component/chart/chart_templ.go
@@ -0,0 +1,82 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package chart
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func ShowChart(idDiv string, udata string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(idDiv)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\chart\chart.templ`, Line: 4, Col: 19}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"mx-auto\"></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = GenerateChart(idDiv, udata).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func GenerateChart(idDiv string, udata string) templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_GenerateChart_4c73`,
+		Function: `function __templ_GenerateChart_4c73(idDiv, udata){htmx.onLoad(function(elt) {
+        console.log("elt ",elt)
+        var element = document.getElementById(idDiv);
+        console.log("element ",element)
+        if (element) {
+            element.style.height = "400px";
+            element.style.width = "100%";
+        }
+
+        var myChart = {}; 
+        var option = {};
+
+        // var myChart_001 = echarts.init(document.getElementById(idDiv));
+        myChart[idDiv] = echarts.init(element);
+
+        // var option_001 = JSON.parse(udata);
+        option[idDiv] = JSON.parse(udata);
+        console.log("option ", option)
+        // myChart_001.setOption(option_001);
+        myChart[idDiv].setOption(option[idDiv]);
+    });
+}`,
+		Call:       templ.SafeScript(`__templ_GenerateChart_4c73`, idDiv, udata),
+		CallInline: templ.SafeScriptInline(`__templ_GenerateChart_4c73`, idDiv, udata),
+	}
+}
--- a/models/component/customcheckbox/customcheckboxv1.templ
+++ b/models/component/customcheckbox/customcheckboxv1.templ
@@ -0,0 +1,25 @@
+package customcheckbox
+
+import "cpone/models"
+
+templ MainCustomCheckboxInput(inp models.CustomCheckboxv1Prm) {
+	<div class="form-control bg-field border-0 h-auto">
+		<div class="form-group">
+			<label>{ inp.Label }</label>
+			<div class="checkbox-list">
+				<label class="checkbox">
+					if (inp.Value == "on") {
+						<input type="checkbox" name={ inp.Name } id={ inp.ID } checked/>
+					} else {
+						<input type="checkbox" name={ inp.Name } id={ inp.ID }/>
+					}
+					<span></span>
+					{ inp.Text }
+				</label>
+			</div>
+		</div>
+		<div class="invalid-feedback text-danger mt-3 ml-2 mt-5">
+			{ inp.ErrorMsg }
+		</div>
+	</div>
+}
--- a/models/component/customcheckbox/customcheckboxv1_templ.go
+++ b/models/component/customcheckbox/customcheckboxv1_templ.go
@@ -0,0 +1,143 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package customcheckbox
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/models"
+
+func MainCustomCheckboxInput(inp models.CustomCheckboxv1Prm) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"form-control bg-field border-0 h-auto\"><div class=\"form-group\"><label>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Label)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customcheckbox\customcheckboxv1.templ`, Line: 8, Col: 21}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</label><div class=\"checkbox-list\"><label class=\"checkbox\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if inp.Value == "on" {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input type=\"checkbox\" name=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var3 string
+			templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Name)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customcheckbox\customcheckboxv1.templ`, Line: 12, Col: 44}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var4 string
+			templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ID)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customcheckbox\customcheckboxv1.templ`, Line: 12, Col: 58}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" checked> ")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input type=\"checkbox\" name=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var5 string
+			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Name)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customcheckbox\customcheckboxv1.templ`, Line: 14, Col: 44}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var6 string
+			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ID)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customcheckbox\customcheckboxv1.templ`, Line: 14, Col: 58}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"> ")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<span></span> ")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Text)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customcheckbox\customcheckboxv1.templ`, Line: 17, Col: 15}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</label></div></div><div class=\"invalid-feedback text-danger mt-3 ml-2 mt-5\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customcheckbox\customcheckboxv1.templ`, Line: 22, Col: 17}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/customdropdown/customdropdown.templ
+++ b/models/component/customdropdown/customdropdown.templ
@@ -0,0 +1,61 @@
+package customdropdown;
+
+import "cpone/models"
+
+templ MainCustomDropdown(inp models.CustomDropdownv1Prm, listItem templ.Component) {
+	<div class="form-control bg-field border-0 h-auto">
+		<select
+			name={ inp.Name }
+			class="form-control bg-field selectpicker"
+			data-live-search="true"
+			data-size="5"
+			id={ inp.ID }
+			hx-get={ inp.HxGet }
+			hx-target={ inp.HxTarget }
+			hx-indicator={ inp.HxIndicator }
+			hx-trigger={ inp.HxTrigger }
+			hx-include={ inp.HxInclude }
+		>
+			@listItem
+		</select>
+		<div class="invalid-feedback text-danger mt-3 ml-2 mt-5">
+			{ inp.ErrorMsg }
+		</div>
+	</div>
+}
+
+templ MainCustomDropdownInput(inp models.CustomDropdownv1Prm, listItem templ.Component) {
+	<div class="form-control bg-field border-0 h-auto">
+		<select
+			name={ inp.Name }
+			class="form-control bg-field selectpicker"
+			data-live-search="true"
+			data-size="5"
+			id={ inp.ID }
+		>
+			@listItem
+		</select>
+		<div class="invalid-feedback text-danger mt-3 ml-2 mt-5">
+			{ inp.ErrorMsg }
+		</div>
+	</div>
+}
+
+templ MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string, hxIndicator string, hxTrigger string, hxInclude string, listItem templ.Component) {
+	<div class="form-control bg-field border-0 h-auto">
+		<select
+			name={ name }
+			class="form-control bg-field selectpicker"
+			data-live-search="true"
+			data-size="5"
+			id={ id }
+			hx-get={ hxGet }
+			hx-target={ hxTarget }
+			hx-indicator={ hxIndicator }
+			hx-trigger={ hxTrigger }
+			hx-include={ hxInclude }
+		>
+			@listItem
+		</select>
+	</div>
+}
--- a/views/dev/employeeanalytic/filteremployeeanalytic_templ.go
+++ b/views/dev/employeeanalytic/filteremployeeanalytic_templ.go
@@ -1,7 +1,7 @@
 // Code generated by templ - DO NOT EDIT.

 // templ: version: v0.2.663
-package dev_employeeanalytic
+package customdropdown

 //lint:file-ignore SA4006 This context is only used if a nested component is present.

@@ -10,15 +10,9 @@ import "context"
 import "io"
 import "bytes"

-func FilterListing(
-	hxGet string,
-	hxTrigger string,
-	hxInclude string,
-	hxSwap string,
-	hxTarget string,
-	hxBeforeRequest templ.ComponentScript,
-	hxAfterRequest templ.ComponentScript,
-) templ.Component {
+import "cpone/models"
+
+func MainCustomDropdown(inp models.CustomDropdownv1Prm, listItem templ.Component) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
 		if !templ_7745c5c3_IsBuffer {
@@ -31,280 +25,313 @@ func FilterListing(
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row pt-8 align-items-center\"><div class=\"col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2\"><label class=\"text-black font-weight-bolder\">Stard Date:</label></div><div class=\"col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input id=\"startdateID\" name=\"startdate\" class=\"form-control form-control-lg bg-field border-0 rounded-lg\" type=\"date\" autocomplete=\"off\" hx-get=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"form-control bg-field border-0 h-auto\"><select name=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var2 string
-		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Name)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 23, Col: 30}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 8, Col: 18}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"form-control bg-field selectpicker\" data-live-search=\"true\" data-size=\"5\" id=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var3 string
-		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ID)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 24, Col: 38}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 12, Col: 14}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-get=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var4 string
-		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inp.HxGet)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 25, Col: 38}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 13, Col: 21}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var5 string
-		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
+		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inp.HxTarget)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 26, Col: 32}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 14, Col: 27}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var6 string
-		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(inp.HxIndicator)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 27, Col: 36}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 15, Col: 33}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var7 templ.ComponentScript = hxBeforeRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var7.Call)
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(inp.HxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 16, Col: 29}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		var templ_7745c5c3_Var8 templ.ComponentScript = hxAfterRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var8.Call)
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(inp.HxInclude)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 17, Col: 29}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"></div><div class=\"col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2\"><label class=\"text-black font-weight-bolder\">End Date:</label></div><div class=\"col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest)
+		templ_7745c5c3_Err = listItem.Render(ctx, templ_7745c5c3_Buffer)
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input id=\"enddateID\" name=\"enddate\" class=\"form-control form-control-lg bg-field border-0 rounded-lg\" type=\"date\" autocomplete=\"off\" hx-get=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</select><div class=\"invalid-feedback text-danger mt-3 ml-2 mt-5\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var9 string
-		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 42, Col: 30}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 22, Col: 17}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var10 string
-		templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 43, Col: 38}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var11 string
-		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 44, Col: 38}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var12 string
-		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 45, Col: 32}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var13 string
-		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 46, Col: 36}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var14 templ.ComponentScript = hxBeforeRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var14.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var15 templ.ComponentScript = hxAfterRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var15.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"></div><div class=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mb-2\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, hxBeforeRequest, hxAfterRequest)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input id=\"searchID\" name=\"search\" class=\"form-control form-control-lg bg-field border-0 rounded-lg\" type=\"text\" placeholder=\"nama karyawan\" hx-get=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var16 string
-		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 58, Col: 30}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var17 string
-		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 59, Col: 38}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var18 string
-		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 60, Col: 38}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var19 string
-		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 61, Col: 32}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var20 string
-		templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\filteremployeeanalytic.templ`, Line: 62, Col: 36}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::before-request=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var21 templ.ComponentScript = hxBeforeRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var21.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var22 templ.ComponentScript = hxAfterRequest
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var22.Call)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"></div></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func MainCustomDropdownInput(inp models.CustomDropdownv1Prm, listItem templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var10 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var10 == nil {
+			templ_7745c5c3_Var10 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"form-control bg-field border-0 h-auto\"><select name=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var11 string
+		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Name)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 30, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"form-control bg-field selectpicker\" data-live-search=\"true\" data-size=\"5\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var12 string
+		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ID)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 34, Col: 14}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = listItem.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</select><div class=\"invalid-feedback text-danger mt-3 ml-2 mt-5\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var13 string
+		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 39, Col: 17}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func MainCustomDropdownV1(name string, id string, hxTarget string, hxGet string, hxIndicator string, hxTrigger string, hxInclude string, listItem templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var14 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var14 == nil {
+			templ_7745c5c3_Var14 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"form-control bg-field border-0 h-auto\"><select name=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var15 string
+		templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(name)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 47, Col: 14}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"form-control bg-field selectpicker\" data-live-search=\"true\" data-size=\"5\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var16 string
+		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(id)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 51, Col: 10}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var17 string
+		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 52, Col: 17}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var18 string
+		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 53, Col: 23}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var19 string
+		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 54, Col: 29}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var20 string
+		templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 55, Col: 25}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var21 string
+		templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customdropdown\customdropdown.templ`, Line: 56, Col: 25}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var21))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = listItem.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</select></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
--- a/models/component/customtextfield/customtextfield.templ
+++ b/models/component/customtextfield/customtextfield.templ
@@ -0,0 +1,17 @@
+package customtextfield
+
+templ MainCustomTextField(inpLabelText,
+	inpName,
+	inpPlaceHolder,
+	inpType string) {
+	<div class="form-group">
+		<label class="text-black" style="font-family: Poppins; font-weight: 600;">{ inpLabelText } </label>
+		<input
+			id={ inpName }
+			name={ inpName }
+			type={ inpType }
+			placeholder={ inpPlaceHolder }
+			class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+		/>
+	</div>
+}
--- a/component/customradiobutton/customradiobuttoninline_templ.go
+++ b/component/customradiobutton/customradiobuttoninline_templ.go
@@ -1,7 +1,7 @@
 // Code generated by templ - DO NOT EDIT.

 // templ: version: v0.2.663
-package customradiobuttoninline
+package customtextfield

 //lint:file-ignore SA4006 This context is only used if a nested component is present.

@@ -10,9 +10,10 @@ import "context"
 import "io"
 import "bytes"

-import "cpone/models"
-
-func MainCustomRadioButtonInput(inp models.CustomRadioButtonv1Prm) templ.Component {
+func MainCustomTextField(inpLabelText,
+	inpName,
+	inpPlaceHolder,
+	inpType string) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
 		if !templ_7745c5c3_IsBuffer {
@@ -25,59 +26,72 @@ func MainCustomRadioButtonInput(inp models.CustomRadioButtonv1Prm) templ.Compone
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mt-5\"><label for=\"input1\" style=\"font-family: Poppins; font-weight: 600\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"form-group\"><label class=\"text-black\" style=\"font-family: Poppins; font-weight: 600;\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var2 string
-		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Label)
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inpLabelText)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 7, Col: 80}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfield.templ`, Line: 8, Col: 90}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</label><div class=\"form-control\"><div class=\"form-group\"><div style=\"display: flex; gap: 20px\"><label style=\"display: flex; align-items: center; gap: 5px\"><input type=\"radio\" name=\"nationality\" value=\"")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</label> <input id=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var3 string
-		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Value)
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 12, Col: 62}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfield.templ`, Line: 10, Col: 15}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><p style=\"margin: 0\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" name=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var4 string
-		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Text)
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 13, Col: 37}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfield.templ`, Line: 11, Col: 17}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</p></label></div></div></div><div class=\"invalid-feedback text-danger mt-3 ml-2 mt-5\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" type=\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
 		var templ_7745c5c3_Var5 string
-		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
+		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customradiobutton\customradiobuttoninline.templ`, Line: 19, Col: 17}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfield.templ`, Line: 12, Col: 17}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" placeholder=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(inpPlaceHolder)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfield.templ`, Line: 13, Col: 31}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"form-control bg-field border-0 h-auto py-6 px-6 rounded-lg\"></div>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
--- a/models/component/customtextfield/customtextfieldv2.templ
+++ b/models/component/customtextfield/customtextfieldv2.templ
@@ -0,0 +1,31 @@
+package customtextfield
+
+import "cpone/models"
+
+templ CustomTextFieldv2(inp models.CustomTextFieldv2Prm) {
+	<div class="form-group">
+		<label
+			if inp.Type == "hidden" {
+				class="text-black d-none"
+			} else {
+				class="text-black"
+			}
+			style="font-family: Poppins; font-weight: 600;"
+		>{ inp.Label } </label>
+		<input
+			id={ inp.Name }
+			name={ inp.Name }
+			type={ inp.Type }
+			placeholder={ inp.Placeholder }
+			value={ inp.Value }
+			if inp.ErrorMsg =="" {
+				class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+			} else {
+				class="form-control bg-field border-1 h-auto py-6 px-6 rounded-lg is-invalid"
+			}
+		/>
+		<div class="invalid-feedback text-danger mt-3 ml-2">
+			{ inp.ErrorMsg }
+		</div>
+	</div>
+}
--- a/models/component/customtextfield/customtextfieldv2_templ.go
+++ b/models/component/customtextfield/customtextfieldv2_templ.go
@@ -0,0 +1,158 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package customtextfield
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/models"
+
+func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"form-group\"><label")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if inp.Type == "hidden" {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"text-black d-none\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"text-black\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" style=\"font-family: Poppins; font-weight: 600;\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Label)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfieldv2.templ`, Line: 14, Col: 14}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</label> <input id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Name)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfieldv2.templ`, Line: 16, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" name=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Name)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfieldv2.templ`, Line: 17, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" type=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var5 string
+		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Type)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfieldv2.templ`, Line: 18, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" placeholder=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Placeholder)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfieldv2.templ`, Line: 19, Col: 32}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" value=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(inp.Value)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfieldv2.templ`, Line: 20, Col: 20}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if inp.ErrorMsg == "" {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control bg-field border-0 h-auto py-6 px-6 rounded-lg\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"form-control bg-field border-1 h-auto py-6 px-6 rounded-lg is-invalid\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("><div class=\"invalid-feedback text-danger mt-3 ml-2\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(inp.ErrorMsg)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfield\customtextfieldv2.templ`, Line: 28, Col: 17}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/customtextfieldautocomplete/customtextfieldautocomplete.templ
+++ b/models/component/customtextfieldautocomplete/customtextfieldautocomplete.templ
@@ -0,0 +1,126 @@
+package customtextfieldautocomplete;
+
+import (
+	"cpone/layout"
+	"cpone/models"
+)
+
+templ MainCustomAutoComplete(value string) {
+	<div id="initial" class="form-group">
+		<input
+			class="form-control bg-field"
+			type="text"
+			autocomplete="off"
+			placeholder="Search Data..."
+			id="searchAutocomplete"
+			name="searchAutocomplete"
+			hx-get="/client/autocomplete"
+			hx-trigger="input changed delay:500ms, search"
+			hx-target="#hasilAutoComplete"
+			hx-indicator="#indicator"
+			value={ value }
+		/>
+		<div id="hasilAutoComplete">
+			<div id="indicator" class="position-absolute d-flex justify-content-center spinner-border htmx-indicator" style="z-index: 99;" role="status">
+				<span class="sr-only">Loading...</span>
+			</div>
+		</div>
+	</div>
+}
+
+templ ListCustomAutoCompleteHide() {
+	<div id="hasilAutoComplete"></div>
+}
+
+templ ListCustomAutoComplete(limit string, param string, totalDataInt int, foundCount int, pageOf string, textFound string, data []models.AutoComplete) {
+	<div id="contentList" class="bootstrap-autocomplete dropdown-menu-custom bg-white show">
+		if len(data) == 0 {
+			<a class="dropdown-item" href="#" style="overflow: hidden; text-overflow: ellipsis;">Data Tidak Ditemukan</a>
+		} else {
+			for _, d := range data {
+				<a
+					hx-trigger="click"
+					hx-get={ "/client/autoCompleteSetValue/" + d.Name }
+					hx-swap="outerHTML"
+					hx-target="#initial"
+					class="dropdown-item"
+					style="overflow: hidden; text-overflow: ellipsis;"
+				>{ d.Name }</a>
+			}
+		}
+		<div class="container px-4">
+			<div class="row mb-4">
+				<div id="indicator" class="position-absolute d-flex justify-content-center spinner-border htmx-indicator" style="z-index: 99;" role="status">
+					<span class="sr-only">Loading...</span>
+				</div>
+			</div>
+			<div class="row align-items-center">
+				<div class="col-md-6">
+					<p style="font-style: italic; margin: 0; text-align: left;">{ textFound }</p>
+				</div>
+				<div class="col-md-6 d-flex justify-content-end">
+					if foundCount == totalDataInt {
+						<a href="#" class="btn btn-link-primary text-primary mr-2 disabled">Show More</a>
+					} else {
+						<a
+							href="#"
+							hx-get={ "/client/autoCompleteLoadMore/" + pageOf + "/" + param + "/" + limit }
+							hx-trigger="click"
+							hx-target="#contentList"
+							hx-swap="outerHTML"
+							hx-select="#contentList"
+							hx-indicator="#indicator"
+							class="text-dark-75 text-hover-primary mr-2"
+						>Show More</a>
+					}
+				</div>
+			</div>
+		</div>
+	</div>
+}
+
+templ JsCustomAutoComplete() {
+}
+
+templ CssCustomAutoComplete() {
+	<style>
+	.htmx-indicator{
+		display:none;
+	}
+	.htmx-request .htmx-indicator{
+		display:inline;
+		opacity:1;
+	}
+	.htmx-request.htmx-indicator{
+		display:inline;
+		opacity:1;
+	}
+
+    .dropdown-menu-custom {
+        /* position: absolute; */
+        /* top: 100%; */
+        /* left: 0; */
+        /* z-index: 1000; */
+        /* display: none; */
+        width: 100%;
+        float: left;
+        min-width: 10rem;
+        padding: 0.5rem 0;
+        margin: 0.125rem 0 0;
+        font-size: 1rem;
+        /* color: #212529; */
+        text-align: left;
+        list-style: none;
+        /* background-color: #fff; */
+        background-clip: padding-box;
+        border: 1px solid rgba(0, 0, 0, 0.15);
+        border-radius: 0.25rem;
+      }
+    </style>
+}
+
+templ ShowCustomAutoComplete(title string, cmp templ.Component, css templ.Component, js templ.Component) {
+	@layout.PlaygroundLayout(title, css, js) {
+		@cmp
+	}
+}
--- a/models/component/customtextfieldautocomplete/customtextfieldautocomplete_templ.go
+++ b/models/component/customtextfieldautocomplete/customtextfieldautocomplete_templ.go
@@ -0,0 +1,268 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package customtextfieldautocomplete
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/layout"
+	"cpone/models"
+)
+
+func MainCustomAutoComplete(value string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"initial\" class=\"form-group\"><input class=\"form-control bg-field\" type=\"text\" autocomplete=\"off\" placeholder=\"Search Data...\" id=\"searchAutocomplete\" name=\"searchAutocomplete\" hx-get=\"/client/autocomplete\" hx-trigger=\"input changed delay:500ms, search\" hx-target=\"#hasilAutoComplete\" hx-indicator=\"#indicator\" value=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(value)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldautocomplete\customtextfieldautocomplete.templ`, Line: 21, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><div id=\"hasilAutoComplete\"><div id=\"indicator\" class=\"position-absolute d-flex justify-content-center spinner-border htmx-indicator\" style=\"z-index: 99;\" role=\"status\"><span class=\"sr-only\">Loading...</span></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ListCustomAutoCompleteHide() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"hasilAutoComplete\"></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ListCustomAutoComplete(limit string, param string, totalDataInt int, foundCount int, pageOf string, textFound string, data []models.AutoComplete) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"contentList\" class=\"bootstrap-autocomplete dropdown-menu-custom bg-white show\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if len(data) == 0 {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a class=\"dropdown-item\" href=\"#\" style=\"overflow: hidden; text-overflow: ellipsis;\">Data Tidak Ditemukan</a>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			for _, d := range data {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a hx-trigger=\"click\" hx-get=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var5 string
+				templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs("/client/autoCompleteSetValue/" + d.Name)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldautocomplete\customtextfieldautocomplete.templ`, Line: 43, Col: 54}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"outerHTML\" hx-target=\"#initial\" class=\"dropdown-item\" style=\"overflow: hidden; text-overflow: ellipsis;\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var6 string
+				templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(d.Name)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldautocomplete\customtextfieldautocomplete.templ`, Line: 48, Col: 13}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"container px-4\"><div class=\"row mb-4\"><div id=\"indicator\" class=\"position-absolute d-flex justify-content-center spinner-border htmx-indicator\" style=\"z-index: 99;\" role=\"status\"><span class=\"sr-only\">Loading...</span></div></div><div class=\"row align-items-center\"><div class=\"col-md-6\"><p style=\"font-style: italic; margin: 0; text-align: left;\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(textFound)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldautocomplete\customtextfieldautocomplete.templ`, Line: 59, Col: 76}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</p></div><div class=\"col-md-6 d-flex justify-content-end\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if foundCount == totalDataInt {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a href=\"#\" class=\"btn btn-link-primary text-primary mr-2 disabled\">Show More</a>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a href=\"#\" hx-get=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var8 string
+			templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs("/client/autoCompleteLoadMore/" + pageOf + "/" + param + "/" + limit)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldautocomplete\customtextfieldautocomplete.templ`, Line: 67, Col: 84}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"click\" hx-target=\"#contentList\" hx-swap=\"outerHTML\" hx-select=\"#contentList\" hx-indicator=\"#indicator\" class=\"text-dark-75 text-hover-primary mr-2\">Show More</a>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func JsCustomAutoComplete() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var9 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var9 == nil {
+			templ_7745c5c3_Var9 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func CssCustomAutoComplete() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var10 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var10 == nil {
+			templ_7745c5c3_Var10 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t.htmx-indicator{\r\n\t\tdisplay:none;\r\n\t}\r\n\t.htmx-request .htmx-indicator{\r\n\t\tdisplay:inline;\r\n\t\topacity:1;\r\n\t}\r\n\t.htmx-request.htmx-indicator{\r\n\t\tdisplay:inline;\r\n\t\topacity:1;\r\n\t}\r\n\r\n    .dropdown-menu-custom {\r\n        /* position: absolute; */\r\n        /* top: 100%; */\r\n        /* left: 0; */\r\n        /* z-index: 1000; */\r\n        /* display: none; */\r\n        width: 100%;\r\n        float: left;\r\n        min-width: 10rem;\r\n        padding: 0.5rem 0;\r\n        margin: 0.125rem 0 0;\r\n        font-size: 1rem;\r\n        /* color: #212529; */\r\n        text-align: left;\r\n        list-style: none;\r\n        /* background-color: #fff; */\r\n        background-clip: padding-box;\r\n        border: 1px solid rgba(0, 0, 0, 0.15);\r\n        border-radius: 0.25rem;\r\n      }\r\n    </style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ShowCustomAutoComplete(title string, cmp templ.Component, css templ.Component, js templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var11 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var11 == nil {
+			templ_7745c5c3_Var11 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var12 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = cmp.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout(title, css, js).Render(templ.WithChildren(ctx, templ_7745c5c3_Var12), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/customtextfieldsearch/customtextfieldsearch.templ
+++ b/models/component/customtextfieldsearch/customtextfieldsearch.templ
@@ -0,0 +1,85 @@
+package customtextfieldsearch
+
+templ MainCustomTextFieldSearch(
+	inpName,
+	inpPlaceHolder,
+	inpType,
+	hxPost,
+	hxTrigger,
+	hxTarget,
+	hxIndicator string) {
+	<input
+		class="form-control bg-field border-0"
+		type={ inpType }
+		name={ inpName }
+		id={ inpName }
+		placeholder={ inpPlaceHolder }
+		hx-post={ hxPost }
+		hx-trigger={ hxTrigger }
+		hx-target={ hxTarget }
+		hx-indicator={ hxIndicator }
+		autocomplete="off"
+	/>
+}
+
+templ MainCustomTextFieldSearchV1(
+	inpId,
+	inpName,
+	inpPlaceHolder,
+	inpType,
+	hxGet,
+	hxTrigger,
+	hxTarget,
+	hxIndicator,
+	value,
+	hxExt string) {
+	<input
+		class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+		type={ inpType }
+		name={ inpName }
+		id={ inpId }
+		placeholder={ inpPlaceHolder }
+		hx-get={ hxGet }
+		hx-trigger={ hxTrigger }
+		hx-target={ hxTarget }
+		hx-indicator={ hxIndicator }
+		value={ value }
+		hx-ext={ hxExt }
+		autocomplete="off"
+	/>
+}
+
+templ MainCustomTextFieldSearchV2(
+	inpId,
+	inpName,
+	inpPlaceHolder,
+	inpType,
+	hxGet,
+	hxTrigger,
+	hxTarget,
+	hxIndicator,
+	value,
+	hxSwap string,
+	hxInclude string) {
+	<input
+		class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+		type={ inpType }
+		name={ inpName }
+		id={ inpId }
+		placeholder={ inpPlaceHolder }
+		hx-get={ hxGet }
+		hx-trigger={ hxTrigger }
+		hx-target={ hxTarget }
+		hx-indicator={ hxIndicator }
+		value={ value }
+		hx-include={ hxInclude }
+		hx-swap={ hxSwap }
+		autocomplete="off"
+	/>
+	<script>
+    document.body.addEventListener('htmx:targetError', function(event) {
+        console.error('Error updating target element:', event.detail);
+        alert('There was an error updating the target element.');
+    });
+</script>
+}
--- a/models/component/customtextfieldsearch/customtextfieldsearch_templ.go
+++ b/models/component/customtextfieldsearch/customtextfieldsearch_templ.go
@@ -0,0 +1,488 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package customtextfieldsearch
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func MainCustomTextFieldSearch(
+	inpName,
+	inpPlaceHolder,
+	inpType,
+	hxPost,
+	hxTrigger,
+	hxTarget,
+	hxIndicator string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input class=\"form-control bg-field border-0\" type=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 13, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" name=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 14, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 15, Col: 14}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" placeholder=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var5 string
+		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inpPlaceHolder)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 16, Col: 30}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-post=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(hxPost)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 17, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 18, Col: 24}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 19, Col: 22}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var9 string
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 20, Col: 28}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" autocomplete=\"off\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func MainCustomTextFieldSearchV1(
+	inpId,
+	inpName,
+	inpPlaceHolder,
+	inpType,
+	hxGet,
+	hxTrigger,
+	hxTarget,
+	hxIndicator,
+	value,
+	hxExt string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var10 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var10 == nil {
+			templ_7745c5c3_Var10 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input class=\"form-control bg-field border-0 h-auto py-6 px-6 rounded-lg\" type=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var11 string
+		templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 38, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" name=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var12 string
+		templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 39, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var13 string
+		templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(inpId)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 40, Col: 12}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" placeholder=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var14 string
+		templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.JoinStringErrs(inpPlaceHolder)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 41, Col: 30}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var14))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var15 string
+		templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 42, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var16 string
+		templ_7745c5c3_Var16, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 43, Col: 24}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var16))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var17 string
+		templ_7745c5c3_Var17, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 44, Col: 22}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var17))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var18 string
+		templ_7745c5c3_Var18, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 45, Col: 28}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var18))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" value=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var19 string
+		templ_7745c5c3_Var19, templ_7745c5c3_Err = templ.JoinStringErrs(value)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 46, Col: 15}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var19))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-ext=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var20 string
+		templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(hxExt)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 47, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" autocomplete=\"off\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func MainCustomTextFieldSearchV2(
+	inpId,
+	inpName,
+	inpPlaceHolder,
+	inpType,
+	hxGet,
+	hxTrigger,
+	hxTarget,
+	hxIndicator,
+	value,
+	hxSwap string,
+	hxInclude string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var21 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var21 == nil {
+			templ_7745c5c3_Var21 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input class=\"form-control bg-field border-0 h-auto py-6 px-6 rounded-lg\" type=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var22 string
+		templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 66, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var22))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" name=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var23 string
+		templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 67, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var23))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var24 string
+		templ_7745c5c3_Var24, templ_7745c5c3_Err = templ.JoinStringErrs(inpId)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 68, Col: 12}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var24))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" placeholder=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var25 string
+		templ_7745c5c3_Var25, templ_7745c5c3_Err = templ.JoinStringErrs(inpPlaceHolder)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 69, Col: 30}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var25))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-get=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var26 string
+		templ_7745c5c3_Var26, templ_7745c5c3_Err = templ.JoinStringErrs(hxGet)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 70, Col: 16}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var26))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var27 string
+		templ_7745c5c3_Var27, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 71, Col: 24}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var27))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var28 string
+		templ_7745c5c3_Var28, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 72, Col: 22}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var28))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var29 string
+		templ_7745c5c3_Var29, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 73, Col: 28}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var29))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" value=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var30 string
+		templ_7745c5c3_Var30, templ_7745c5c3_Err = templ.JoinStringErrs(value)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 74, Col: 15}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var30))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var31 string
+		templ_7745c5c3_Var31, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 75, Col: 24}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var31))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var32 string
+		templ_7745c5c3_Var32, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 76, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var32))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" autocomplete=\"off\"><script>\r\n    document.body.addEventListener('htmx:targetError', function(event) {\r\n        console.error('Error updating target element:', event.detail);\r\n        alert('There was an error updating the target element.');\r\n    });\r\n</script>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/modal/modal.templ
+++ b/models/component/modal/modal.templ
@@ -0,0 +1,30 @@
+package modalcomponent
+
+templ Modal(modalID string, modalTitle string, modalBody templ.Component, modalAction templ.Component, btnClose templ.Component) {
+	<div
+		class="modal fade"
+		style="display: none"
+		id={ modalID }
+		tabindex="-1"
+		role="dialog"
+		data-backdrop="static"
+		aria-hidden="true"
+	>
+		<div class="modal-dialog modal-dialog-centered" role="document">
+			<div class="modal-content rounded-lg">
+				<div class="modal-header border-bottom-0">
+					<h6 class="modal-title text-black font-weight-bolder">
+						{ modalTitle }
+					</h6>
+					@btnClose
+				</div>
+				<div class="modal-body border-bottom-0">
+					@modalBody
+				</div>
+				<div class="modal-footer border-top-0">
+					@modalAction
+				</div>
+			</div>
+		</div>
+	</div>
+}
--- a/models/component/modal/modal_confirmation.templ
+++ b/models/component/modal/modal_confirmation.templ
@@ -0,0 +1,52 @@
+package modalcomponent
+
+templ ModalConfirmation(
+	id string,
+	modalTitle string,
+	message string,
+	btnClose templ.Component,
+	datHeader []string,
+	dataText []string,
+	modalAction templ.Component) {
+	<div
+		class="modal fade"
+		id={ id }
+		tabindex="-1"
+		aria-labelledby="exampleModalLabel"
+		data-backdrop="static"
+		aria-hidden="true"
+	>
+		<div class="modal-dialog modal-dialog-centered">
+			<div class="modal-content rounded-lg">
+				<div class="modal-header border-bottom-0">
+					<h6 class="modal-title text-black font-weight-bolder">
+						{ modalTitle }
+					</h6>
+					@btnClose
+				</div>
+				<div class="modal-body border-bottom-0">
+					<p>{ message }</p>
+					<div class="card rounded-lg">
+						<div class="card-body d-flex flex-row">
+							<div class="d-flex flex-column">
+								for _, v := range datHeader {
+									<div class="mb-1 mt-1 text-disabled font-weight-bold mr-5">{ v }</div>
+								}
+							</div>
+							<div class="d-flex flex-column ">
+								for _, v := range dataText {
+									<div class="mb-1 mt-1 font-weight-bold">
+										{ v }
+									</div>
+								}
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="modal-footer border-top-0">
+					@modalAction
+				</div>
+			</div>
+		</div>
+	</div>
+}
--- a/models/component/modal/modal_confirmation_templ.go
+++ b/models/component/modal/modal_confirmation_templ.go
@@ -0,0 +1,143 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package modalcomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func ModalConfirmation(
+	id string,
+	modalTitle string,
+	message string,
+	btnClose templ.Component,
+	datHeader []string,
+	dataText []string,
+	modalAction templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"modal fade\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(id)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\modal\modal_confirmation.templ`, Line: 13, Col: 9}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" data-backdrop=\"static\" aria-hidden=\"true\"><div class=\"modal-dialog modal-dialog-centered\"><div class=\"modal-content rounded-lg\"><div class=\"modal-header border-bottom-0\"><h6 class=\"modal-title text-black font-weight-bolder\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(modalTitle)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\modal\modal_confirmation.templ`, Line: 23, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h6>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = btnClose.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-body border-bottom-0\"><p>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(message)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\modal\modal_confirmation.templ`, Line: 28, Col: 17}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</p><div class=\"card rounded-lg\"><div class=\"card-body d-flex flex-row\"><div class=\"d-flex flex-column\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, v := range datHeader {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-1 mt-1 text-disabled font-weight-bold mr-5\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var5 string
+			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(v)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\modal\modal_confirmation.templ`, Line: 33, Col: 71}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"d-flex flex-column \">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, v := range dataText {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-1 mt-1 font-weight-bold\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var6 string
+			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(v)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\modal\modal_confirmation.templ`, Line: 39, Col: 13}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div><div class=\"modal-footer border-top-0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = modalAction.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/modal/modal_templ.go
+++ b/models/component/modal/modal_templ.go
@@ -0,0 +1,85 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package modalcomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func Modal(modalID string, modalTitle string, modalBody templ.Component, modalAction templ.Component, btnClose templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"modal fade\" style=\"display: none\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(modalID)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\modal\modal.templ`, Line: 7, Col: 14}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" tabindex=\"-1\" role=\"dialog\" data-backdrop=\"static\" aria-hidden=\"true\"><div class=\"modal-dialog modal-dialog-centered\" role=\"document\"><div class=\"modal-content rounded-lg\"><div class=\"modal-header border-bottom-0\"><h6 class=\"modal-title text-black font-weight-bolder\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(modalTitle)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\modal\modal.templ`, Line: 17, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h6>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = btnClose.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-body border-bottom-0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = modalBody.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-footer border-top-0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = modalAction.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/navbar/navbar.templ
+++ b/models/component/navbar/navbar.templ
@@ -0,0 +1,74 @@
+package navbar
+
+import (
+	"cpone/component/sidebarmaster"
+
+	"cpone/models"
+)
+
+templ Navbar(dataUser models.User) {
+	<div id="kt_header" class="header header-fixed ">
+		<!--begin::Container-->
+		<div class="container-fluid  d-flex align-items-stretch justify-content-between">
+			<!--begin::Header Menu Wrapper-->
+			<div class="header-menu-wrapper header-menu-wrapper-left" id="kt_header_menu_wrapper"></div>
+			<!--end::Header Menu Wrapper-->
+			<!--begin::Topbar-->
+			<div class="topbar">
+				<!--begin::User-->
+				<div class="topbar-item">
+					<div
+						class="btn btn-icon btn-icon-mobile w-auto btn-clean d-flex align-items-center btn-lg px-2"
+						id="kt_quick_user_toggle"
+					>
+						<span
+							class="text-muted font-weight-bold font-size-base d-none d-md-inline mr-1"
+						>Hi,</span>
+						<span
+							class="text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3"
+						>{ dataUser.Username }</span>
+						<span class="bg-primary-transparent p-3" style="border-radius: 50%; width: 40px; height: 40px;">
+							<span class="iconify text-primary" data-icon="gravity-ui:person"></span>
+						</span>
+					</div>
+				</div>
+				<!--end::User-->
+			</div>
+			<!--end::Topbar-->
+		</div>
+		<!--end::Container-->
+	</div>
+}
+
+templ NavbarMenu(datamenu []models.Menu) {
+	<div class="aside-menu-wrapper flex-column-fluid" id="kt_aside_menu_wrapper">
+		<!--begin::Menu Container-->
+		<div
+			id="kt_aside_menu"
+			class="aside-menu my-4 "
+			data-menu-vertical="1"
+			data-menu-scroll="1"
+			data-menu-dropdown-timeout="500"
+		>
+			<!--begin::Menu Nav-->
+			<ul class="menu-nav ">
+				for index, d := range datamenu {
+					if index == 0 {
+						// @MenuDashboard(d.ParentMenuName, d.ParentUrl)
+						@sidebarmaster.MenuDashboard(d.ParentMenuName, d.ParentUrl)
+						<li class="menu-section ">
+							<h4 class="menu-text">Menu</h4>
+							<i class="menu-icon ki ki-bold-more-hor icon-md"></i>
+						</li>
+					}
+					if index+1 < len(datamenu) {
+						// @ListMenuNavbar(datamenu[index+1].ParentMenuName, d.Children)
+						@sidebarmaster.ListMenuNavbar(datamenu[index+1].ParentMenuName, datamenu[index+1].Children)
+					}
+				}
+			</ul>
+			<!--end::Menu Nav-->
+		</div>
+		<!--end::Menu Container-->
+	</div>
+}
--- a/models/component/navbar/navbar_templ.go
+++ b/models/component/navbar/navbar_templ.go
@@ -0,0 +1,112 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package navbar
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/sidebarmaster"
+
+	"cpone/models"
+)
+
+func Navbar(dataUser models.User) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"kt_header\" class=\"header header-fixed \"><!--begin::Container--><div class=\"container-fluid  d-flex align-items-stretch justify-content-between\"><!--begin::Header Menu Wrapper--><div class=\"header-menu-wrapper header-menu-wrapper-left\" id=\"kt_header_menu_wrapper\"></div><!--end::Header Menu Wrapper--><!--begin::Topbar--><div class=\"topbar\"><!--begin::User--><div class=\"topbar-item\"><div class=\"btn btn-icon btn-icon-mobile w-auto btn-clean d-flex align-items-center btn-lg px-2\" id=\"kt_quick_user_toggle\"><span class=\"text-muted font-weight-bold font-size-base d-none d-md-inline mr-1\">Hi,</span> <span class=\"text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.Username)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\navbar\navbar.templ`, Line: 29, Col: 26}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span> <span class=\"bg-primary-transparent p-3\" style=\"border-radius: 50%; width: 40px; height: 40px;\"><span class=\"iconify text-primary\" data-icon=\"gravity-ui:person\"></span></span></div></div><!--end::User--></div><!--end::Topbar--></div><!--end::Container--></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func NavbarMenu(datamenu []models.Menu) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"aside-menu-wrapper flex-column-fluid\" id=\"kt_aside_menu_wrapper\"><!--begin::Menu Container--><div id=\"kt_aside_menu\" class=\"aside-menu my-4 \" data-menu-vertical=\"1\" data-menu-scroll=\"1\" data-menu-dropdown-timeout=\"500\"><!--begin::Menu Nav--><ul class=\"menu-nav \">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for index, d := range datamenu {
+			if index == 0 {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" ")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = sidebarmaster.MenuDashboard(d.ParentMenuName, d.ParentUrl).Render(ctx, templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" <li class=\"menu-section \"><h4 class=\"menu-text\">Menu</h4><i class=\"menu-icon ki ki-bold-more-hor icon-md\"></i></li>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" ")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if index+1 < len(datamenu) {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" ")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = sidebarmaster.ListMenuNavbar(datamenu[index+1].ParentMenuName, datamenu[index+1].Children).Render(ctx, templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</ul><!--end::Menu Nav--></div><!--end::Menu Container--></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/pagination/pagination.templ
+++ b/models/component/pagination/pagination.templ
@@ -0,0 +1,59 @@
+package pagination 
+
+import "strconv"
+
+templ Pagination(length int, currentPage int, link string, contentID string) {
+	// hx-on::before-request={ HideContent(contentID) }
+	// hx-on::after-request="alert('Done making a request!')"
+	<div class="d-flex justify-content-between align-items-center flex-wrap">
+		<div class="d-flex flex-wrap py-2 mr-3">
+			for i:=0; i<length; i++ {
+				if (i+1) == currentPage {
+					<a
+						hx-get={ link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID }
+						class="btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1"
+						hx-swap="outerHTML"
+						hx-indicator="#indicator"
+						hx-trigger="click"
+						hx-on::before-request={ HideContent(contentID) }
+						hx-on::after-request={ ShowContent(contentID) }
+						hx-target={ "#" + contentID }
+					>{ strconv.Itoa(i+1) }</a>
+				} else {
+					<a
+						hx-get={ link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID }
+						class="btn btn-icon btn-sm border-0 btn-light mr-2 my-1"
+						hx-swap="outerHTML"
+						hx-indicator="#indicator"
+						hx-trigger="click"
+						hx-on::before-request={ HideContent(contentID) }
+						hx-on::after-request={ ShowContent(contentID) }
+						hx-target={ "#" + contentID }
+					>{ strconv.Itoa(i+1) }</a>
+				}
+			}
+		</div>
+	</div>
+}
+
+script ShowContent(contentID string) {
+	console.log("Show Content");
+	console.log(contentID);
+	document.getElementById(contentID).setAttribute("visible","");
+    // document.querySelector('#'+contentID).style.display = 'block';
+    // document.querySelector('#'+contentID).setAttribute("visible","");
+
+}
+
+script HideContent(contentID string) {
+	console.log("Hide Content");
+	console.log(contentID);
+	document.getElementById(contentID).setAttribute("hidden","");
+    // document.querySelector('#'+contentID).style.display = 'none';
+    // document.querySelector('#'+contentID).setAttribute("hidden","");
+}
+
+script CobaContent(contentID string) {
+	console.log(contentID);
+
+}
--- a/models/component/pagination/pagination_templ.go
+++ b/models/component/pagination/pagination_templ.go
@@ -0,0 +1,216 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package pagination
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "strconv"
+
+func Pagination(length int, currentPage int, link string, contentID string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex justify-content-between align-items-center flex-wrap\"><div class=\"d-flex flex-wrap py-2 mr-3\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for i := 0; i < length; i++ {
+			if (i + 1) == currentPage {
+				templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, HideContent(contentID), ShowContent(contentID))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a hx-get=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var2 string
+				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\pagination.templ`, Line: 13, Col: 124}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1\" hx-swap=\"outerHTML\" hx-indicator=\"#indicator\" hx-trigger=\"click\" hx-on::before-request=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 templ.ComponentScript = HideContent(contentID)
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var3.Call)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 templ.ComponentScript = ShowContent(contentID)
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var4.Call)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var5 string
+				templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs("#" + contentID)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\pagination.templ`, Line: 20, Col: 33}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var6 string
+				templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(i + 1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\pagination.templ`, Line: 21, Col: 25}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			} else {
+				templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, HideContent(contentID), ShowContent(contentID))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a hx-get=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var7 string
+				templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\pagination.templ`, Line: 24, Col: 124}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"btn btn-icon btn-sm border-0 btn-light mr-2 my-1\" hx-swap=\"outerHTML\" hx-indicator=\"#indicator\" hx-trigger=\"click\" hx-on::before-request=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var8 templ.ComponentScript = HideContent(contentID)
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var8.Call)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-on::after-request=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var9 templ.ComponentScript = ShowContent(contentID)
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var9.Call)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var10 string
+				templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs("#" + contentID)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\pagination.templ`, Line: 31, Col: 33}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var11 string
+				templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(i + 1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\pagination.templ`, Line: 32, Col: 25}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ShowContent(contentID string) templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_ShowContent_cf70`,
+		Function: `function __templ_ShowContent_cf70(contentID){console.log("Show Content");
+	console.log(contentID);
+	document.getElementById(contentID).setAttribute("visible","");
+    // document.querySelector('#'+contentID).style.display = 'block';
+    // document.querySelector('#'+contentID).setAttribute("visible","");
+
+}`,
+		Call:       templ.SafeScript(`__templ_ShowContent_cf70`, contentID),
+		CallInline: templ.SafeScriptInline(`__templ_ShowContent_cf70`, contentID),
+	}
+}
+
+func HideContent(contentID string) templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_HideContent_0799`,
+		Function: `function __templ_HideContent_0799(contentID){console.log("Hide Content");
+	console.log(contentID);
+	document.getElementById(contentID).setAttribute("hidden","");
+    // document.querySelector('#'+contentID).style.display = 'none';
+    // document.querySelector('#'+contentID).setAttribute("hidden","");
+}`,
+		Call:       templ.SafeScript(`__templ_HideContent_0799`, contentID),
+		CallInline: templ.SafeScriptInline(`__templ_HideContent_0799`, contentID),
+	}
+}
+
+func CobaContent(contentID string) templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_CobaContent_ef1c`,
+		Function: `function __templ_CobaContent_ef1c(contentID){console.log(contentID);
+
+}`,
+		Call:       templ.SafeScript(`__templ_CobaContent_ef1c`, contentID),
+		CallInline: templ.SafeScriptInline(`__templ_CobaContent_ef1c`, contentID),
+	}
+}
--- a/models/component/pagination/paginationv1.templ
+++ b/models/component/pagination/paginationv1.templ
@@ -0,0 +1,55 @@
+package pagination 
+
+import "strconv"
+
+templ PaginationV1(length int, currentPage int, link string, contentID string, searchQueryParam string) {
+	// hx-on::before-request={ HideContent(contentID) }
+	// hx-on::after-request="alert('Done making a request!')"
+	<div class="d-flex justify-content-between align-items-center flex-wrap">
+		<div class="d-flex flex-wrap py-2 mr-3">
+			for i:=0; i<length; i++ {
+				if (i+1) == currentPage {
+					<a
+						hx-get={ link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID + searchQueryParam }
+						class="btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1"
+						hx-swap="outerHTML"
+						hx-indicator="#indicator"
+						hx-trigger="click"
+						hx-target={ "#" + contentID }
+					>{ strconv.Itoa(i+1) }</a>
+				} else {
+					<a
+						hx-get={ link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID + searchQueryParam }
+						class="btn btn-icon btn-sm border-0 btn-light mr-2 my-1"
+						hx-swap="outerHTML"
+						hx-indicator="#indicator"
+						hx-trigger="click"
+						hx-target={ "#" + contentID }
+					>{ strconv.Itoa(i+1) }</a>
+				}
+			}
+		</div>
+	</div>
+}
+
+// script ShowContent(contentID string) {
+// 	console.log("Show Content");
+// 	console.log(contentID);
+// 	document.getElementById(contentID).setAttribute("visible","");
+//     // document.querySelector('#'+contentID).style.display = 'block';
+//     // document.querySelector('#'+contentID).setAttribute("visible","");
+
+// }
+
+// script HideContent(contentID string) {
+// 	console.log("Hide Content");
+// 	console.log(contentID);
+// 	document.getElementById(contentID).setAttribute("hidden","");
+//     // document.querySelector('#'+contentID).style.display = 'none';
+//     // document.querySelector('#'+contentID).setAttribute("hidden","");
+// }
+
+// script CobaContent(contentID string) {
+// 	console.log(contentID);
+
+// }
--- a/models/component/pagination/paginationv1_templ.go
+++ b/models/component/pagination/paginationv1_templ.go
@@ -0,0 +1,154 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package pagination
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "strconv"
+
+func PaginationV1(length int, currentPage int, link string, contentID string, searchQueryParam string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex justify-content-between align-items-center flex-wrap\"><div class=\"d-flex flex-wrap py-2 mr-3\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for i := 0; i < length; i++ {
+			if (i + 1) == currentPage {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a hx-get=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var2 string
+				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID + searchQueryParam)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv1.templ`, Line: 13, Col: 143}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1\" hx-swap=\"outerHTML\" hx-indicator=\"#indicator\" hx-trigger=\"click\" hx-target=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs("#" + contentID)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv1.templ`, Line: 18, Col: 33}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 string
+				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(i + 1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv1.templ`, Line: 19, Col: 25}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			} else {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a hx-get=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var5 string
+				templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(link + "?" + "currentPage=" + strconv.Itoa(i+1) + "&page=" + strconv.Itoa(length) + "&contentID=" + contentID + searchQueryParam)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv1.templ`, Line: 22, Col: 143}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"btn btn-icon btn-sm border-0 btn-light mr-2 my-1\" hx-swap=\"outerHTML\" hx-indicator=\"#indicator\" hx-trigger=\"click\" hx-target=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var6 string
+				templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs("#" + contentID)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv1.templ`, Line: 27, Col: 33}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var7 string
+				templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(i + 1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv1.templ`, Line: 28, Col: 25}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+// script ShowContent(contentID string) {
+// 	console.log("Show Content");
+// 	console.log(contentID);
+// 	document.getElementById(contentID).setAttribute("visible","");
+//     // document.querySelector('#'+contentID).style.display = 'block';
+//     // document.querySelector('#'+contentID).setAttribute("visible","");
+
+// }
+
+// script HideContent(contentID string) {
+// 	console.log("Hide Content");
+// 	console.log(contentID);
+// 	document.getElementById(contentID).setAttribute("hidden","");
+//     // document.querySelector('#'+contentID).style.display = 'none';
+//     // document.querySelector('#'+contentID).setAttribute("hidden","");
+// }
+
+// script CobaContent(contentID string) {
+// 	console.log(contentID);
+
+// }
--- a/models/component/pagination/paginationv2.templ
+++ b/models/component/pagination/paginationv2.templ
@@ -0,0 +1,52 @@
+package pagination 
+
+import "strconv"
+import "cpone/component/customtextfield"
+import "cpone/models"
+
+templ PaginationV2(length int,
+	currentPage int,
+	link string,
+	paginationID string,
+	hxInclude string,
+	hxTarget string,
+	hxSwap string,
+	hxIndicator string,
+	hxSwapOob string) {
+	// hx-on::before-request={ HideContent(contentID) }
+	// hx-on::after-request="alert('Done making a request!')"
+	<div class="d-flex justify-content-between align-items-center flex-wrap" id={ paginationID } hx-swap-oob={ hxSwapOob }>
+		<div class="d-flex flex-wrap py-2 mr-3">
+			for i:=0; i<length; i++ {
+				if (i+1) == currentPage {
+					<a
+						hx-get={ link + "?" + "page=" + strconv.Itoa(i+1) }
+						class="btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1"
+						hx-swap={ hxSwap }
+						hx-indicator={ hxIndicator }
+						hx-trigger="click"
+						hx-target={ hxTarget }
+						hx-include={ hxInclude }
+						hx-disabled-elt=".btneditug, .btndeleteug"
+					>{ strconv.Itoa(i+1) }</a>
+				} else {
+					<a
+						hx-get={ link + "?" + "page=" + strconv.Itoa(i+1) }
+						class="btn btn-icon btn-sm border-0 btn-light mr-2 my-1"
+						hx-swap={ hxSwap }
+						hx-indicator={ hxIndicator }
+						hx-trigger="click"
+						hx-target={ hxTarget }
+						hx-include={ hxInclude }
+						hx-disabled-elt=".btneditug, .btndeleteug"
+					>{ strconv.Itoa(i+1) }</a>
+				}
+			}
+		</div>
+		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{
+			ID:    "currpage" + paginationID,
+			Name:  "currpage" + paginationID,
+			Type:  "hidden",
+			Value: strconv.Itoa(currentPage)})
+	</div>
+}
--- a/models/component/pagination/paginationv2_templ.go
+++ b/models/component/pagination/paginationv2_templ.go
@@ -0,0 +1,258 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package pagination
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "strconv"
+import "cpone/component/customtextfield"
+import "cpone/models"
+
+func PaginationV2(length int,
+	currentPage int,
+	link string,
+	paginationID string,
+	hxInclude string,
+	hxTarget string,
+	hxSwap string,
+	hxIndicator string,
+	hxSwapOob string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex justify-content-between align-items-center flex-wrap\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(paginationID)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 18, Col: 91}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-swap-oob=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwapOob)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 18, Col: 117}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><div class=\"d-flex flex-wrap py-2 mr-3\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for i := 0; i < length; i++ {
+			if (i + 1) == currentPage {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a hx-get=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 string
+				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(link + "?" + "page=" + strconv.Itoa(i+1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 23, Col: 55}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1\" hx-swap=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var5 string
+				templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 25, Col: 22}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var6 string
+				templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 26, Col: 32}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"click\" hx-target=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var7 string
+				templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 28, Col: 26}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var8 string
+				templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 29, Col: 28}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-disabled-elt=\".btneditug, .btndeleteug\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var9 string
+				templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(i + 1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 31, Col: 25}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			} else {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a hx-get=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var10 string
+				templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(link + "?" + "page=" + strconv.Itoa(i+1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 34, Col: 55}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"btn btn-icon btn-sm border-0 btn-light mr-2 my-1\" hx-swap=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var11 string
+				templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(hxSwap)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 36, Col: 22}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var12 string
+				templ_7745c5c3_Var12, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 37, Col: 32}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var12))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"click\" hx-target=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var13 string
+				templ_7745c5c3_Var13, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 39, Col: 26}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var13))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-include=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var14 string
+				templ_7745c5c3_Var14, templ_7745c5c3_Err = templ.JoinStringErrs(hxInclude)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 40, Col: 28}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var14))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-disabled-elt=\".btneditug, .btndeleteug\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var15 string
+				templ_7745c5c3_Var15, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(i + 1))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\pagination\paginationv2.templ`, Line: 42, Col: 25}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var15))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{
+			ID:    "currpage" + paginationID,
+			Name:  "currpage" + paginationID,
+			Type:  "hidden",
+			Value: strconv.Itoa(currentPage)}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/sidebar_user_profile/sidebar_user_profile.templ
+++ b/models/component/sidebar_user_profile/sidebar_user_profile.templ
@@ -0,0 +1,82 @@
+package sidebaruserprofile
+
+import "cpone/models"
+
+templ Navbaruserprofile(dataUser models.User) {
+	<div id="kt_quick_user" class="offcanvas offcanvas-right p-10">
+		<!--begin::Header-->
+		<div class="offcanvas-header d-flex align-items-center justify-content-between pb-5">
+			<h3 class="font-weight-bold m-0 text-black">
+				User Profile
+				// <small class="text-muted font-size-sm ml-2">12 messages</small>
+			</h3>
+			<a href="#" class="btn btn-xs btn-icon btn-light btn-hover-primary" id="kt_quick_user_close">
+				<i class="ki ki-close icon-xs text-muted"></i>
+			</a>
+		</div>
+		<!--end::Header-->
+		<!--begin::Content-->
+		<div class="offcanvas-content pr-5 mr-n5">
+			<!--begin::Header-->
+			@ProfileHeader(dataUser)
+			<!--end::Header-->
+			<!--begin::Separator-->
+			<div class="separator separator-dashed my-7"></div>
+			<!--end::Separator-->
+			<!--begin::Notifications-->
+			<div>
+				<!--begin:Heading-->
+				<h5 class="mb-5">
+					Recent Notifications
+				</h5>
+				<!--end:Heading-->
+				<!--begin::Item-->
+				@NotificationCard()
+				<!--end::Item-->
+			</div>
+			<!--end::Notifications-->
+		</div>
+		<!--end::Content-->
+	</div>
+}
+
+templ ProfileHeader(dataUser models.User) {
+	<div class="d-flex align-items-center mt-5">
+		<div class="symbol symbol-100 mr-5 p-2 bg-primary-transparent">
+			// <div class="symbol-label" style="background-image:url('/assets/media/users/300_21.jpg')"></div>
+			// <i class="symbol-badge bg-success"></i>
+			<span class="iconify symbol-label bg-primary-transparent text-primary" data-icon="gravity-ui:person"></span>
+		</div>
+		<div class="d-flex flex-column">
+			<a href="#" class="font-weight-bold font-size-h5 text-dark-75 text-hover-primary">
+				{ dataUser.UserFullName }
+			</a>
+			<div class="text-muted mt-1">
+				{ dataUser.UserPosition }
+			</div>
+			<div class="navi mt-2">
+				<a href="#" class="btn btn-sm btn-light-primary font-weight-bolder py-2 px-5">Sign Out</a>
+			</div>
+		</div>
+	</div>
+}
+
+templ NotificationCard() {
+	<div class="d-flex align-items-center bg-light-warning rounded p-5 gutter-b">
+		<span class="svg-icon svg-icon-warning mr-5">
+			<span
+				class="svg-icon svg-icon-lg"
+			>
+				<!--begin::Svg Icon | path:/assets/media/svg/icons/Home/Library.svg-->
+				<span class="iconify" data-icon="material-symbols:notifications-active-outline-rounded"></span>
+			</span>
+		</span>
+		<div class="d-flex flex-column flex-grow-1 mr-2">
+			<a href="#" class="font-weight-normal text-dark-75 text-hover-primary font-size-lg mb-1">
+				Another
+				purpose persuade
+			</a>
+			<span class="text-muted font-size-sm">Due in 2 Days</span>
+		</div>
+	</div>
+}
--- a/models/component/sidebar_user_profile/sidebar_user_profile_templ.go
+++ b/models/component/sidebar_user_profile/sidebar_user_profile_templ.go
@@ -0,0 +1,127 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package sidebaruserprofile
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/models"
+
+func Navbaruserprofile(dataUser models.User) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"kt_quick_user\" class=\"offcanvas offcanvas-right p-10\"><!--begin::Header--><div class=\"offcanvas-header d-flex align-items-center justify-content-between pb-5\"><h3 class=\"font-weight-bold m-0 text-black\">User Profile\r</h3><a href=\"#\" class=\"btn btn-xs btn-icon btn-light btn-hover-primary\" id=\"kt_quick_user_close\"><i class=\"ki ki-close icon-xs text-muted\"></i></a></div><!--end::Header--><!--begin::Content--><div class=\"offcanvas-content pr-5 mr-n5\"><!--begin::Header-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = ProfileHeader(dataUser).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Header--><!--begin::Separator--><div class=\"separator separator-dashed my-7\"></div><!--end::Separator--><!--begin::Notifications--><div><!--begin:Heading--><h5 class=\"mb-5\">Recent Notifications\r</h5><!--end:Heading--><!--begin::Item-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = NotificationCard().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Item--></div><!--end::Notifications--></div><!--end::Content--></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ProfileHeader(dataUser models.User) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex align-items-center mt-5\"><div class=\"symbol symbol-100 mr-5 p-2 bg-primary-transparent\"><span class=\"iconify symbol-label bg-primary-transparent text-primary\" data-icon=\"gravity-ui:person\"></span></div><div class=\"d-flex flex-column\"><a href=\"#\" class=\"font-weight-bold font-size-h5 text-dark-75 text-hover-primary\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.UserFullName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 52, Col: 27}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a><div class=\"text-muted mt-1\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.UserPosition)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 55, Col: 27}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"navi mt-2\"><a href=\"#\" class=\"btn btn-sm btn-light-primary font-weight-bolder py-2 px-5\">Sign Out</a></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func NotificationCard() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var5 == nil {
+			templ_7745c5c3_Var5 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex align-items-center bg-light-warning rounded p-5 gutter-b\"><span class=\"svg-icon svg-icon-warning mr-5\"><span class=\"svg-icon svg-icon-lg\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Home/Library.svg--><span class=\"iconify\" data-icon=\"material-symbols:notifications-active-outline-rounded\"></span></span></span><div class=\"d-flex flex-column flex-grow-1 mr-2\"><a href=\"#\" class=\"font-weight-normal text-dark-75 text-hover-primary font-size-lg mb-1\">Another\r purpose persuade\r</a> <span class=\"text-muted font-size-sm\">Due in 2 Days</span></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/sidebarmaster/sidebarmaster.templ
+++ b/models/component/sidebarmaster/sidebarmaster.templ
@@ -0,0 +1,102 @@
+package sidebarmaster
+
+import (
+	"cpone/models"
+)
+
+templ MenuDashboard(ParentMenuName string, ParentMenuUrl string) {
+	<li class="menu-item menu-item-active" aria-haspopup="true">
+		<a
+			href={ templ.SafeURL(ParentMenuUrl) }
+			class="menu-link "
+		>
+			<span
+				class="svg-icon menu-icon"
+			>
+				<!--begin::Svg Icon | path:/assets/media/svg/icons/Design/Layers.svg-->
+				<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.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z"
+							fill="#000000"
+							fill-rule="nonzero"
+						></path>
+						<path
+							d="M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z"
+							fill="#000000"
+							opacity="0.3"
+						></path>
+					</g>
+				</svg><!--end::Svg Icon-->
+			</span><span class="menu-text">{ ParentMenuName }</span>
+		</a>
+	</li>
+}
+
+templ ListMenuChildren(ChildrenMenuURL string, ChildrenMenuName string) {
+	<li class="menu-item" aria-haspopup="true">
+		<a href={ templ.SafeURL(ChildrenMenuURL) } class="menu-link">
+			<i class="menu-bullet menu-bullet-line"><span></span></i>
+			<span class="menu-text">{ ChildrenMenuName }</span>
+		</a>
+	</li>
+}
+
+templ ListMenuNavbar(ParentMenuName string, datamenuchildren []models.ChildrenMenu) {
+	<li class="menu-item  menu-item-submenu" aria-haspopup="true" data-menu-toggle="hover">
+		<a
+			href="javascript:;"
+			class="menu-link menu-toggle"
+		>
+			<span
+				class="svg-icon menu-icon"
+			>
+				<!--begin::Svg Icon | path:/assets/media/svg/icons/Shopping/Barcode-read.svg-->
+				<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">
+						<rect x="0" y="0" width="24" height="24"></rect>
+						<path
+							d="M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z"
+							fill="#000000"
+						></path>
+						<path
+							d="M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z"
+							fill="#000000"
+							opacity="0.3"
+						></path>
+					</g>
+				</svg><!--end::Svg Icon-->
+			</span><span class="menu-text">{ ParentMenuName }</span><i
+	class="menu-arrow"
+></i>
+		</a>
+		<div class="menu-submenu ">
+			<i class="menu-arrow"></i>
+			<ul class="menu-subnav">
+				<li class="menu-item  menu-item-parent" aria-haspopup="true">
+					<span
+						class="menu-link"
+					><span class="menu-text">{ ParentMenuName }</span></span>
+				</li>
+				for _, dx := range datamenuchildren {
+					@ListMenuChildren(dx.ChildrenMenuURL, dx.ChildrenMenuName)
+				}
+			</ul>
+		</div>
+	</li>
+}
--- a/models/component/sidebarmaster/sidebarmaster_templ.go
+++ b/models/component/sidebarmaster/sidebarmaster_templ.go
@@ -0,0 +1,167 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package sidebarmaster
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/models"
+)
+
+func MenuDashboard(ParentMenuName string, ParentMenuUrl string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<li class=\"menu-item menu-item-active\" aria-haspopup=\"true\"><a href=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 templ.SafeURL = templ.SafeURL(ParentMenuUrl)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(string(templ_7745c5c3_Var2)))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"menu-link \"><span class=\"svg-icon menu-icon\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Design/Layers.svg--><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.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z\" fill=\"#000000\" fill-rule=\"nonzero\"></path> <path d=\"M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z\" fill=\"#000000\" opacity=\"0.3\"></path></g></svg><!--end::Svg Icon--></span><span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\sidebarmaster\sidebarmaster.templ`, Line: 39, Col: 50}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></a></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ListMenuChildren(ChildrenMenuURL string, ChildrenMenuName string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<li class=\"menu-item\" aria-haspopup=\"true\"><a href=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var5 templ.SafeURL = templ.SafeURL(ChildrenMenuURL)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(string(templ_7745c5c3_Var5)))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"menu-link\"><i class=\"menu-bullet menu-bullet-line\"><span></span></i> <span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(ChildrenMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\sidebarmaster\sidebarmaster.templ`, Line: 48, Col: 45}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></a></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ListMenuNavbar(ParentMenuName string, datamenuchildren []models.ChildrenMenu) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var7 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var7 == nil {
+			templ_7745c5c3_Var7 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<li class=\"menu-item  menu-item-submenu\" aria-haspopup=\"true\" data-menu-toggle=\"hover\"><a href=\"javascript:;\" class=\"menu-link menu-toggle\"><span class=\"svg-icon menu-icon\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Shopping/Barcode-read.svg--><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\"><rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect> <path d=\"M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z\" fill=\"#000000\"></path> <path d=\"M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z\" fill=\"#000000\" opacity=\"0.3\"></path></g></svg><!--end::Svg Icon--></span><span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\sidebarmaster\sidebarmaster.templ`, Line: 84, Col: 50}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span><i class=\"menu-arrow\"></i></a><div class=\"menu-submenu \"><i class=\"menu-arrow\"></i><ul class=\"menu-subnav\"><li class=\"menu-item  menu-item-parent\" aria-haspopup=\"true\"><span class=\"menu-link\"><span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var9 string
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\sidebarmaster\sidebarmaster.templ`, Line: 94, Col: 46}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></span></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, dx := range datamenuchildren {
+			templ_7745c5c3_Err = ListMenuChildren(dx.ChildrenMenuURL, dx.ChildrenMenuName).Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</ul></div></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/table/table.templ
+++ b/models/component/table/table.templ
@@ -0,0 +1,25 @@
+package tablecomponent
+
+templ Table(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component) {
+	if len(thName) != len(thWidth) {
+		<div>length array thname berbeda dengan array thwidth</div>
+	} else {
+		<div>
+			<table class="table table-hover table-borderless">
+				<thead>
+					<tr class="rounded-lg bg-header-table">
+						for i, item := range thName {
+							<th scope="col" width={ thWidth[i] }>{ item }</th>
+						}
+					</tr>
+				</thead>
+				<tbody>
+					@trComponent
+				</tbody>
+			</table>
+		</div>
+		<div>
+			@pagination
+		</div>
+	}
+}
--- a/models/component/table/table_templ.go
+++ b/models/component/table/table_templ.go
@@ -0,0 +1,94 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package tablecomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func Table(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if len(thName) != len(thWidth) {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>length array thname berbeda dengan array thwidth</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div><table class=\"table table-hover table-borderless\"><thead><tr class=\"rounded-lg bg-header-table\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			for i, item := range thName {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" width=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var2 string
+				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\table.templ`, Line: 12, Col: 41}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(item)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\table.templ`, Line: 12, Col: 50}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</th>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tr></thead> <tbody>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = trComponent.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tbody></table></div><div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = pagination.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/table/tablev1.templ
+++ b/models/component/table/tablev1.templ
@@ -0,0 +1,25 @@
+package tablecomponent
+
+templ TableV1(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component, idunique string) {
+	if len(thName) != len(thWidth) {
+		<div>length array thname berbeda dengan array thwidth</div>
+	} else {
+		<div id={ idunique }>
+			<table class="table table-hover table-borderless">
+				<thead>
+					<tr class="rounded-lg bg-header-table">
+						for i, item := range thName {
+							<th scope="col" width={ thWidth[i] }>{ item }</th>
+						}
+					</tr>
+				</thead>
+				<tbody>
+					@trComponent
+				</tbody>
+			</table>
+			<div>
+				@pagination
+			</div>
+		</div>
+	}
+}
--- a/models/component/table/tablev1_templ.go
+++ b/models/component/table/tablev1_templ.go
@@ -0,0 +1,107 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package tablecomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func TableV1(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component, idunique string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if len(thName) != len(thWidth) {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>length array thname berbeda dengan array thwidth</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var2 string
+			templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(idunique)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev1.templ`, Line: 7, Col: 20}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><table class=\"table table-hover table-borderless\"><thead><tr class=\"rounded-lg bg-header-table\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			for i, item := range thName {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" width=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev1.templ`, Line: 12, Col: 41}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 string
+				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(item)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev1.templ`, Line: 12, Col: 50}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</th>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tr></thead> <tbody>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = trComponent.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tbody></table><div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = pagination.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/table/tablev2.templ
+++ b/models/component/table/tablev2.templ
@@ -0,0 +1,31 @@
+package tablecomponent
+
+templ TableV2(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component, idunique string, inputanSearch templ.Component) {
+	if len(thName) != len(thWidth) {
+		<div>length array thname berbeda dengan array thwidth</div>
+	} else {
+		@inputanSearch
+		<div id={ idunique }>
+			<div class="mt-7"></div>
+			<table class="table table-hover table-borderless">
+				<thead>
+					<tr class="rounded-lg bg-header-table">
+						for i, item := range thName {
+							<th scope="col" width={ thWidth[i] }>{ item }</th>
+						}
+					</tr>
+				</thead>
+				<tbody>
+					@trComponent
+				</tbody>
+			</table>
+			<div>
+				@pagination
+			</div>
+		</div>
+	}
+}
+
+templ DivEmpty() {
+	<div></div>
+}
--- a/models/component/table/tablev2_templ.go
+++ b/models/component/table/tablev2_templ.go
@@ -0,0 +1,135 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package tablecomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func TableV2(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component, idunique string, inputanSearch templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if len(thName) != len(thWidth) {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>length array thname berbeda dengan array thwidth</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			templ_7745c5c3_Err = inputanSearch.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" <div id=\"")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var2 string
+			templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(idunique)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev2.templ`, Line: 8, Col: 20}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><div class=\"mt-7\"></div><table class=\"table table-hover table-borderless\"><thead><tr class=\"rounded-lg bg-header-table\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			for i, item := range thName {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" width=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev2.templ`, Line: 14, Col: 41}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 string
+				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(item)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev2.templ`, Line: 14, Col: 50}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</th>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tr></thead> <tbody>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = trComponent.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tbody></table><div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = pagination.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func DivEmpty() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var5 == nil {
+			templ_7745c5c3_Var5 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/table/tablev3.templ
+++ b/models/component/table/tablev3.templ
@@ -0,0 +1,27 @@
+package tablecomponent
+
+templ TableV3(thName []string, thWidth []string, trComponent templ.Component) {
+	<div>
+		if len(thName) != len(thWidth) {
+			<div>length array thname berbeda dengan array thwidth</div>
+		} else {
+			<div class="mt-7"></div>
+			<table class="table table-hover table-borderless">
+				<thead>
+					<tr class="rounded-lg bg-header-table">
+						for i, item := range thName {
+							<th scope="col" width={ thWidth[i] }>{ item }</th>
+						}
+					</tr>
+				</thead>
+				<tbody>
+					@trComponent
+				</tbody>
+			</table>
+		}
+	</div>
+}
+
+templ DivEmptyV3() {
+	<div></div>
+}
--- a/models/component/table/tablev3_templ.go
+++ b/models/component/table/tablev3_templ.go
@@ -0,0 +1,118 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package tablecomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func TableV3(thName []string, thWidth []string, trComponent templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if len(thName) != len(thWidth) {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>length array thname berbeda dengan array thwidth</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mt-7\"></div><table class=\"table table-hover table-borderless\"><thead><tr class=\"rounded-lg bg-header-table\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			for i, item := range thName {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" width=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var2 string
+				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev3.templ`, Line: 13, Col: 41}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(item)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\table\tablev3.templ`, Line: 13, Col: 50}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</th>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tr></thead> <tbody>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = trComponent.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tbody></table>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func DivEmptyV3() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/toastbootstrap/customtoastv1.templ
+++ b/models/component/toastbootstrap/customtoastv1.templ
@@ -0,0 +1,15 @@
+package customtoastv1
+
+templ CustomToastV1(message string, idUniqueCustomToast string) {
+    <div class="position-fixed top-0 end-0 p-3" style="z-index: 11">
+        <div id="myToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true">
+            <div class="toast-header">
+                <strong class="me-auto">Pemberitahuan</strong>
+                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+            </div>
+            <div class="toast-body" id="pesanTxt">
+                { message }
+            </div>
+        </div>
+    </div>
+}
--- a/models/component/toastbootstrap/customtoastv1_templ.go
+++ b/models/component/toastbootstrap/customtoastv1_templ.go
@@ -0,0 +1,48 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package customtoastv1
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func CustomToastV1(message string, idUniqueCustomToast string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"position-fixed top-0 end-0 p-3\" style=\"z-index: 11\"><div id=\"myToast\" class=\"toast hide\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\"><div class=\"toast-header\"><strong class=\"me-auto\">Pemberitahuan</strong> <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"></button></div><div class=\"toast-body\" id=\"pesanTxt\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(message)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\toastbootstrap\customtoastv1.templ`, Line: 11, Col: 25}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/toastbootstrap/customtoastv2.templ
+++ b/models/component/toastbootstrap/customtoastv2.templ
@@ -0,0 +1,86 @@
+package customtoastv1
+
+// kalau eror => bg nya danger
+// kalau sukses => bgnya success
+// kalau warning => bgnya warning
+
+func toastBackground(typeToast string) string {
+	return "bg-" + typeToast
+}
+
+func toastBody(typeToastBody string) string {
+	return "bg-" + typeToastBody + "-transparent"
+}
+
+func toastIcon(typeToast string) string {
+    var stringx string
+	if typeToast == "success" {
+		stringx = "solar:check-circle-broken"
+	} else {
+		if typeToast == "danger" {
+			stringx = "solar:close-circle-broken"
+		} else {
+			if typeToast == "warning" {
+				stringx = "solar:shield-warning-bold"
+			} else {
+				if typeToast == "information" {
+					stringx = "solar:info-square-broken"
+				}
+			}
+		}
+	}
+
+    return stringx
+}
+
+templ CustomToastV2Show(title string, message string, typeToast string) {
+	<div
+		class="toast fade show"
+		role="alert"
+		aria-live="assertive"
+		aria-atomic="true"
+		id="notification-001"
+		hx-swap-oob="true"
+		hx-get="/dev/hidetoast"
+		hx-trigger="load delay:3s"
+		hx-target="this"
+		style="border-radius: 8px 8px 8px 8px;"
+	>
+		<div class={ "toast-header",  toastBackground(typeToast) , "text-white" }>
+			<span
+				class="iconify mr-2"
+				data-icon={ toastIcon(typeToast) }
+			></span>
+			<strong class="mr-auto">{ title }</strong>
+			<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+				<span aria-hidden="true">×</span>
+			</button>
+		</div>
+		<div class={ "toast-body",toastBody(typeToast) }>
+			{ message }
+		</div>
+	</div>
+}
+
+templ CustomToastV2Hide() {
+	<div id="notification-001" 
+        class="toast fade hide" 
+        role="alert" 
+        aria-live="assertive" 
+        aria-atomic="true"
+        style="opacity: 0"
+        hx-swap-oob="true"
+    >
+		<div class="toast-header bg-success text-white">
+			<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ep mr-2 icon-xl" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1024 1024" data-icon="ep:success-filled"><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"></path></svg>
+			<strong class="mr-auto">Success</strong>
+			<small class="text-muted text-white">just now</small>
+			<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
+				<span aria-hidden="true">×</span>
+			</button>
+		</div>
+		<div class="toast-body bg-success-transparent">
+			This is a success toast.
+		</div>
+	</div>
+}
--- a/models/component/toastbootstrap/customtoastv2_templ.go
+++ b/models/component/toastbootstrap/customtoastv2_templ.go
@@ -0,0 +1,175 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package customtoastv1
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+// kalau eror => bg nya danger
+// kalau sukses => bgnya success
+// kalau warning => bgnya warning
+
+func toastBackground(typeToast string) string {
+	return "bg-" + typeToast
+}
+
+func toastBody(typeToastBody string) string {
+	return "bg-" + typeToastBody + "-transparent"
+}
+
+func toastIcon(typeToast string) string {
+	var stringx string
+	if typeToast == "success" {
+		stringx = "solar:check-circle-broken"
+	} else {
+		if typeToast == "danger" {
+			stringx = "solar:close-circle-broken"
+		} else {
+			if typeToast == "warning" {
+				stringx = "solar:shield-warning-bold"
+			} else {
+				if typeToast == "information" {
+					stringx = "solar:info-square-broken"
+				}
+			}
+		}
+	}
+
+	return stringx
+}
+
+func CustomToastV2Show(title string, message string, typeToast string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"toast fade show\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" id=\"notification-001\" hx-swap-oob=\"true\" hx-get=\"/dev/hidetoast\" hx-trigger=\"load delay:3s\" hx-target=\"this\" style=\"border-radius: 8px 8px 8px 8px;\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 = []any{"toast-header", toastBackground(typeToast), "text-white"}
+		templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var2...)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(templ.CSSClasses(templ_7745c5c3_Var2).String())
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\toastbootstrap\customtoastv2.templ`, Line: 1, Col: 0}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><span class=\"iconify mr-2\" data-icon=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(toastIcon(typeToast))
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\toastbootstrap\customtoastv2.templ`, Line: 52, Col: 36}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"></span> <strong class=\"mr-auto\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var5 string
+		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(title)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\toastbootstrap\customtoastv2.templ`, Line: 54, Col: 34}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</strong> <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"><span aria-hidden=\"true\">×</span></button></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 = []any{"toast-body", toastBody(typeToast)}
+		templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var6...)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(templ.CSSClasses(templ_7745c5c3_Var6).String())
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\toastbootstrap\customtoastv2.templ`, Line: 1, Col: 0}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(message)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `models\component\toastbootstrap\customtoastv2.templ`, Line: 60, Col: 12}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func CustomToastV2Hide() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var9 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var9 == nil {
+			templ_7745c5c3_Var9 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"notification-001\" class=\"toast fade hide\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" style=\"opacity: 0\" hx-swap-oob=\"true\"><div class=\"toast-header bg-success text-white\"><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" class=\"iconify iconify--ep mr-2 icon-xl\" width=\"1em\" height=\"1em\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 1024 1024\" data-icon=\"ep:success-filled\"><path fill=\"currentColor\" d=\"M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896m-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z\"></path></svg> <strong class=\"mr-auto\">Success</strong> <small class=\"text-muted text-white\">just now</small> <button type=\"button\" class=\"ml-2 mb-1 close\" data-dismiss=\"toast\" aria-label=\"Close\"><span aria-hidden=\"true\">×</span></button></div><div class=\"toast-body bg-success-transparent\">This is a success toast.\r</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/component/under_development/under_development.templ
+++ b/models/component/under_development/under_development.templ
@@ -0,0 +1,17 @@
+package under_development
+
+templ UnderDevelopment() {
+	<div class="d-flex justify-content-center text-center flex-column mt-20">
+		<div class="text-primary underdev">Site Under Development</div>
+		<div class="text-disabled underdevsub mb-10">
+			"Stay Tuned, We're Building Excitement!"
+		</div>
+		<div>
+			<img
+				src="/asset-corporate-portal/media/under_development/under_development.png"
+				class="img-fluid"
+				alt="Your Brand"
+			/>
+		</div>
+	</div>
+}
--- a/models/component/under_development/under_development_templ.go
+++ b/models/component/under_development/under_development_templ.go
@@ -0,0 +1,35 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package under_development
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func UnderDevelopment() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex justify-content-center text-center flex-column mt-20\"><div class=\"text-primary underdev\">Site Under Development</div><div class=\"text-disabled underdevsub mb-10\">\"Stay Tuned, We're Building Excitement!\"\r</div><div><img src=\"/asset-corporate-portal/media/under_development/under_development.png\" class=\"img-fluid\" alt=\"Your Brand\"></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/models/customdropdown.models.go
+++ b/models/customdropdown.models.go
@@ -1,7 +1,5 @@
 package models

-import "github.com/a-h/templ"
-
 // name string, id string, hxTarget string, hxGet string, hxIndicator string, hxTrigger string, hxInclude string,

 type CustomDropdownv1Prm struct {
@@ -18,19 +16,3 @@ type CustomDropdownv1Prm struct {
 	ErrorMsg string `default:""`
 	ID       string
 }
-type CustomDropdownV2Prm struct {
-	HxTarget    string `default:"hxTarget"`
-	HxGet       string `default:"hxGet"`
-	HxIndicator string `default:"hxIndicator"`
-	HxInclude   string `default:"hxInclude"`
-	HxTrigger   string `default:"hxTrigger"`
-	HxSwap      string `default:"HxSwap"`
-	Label       string `default:"Label"`
-	Name        string `default:"name"`
-	Placeholder string `default:"Placeholder"`
-	// Type        string `default:"text"`
-	// Value       string `default:""`
-	ErrorMsg string `default:""`
-	ID       string
-	ListItem templ.Component
-}
--- a/models/customradiobutton.models.go
+++ b/models/customradiobutton.models.go
@@ -1,16 +0,0 @@
-package models
-
-type CustomRadioButtonv1Prm struct {
-	HxTarget    string `default:"hxTarget"`
-	HxGet       string `default:"hxGet"`
-	HxIndicator string `default:"hxIndicator"`
-	HxInclude   string `default:"hxInclude"`
-	HxTrigger   string `default:"hxTrigger"`
-	Label       string `default:"Label"`
-	Name        string `default:"name"`
-	Text        string `default:"text"`
-	// Type        string `default:"text"`
-	Value    string `default:""`
-	ErrorMsg string `default:""`
-	ID       string
-}
--- a/models/employeeanalytic.models.go
+++ b/models/employeeanalytic.models.go
@@ -1,15 +0,0 @@
-package models
-
-type EmployeeAnalytic struct {
-	Mgm_McuID                     int    `db:"Mgm_McuID"`
-	Mgm_McuLabel                  string `db:"Mgm_McuLabel"`
-	Mgm_McuFlagRelasiBayarSendiri string `db:"Mgm_McuFlagRelasiBayarSendiri"`
-	Mgm_McuBisaTambahPemeriksaan  string `db:"Mgm_McuBisaTambahPemeriksaan"`
-	Mgm_McuCorporateID            int    `db:"Mgm_McuCorporateID"`
-	Mgm_McuNumber                 string `db:"Mgm_McuNumber"`
-	Mgm_McuNumberNational         string `db:"Mgm_McuNumberNational"`
-	Mgm_McuNote                   string `db:"Mgm_McuNote"`
-	Mgm_McuStartDate              string `db:"Mgm_McuStartDate"`
-	Mgm_McuEndDate                string `db:"Mgm_McuEndDate"`
-	Mgm_McuIsActive               string `db:"Mgm_McuIsActive"`
-}
--- a/models/kesimpulan.models.go
+++ b/models/kesimpulan.models.go
@@ -1,7 +0,0 @@
-package models
-
-type ModelKesimpulanLab struct {
-	Nomor string `db:"nomor"`
-	Test  string `db:"Test"`
-	Total string `db:"total"`
-}
--- a/models/natunit.models.go
+++ b/models/natunit.models.go
@@ -1,29 +0,0 @@
-package models
-
-import "github.com/a-h/templ"
-
-type NatUnit struct {
-	Nomor               string `db:"nomor"`
-	Nat_UnitID          int    `db:"Nat_UnitID"`
-	Nat_UnitCode        string `db:"Nat_UnitCode"`
-	Nat_UnitName        string `db:"Nat_UnitName"`
-	Nat_UnitCreated     string `db:"Nat_UnitCreated"`
-	Nat_UnitLastUpdated string `db:"Nat_UnitLastUpdated"`
-	Nat_UnitIsActive    string `db:"Nat_UnitIsActive"`
-}
-
-type NatUnitFormComponent struct {
-	IDComponent  string
-	Link         string
-	HxTarget     string
-	HxSwap       string
-	HxInclude    string
-	ModalID      string
-	ModalTitle   string
-	InputName    CustomTextFieldv2Prm
-	InputCode    CustomTextFieldv2Prm
-	InputID      CustomTextFieldv2Prm
-	DialogBody   templ.Component
-	DialogAction templ.Component
-	ButtonCLose  templ.Component
-}
--- a/models/samplestation.models.go
+++ b/models/samplestation.models.go
@@ -1,47 +0,0 @@
-package models
-
-import "github.com/a-h/templ"
-
-type MDSampleStation struct {
-	T_SampleStationID          int    `db:"T_SampleStationID"`
-	T_SampleStationCode        string `db:"T_SampleStationCode"`
-	T_SampleStationName        string `db:"T_SampleStationName"`
-	T_SampleStationNat_GroupID string `db:"T_SampleStationNat_GroupID"`
-	T_SampleStationIsNonLab    string `db:"T_SampleStationIsNonLab"`
-	T_SampleStationIsActive    string `db:"T_SampleStationIsActive"`
-}
-
-type MDSampleStationForm struct {
-	IDComponent  string
-	Link         string
-	HxTarget     string
-	HxSwap       string
-	HxInclude    string
-	ModalID      string
-	ModalTitle   string
-	InputID      CustomTextFieldv2Prm
-	InputCode    CustomTextFieldv2Prm
-	InputName    CustomTextFieldv2Prm
-	InputGroup   CustomDropdownv1Prm
-	DialogBody   templ.Component
-	DialogAction templ.Component
-	ButtonClose  templ.Component
-}
-
-type MDSampleStationConfirmation struct {
-	IDComponent  string
-	Link         string
-	HxTarget     string
-	HxSwap       string
-	HxInclude    string
-	ModalID      string
-	ModalTitle   string
-	DialogBody   templ.Component
-	DialogAction templ.Component
-	ButtonClose  templ.Component
-}
-
-type MDSampleStationGroup struct {
-	ID    int    `default:"id"`
-	Group string `default:"group"`
-}
--- a/models/terminology.models.go
+++ b/models/terminology.models.go
@@ -1,29 +0,0 @@
-package models
-
-import "database/sql"
-
-type TerminologyV0 struct {
-	ResourceType    string         `db:"resource_type"`
-	AttributePath   string         `db:"attribute_path"`
-	Code            string         `db:"code"`
-	ParentCode      string         `db:"parent_code"`
-	Display         string         `db:"display"`
-	DisplayEn       string         `db:"display_en"`
-	CodeSystem      string         `db:"code_system"`
-	OrderNo         uint           `db:"order_no"`
-	FtIndex         sql.NullString `db:"ft_index"`
-	UseInd          bool           `db:"use_ind"`
-	Description     sql.NullString `db:"description"`
-	StatusCd        string         `db:"status_cd"`
-	CreatedDttm     string         `db:"created_dttm"`
-	CreatedUserID   uint           `db:"created_user_id"`
-	UpdatedDttm     string         `db:"updated_dttm"`
-	UpdatedUserID   uint           `db:"updated_user_id"`
-	NullifiedDttm   string         `db:"nullified_dttm"`
-	NullifiedUserID uint           `db:"nullified_user_id"`
-}
-
-type TerminologyParamv0 struct {
-	AttributePath string `json:"AttributePath"`
-	CodeSystem    string `json:"CodeSystem"`
-}
--- a/package/database/database.go
+++ b/package/database/database.go
@@ -16,10 +16,6 @@ import (
 var Handle *sql.DB
 var Handlex *sqlx.DB

-// log
-var HandleLog *sql.DB
-var HandlexLog *sqlx.DB
-
 func InitDB() {
 	println(config.Data.Get("DBhost"))
 	if config.Data.Get("DBhost") == "" {
@@ -32,15 +28,6 @@ func InitDB() {
 		}
 		Handle = handle

-		// log handle
-		handlelog, err := sql.Open("sqlite", config.Data.Get("DBnamelog"))
-		if err != nil {
-			// log.Fatalf("🔥 failed to connect to the database: %s", err.Error())
-			log.Panic(err)
-		}
-		HandleLog = handlelog
-		// log handle
-
 		db, err := sqlx.Open("sqlite", config.Data.Get("DBname"))

 		if err != nil {
@@ -48,16 +35,6 @@ func InitDB() {
 		}

 		Handlex = db
-
-		// log
-		dblog, err := sqlx.Open("sqlite", config.Data.Get("DBnamelog"))
-
-		if err != nil {
-			log.Fatal(err)
-		}
-
-		HandlexLog = dblog
-		// log
 	} else {
 		println("mysql")
 		dsn := config.Data.Get("DBuser") + ":" + config.Data.Get("DBpass") + "@tcp(" + config.Data.Get("DBhost") + ":" + config.Data.Get("DBport") + ")/" + config.Data.Get("DBname")
@@ -73,21 +50,6 @@ func InitDB() {
 		}
 		Handle = handle

-		// log
-		dsnlog := config.Data.Get("DBuser") + ":" + config.Data.Get("DBpass") + "@tcp(" + config.Data.Get("DBhost") + ":" + config.Data.Get("DBport") + ")/" + config.Data.Get("DBnamelog")
-		println(dsnlog)
-		handlelog, err := sql.Open("mysql", dsnlog)
-
-		if err != nil {
-			log.Panic(err)
-		}
-
-		if err = handlelog.Ping(); err != nil {
-			log.Panic(err)
-		}
-		HandleLog = handlelog
-		// log
-
 		// sqlx
 		db, err := sqlx.Open("mysql", dsn)

@@ -97,16 +59,6 @@ func InitDB() {

 		Handlex = db

-		// log
-		dblog, err := sqlx.Open("mysql", dsnlog)
-
-		if err != nil {
-			log.Fatal(err)
-		}
-
-		HandlexLog = dblog
-		// log
-
 	}
 	log.Println("🚀 Connected Successfully to the Database")

--- a/services/app.services.go
+++ b/services/app.services.go
@@ -1,14 +1,8 @@
 package services

-import (
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
+import "cpone/models"

-	"go.uber.org/zap"
-)
-
-// Func get menu sidebar
+//Func get menu sidebar
 func GetMenu() ([]models.Menu, error) {

 	// dummyBreadcrumb := []Breadcrumb{
@@ -520,31 +514,3 @@ func GetUserLogin() (models.User, error) {
 	}
 	return a, nil
 }
-
-func GetTerminologyList(inp models.TerminologyParamv0) ([]models.TerminologyV0, error) {
-	logger, _ := zap.NewProduction()
-	defer logger.Sync()
-
-	var term []models.TerminologyV0
-
-	query := `
-		SELECT
-			*
-		FROM terminology
-		WHERE status_cd = 'normal'
-		AND code_system = ?
-		AND attribute_path = ?
-	`
-
-	logger.Info("QUERY SEARCH TERMINOLOGY",
-		zap.String("query search", query),
-	)
-
-	if err := dbx.Handlex.Select(&term, query,
-		inp.CodeSystem,
-		inp.AttributePath); err != nil {
-		return nil, fmt.Errorf("error querying database terminology: %v", err)
-	}
-
-	return term, nil
-}
--- a/services/dev/employeeanalytic.services.go
+++ b/services/dev/employeeanalytic.services.go
@@ -1,128 +0,0 @@
-package dev_services
-
-import (
-	"cpone/db"
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
-	"math"
-
-	"go.uber.org/zap"
-)
-
-type EmployeeAnalyticServices struct {
-	EmployeeAnalyticStore db.AppStore
-}
-
-func NewEmployeeAnalyticServices(uStore db.AppStore) *EmployeeAnalyticServices {
-	return &EmployeeAnalyticServices{
-		EmployeeAnalyticStore: uStore,
-	}
-}
-
-func (ea *EmployeeAnalyticServices) GetEmployeeAnalyticBreadcrumb(title string) (models.BreadCrumbV1, error) {
-	breadcrumb := models.BreadCrumbV1{
-		Title: title,
-		Item: []models.ItemBreadCrumbV1{
-			{
-				Item: "Dashboard",
-				Url:  "/dev/dashboard",
-			},
-			{
-				Item: "Employee Health Medical Analytic",
-				Url:  "",
-			},
-		},
-	}
-
-	return breadcrumb, nil
-}
-
-func (ea *EmployeeAnalyticServices) DummyDataTest() ([]models.EmployeeAnalytic, error) {
-	employees := []models.EmployeeAnalytic{
-		{
-			Mgm_McuID:                     1,
-			Mgm_McuLabel:                  "Employee 1",
-			Mgm_McuFlagRelasiBayarSendiri: "Yes",
-			Mgm_McuBisaTambahPemeriksaan:  "No",
-			Mgm_McuCorporateID:            101,
-			Mgm_McuNumber:                 "EMP001",
-			Mgm_McuNumberNational:         "NAT001",
-			Mgm_McuNote:                   "Lorem ipsum dolor sit amet.",
-			Mgm_McuStartDate:              "2024-01-01",
-			Mgm_McuEndDate:                "2024-12-31",
-			Mgm_McuIsActive:               "Y",
-		},
-		{
-			Mgm_McuID:                     2,
-			Mgm_McuLabel:                  "Employee 2",
-			Mgm_McuFlagRelasiBayarSendiri: "No",
-			Mgm_McuBisaTambahPemeriksaan:  "Yes",
-			Mgm_McuCorporateID:            102,
-			Mgm_McuNumber:                 "EMP002",
-			Mgm_McuNumberNational:         "NAT002",
-			Mgm_McuNote:                   "Lorem ipsum dolor sit amet consectetur.",
-			Mgm_McuStartDate:              "2024-02-15",
-			Mgm_McuEndDate:                "2024-11-30",
-			Mgm_McuIsActive:               "Y",
-		},
-	}
-
-	return employees, nil
-}
-
-func (ea *EmployeeAnalyticServices) ListingEmployeeAnalytic(search string, startdate string, enddate string, currentpage int, rowperpage int) ([]models.EmployeeAnalytic, int, error) {
-	logger, _ := zap.NewProduction()
-	var ret []models.EmployeeAnalytic
-	var totalData int
-
-	if len(startdate) == 0 {
-		startdate = "1900-01-01"
-	}
-	if len(enddate) == 0 {
-		enddate = "9999-12-12"
-	}
-
-	prmLabel := "%" + search + "%"
-	offset := (currentpage - 1) * rowperpage
-	q := `
-		SELECT COUNT(*)
-		FROM mgm_mcu
-		WHERE Mgm_McuIsActive = 'Y'
-		AND Mgm_McuLabel LIKE ?
-		AND Mgm_McuStartDate >= ?
-		AND Mgm_McuEndDate <= ?
-	`
-	if err := dbx.Handlex.Get(&totalData, q, prmLabel, startdate, enddate); err != nil {
-		return nil, 0, fmt.Errorf("error query get total data: %v", err)
-	}
-
-	q = `
-		SELECT
-		Mgm_McuID,
-		Mgm_McuLabel,
-		Mgm_McuFlagRelasiBayarSendiri,
-		Mgm_McuBisaTambahPemeriksaan,
-		Mgm_McuCorporateID,
-		Mgm_McuNumber,
-		Mgm_McuNumberNational,
-		Mgm_McuNote,
-		DATE_FORMAT(Mgm_McuStartDate, '%d-%m-%Y') AS Mgm_McuStartDate,
-		DATE_FORMAT(Mgm_McuEndDate, '%d-%m-%Y') AS Mgm_McuEndDate,
-		Mgm_McuIsActive
-		FROM mgm_mcu
-		WHERE Mgm_McuIsActive = 'Y'
-		AND Mgm_McuLabel LIKE ?
-		AND Mgm_McuStartDate >= ?
-		AND Mgm_McuEndDate <= ?
-		ORDER BY Mgm_McuID ASC
-		LIMIT ? OFFSET ?
-	`
-	if err := dbx.Handlex.Select(&ret, q, prmLabel, startdate, enddate, rowperpage, offset); err != nil {
-		return nil, 0, fmt.Errorf("error query get data: %v", err)
-	}
-	logger.Info("Resp", zap.Any("Respsone", ret))
-
-	totalPage := int(math.Ceil(float64(totalData) / float64(rowperpage)))
-	return ret, totalPage, nil
-}
--- a/services/dev/groupresult.services.go
+++ b/services/dev/groupresult.services.go
@@ -1,878 +0,0 @@
-package dev_services
-
-import (
-	"cpone/db"
-	"cpone/models"
-	"fmt"
-	"math"
-	"strconv"
-	"strings"
-
-	dbx "cpone/package/database"
-
-	"go.uber.org/zap"
-)
-
-func NewServicesGroupResult(uStore db.AppStore) *ServicesGroupResult {
-
-	return &ServicesGroupResult{
-		GroupResultStore: uStore,
-	}
-}
-
-type ServicesGroupResult struct {
-	GroupResultStore db.AppStore
-}
-
-func (su *ServicesGroupResult) GetMasterMenus() ([]MasterMenu, error) {
-
-	// dummyBreadcrumb := []Breadcrumb{
-	// 	{
-	// 		Name: "Dashboard",
-	// 		Url:  "/client/dashboard",
-	// 	},
-	// 	{
-	// 		Name: "Front Office",
-	// 		Url:  "/client/usermanagement",
-	// 	},
-	// }
-
-	dummyMenu := []MasterMenu{
-		// 1. Dashboard
-		{
-			ID:             "1",
-			ParentMenuID:   "0",
-			ParentMenuName: "Dashboard",
-			ParentUrl:      "/client/md/dashboard",
-			ParentIcon:     "",
-			Children: []ChildrenMenu{
-				{
-					ChildrenParentID: "1",
-					ChildrenMenuID:   "1",
-					ChildrenMenuName: "Master User",
-					ChildrenMenuURL:  "/client/md/user",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-			},
-		},
-
-		// 2. Front Office
-		{
-			ID:             "2",
-			ParentMenuID:   "1",
-			ParentMenuName: "Front Office",
-			ParentUrl:      "#",
-			ParentIcon:     "",
-			Children: []ChildrenMenu{
-				{
-					ChildrenParentID: "1",
-					ChildrenMenuID:   "1",
-					ChildrenMenuName: "Registrasi",
-					ChildrenMenuURL:  "/fo/registrasi",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-			},
-		},
-
-		// 3. Station
-		{
-			ID:             "3",
-			ParentMenuID:   "2",
-			ParentMenuName: "Station",
-			ParentUrl:      "#",
-			ParentIcon:     "",
-			Children: []ChildrenMenu{
-				{
-					ChildrenParentID: "2",
-					ChildrenMenuID:   "1",
-					ChildrenMenuName: "Sample Station",
-					ChildrenMenuURL:  "/station/sample",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-			},
-		},
-
-		// 4. Management MCU
-		{
-			ID:             "4",
-			ParentMenuID:   "3",
-			ParentMenuName: "Management MCU",
-			ParentUrl:      "#",
-			ParentIcon:     "",
-			Children: []ChildrenMenu{
-				{
-					ChildrenParentID: "3",
-					ChildrenMenuID:   "1",
-					ChildrenMenuName: "Setup MCU",
-					ChildrenMenuURL:  "/mcu/setup",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-				{
-					ChildrenParentID: "3",
-					ChildrenMenuID:   "2",
-					ChildrenMenuName: "Pre-Registrasi",
-					ChildrenMenuURL:  "/mcu/preregister",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-			},
-		},
-
-		// 5. Master Data
-		{
-			ID:             "5",
-			ParentMenuID:   "4",
-			ParentMenuName: "Master Data",
-			ParentUrl:      "#",
-			ParentIcon:     "",
-			Children: []ChildrenMenu{
-				// * Master User
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "1",
-					ChildrenMenuName: "Master User",
-					ChildrenMenuURL:  "/client/md/user",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Master User Group
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "2",
-					ChildrenMenuName: "Master User Group",
-					ChildrenMenuURL:  "/client/md/usergroup",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Master Corporate
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "3",
-					ChildrenMenuName: "Corporate",
-					ChildrenMenuURL:  "/client/md/corp",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Test
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "4",
-					ChildrenMenuName: "Test",
-					ChildrenMenuURL:  "/client/md/test",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Bahan
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "5",
-					ChildrenMenuName: "Bahan",
-					ChildrenMenuURL:  "/client/md/bahan",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Sample Type
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "6",
-					ChildrenMenuName: "Sample Type",
-					ChildrenMenuURL:  "/client/sample/type",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Sample Station
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "7",
-					ChildrenMenuName: "Sample Station",
-					ChildrenMenuURL:  "/station/sample",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Result Non Lab
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "8",
-					ChildrenMenuName: "Result Non Lab",
-					ChildrenMenuURL:  "/client/md/resultnonlab",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Template Fisik
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "9",
-					ChildrenMenuName: "Template Fisik",
-					ChildrenMenuURL:  "/client/md/template-fisik",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Pasien
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "10",
-					ChildrenMenuName: "Pasien",
-					ChildrenMenuURL:  "/client/md/pasien",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Dokter
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "11",
-					ChildrenMenuName: "Dokter",
-					ChildrenMenuURL:  "/client/md/dokter",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Paket
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "12",
-					ChildrenMenuName: "Paket",
-					ChildrenMenuURL:  "/client/md/paket",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-
-				// * Harga Single
-				{
-					ChildrenParentID: "4",
-					ChildrenMenuID:   "13",
-					ChildrenMenuName: "Harga Single",
-					ChildrenMenuURL:  "/client/md/hargasingle",
-					// Breadcrumb: []Breadcrumb{
-					// 	{
-					// 		IDBreadcrumb: "1",
-					// 		Title:        "Dashboard",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "2",
-					// 		Title:        "Master",
-					// 		IsActive:     "N",
-					// 	},
-					// 	{
-					// 		IDBreadcrumb: "3",
-					// 		Title:        "User Group",
-					// 		IsActive:     "Y",
-					// 	},
-					// },
-				},
-			},
-		},
-	}
-
-	return dummyMenu, nil
-}
-
-func (ug *ServicesGroupResult) GetUserGroup() ([]models.UserGroup, error) {
-	data := []models.UserGroup{
-		{UserGroupID: 1, UserGroupKode: "A", UserGroupName: "UG1"},
-		{UserGroupID: 2, UserGroupKode: "B", UserGroupName: "UG2"},
-		{UserGroupID: 3, UserGroupKode: "C", UserGroupName: "UG3"},
-	}
-	return data, nil
-}
-
-func (su *ServicesGroupResult) GetListBreadCrumb(title string) (models.BreadCrumbV1, error) {
-	var ret models.BreadCrumbV1
-
-	dummyBreadcrumb := []models.BreadCrumbV1{
-		{
-			Title: "Master User Group",
-			Item: []models.ItemBreadCrumbV1{
-				{
-					Item: "Dashboard",
-					Url:  "/dev/dashboard",
-				},
-				{
-					Item: "Master",
-					Url:  "/dev/master",
-				},
-				{
-					Item: "User Group",
-					Url:  "",
-				},
-			},
-		},
-
-		{
-			Title: "Master User",
-			Item: []models.ItemBreadCrumbV1{
-				{
-					Item: "Dashboard",
-					Url:  "/dev/dashboard",
-				},
-				{
-					Item: "Master",
-					Url:  "/dev/master",
-				},
-				{
-					Item: "User",
-					Url:  "",
-				},
-			},
-		},
-
-		{
-			Title: "Master Group Result",
-			Item: []models.ItemBreadCrumbV1{
-				{
-					Item: "Dashboard",
-					Url:  "/dev/dashboard",
-				},
-				{
-					Item: "Master",
-					Url:  "/dev/master",
-				},
-				{
-					Item: "Group Result",
-					Url:  "",
-				},
-			},
-		},
-	}
-
-	for _, breadcrumb := range dummyBreadcrumb {
-		// if utils.Contains(breadcrumb.Title, title) {
-		// 	ret = breadcrumb
-		// 	return ret, nil
-		// }
-		if breadcrumb.Title == title {
-			ret = breadcrumb
-			return ret, nil
-		}
-	}
-
-	return ret, nil
-}
-
-// (LAB, NONLAB, FISIK, DOCTOR)
-// hardcore group result resume mcu
-func (ug *ServicesGroupResult) GetGroupResultResumeMcu() ([]models.GroupResultResumeMcu, error) {
-	data := []models.GroupResultResumeMcu{
-		{
-			ID:   1,
-			Text: "LAB",
-		},
-		{
-			ID:   2,
-			Text: "NONLAB",
-		},
-		{
-			ID:   3,
-			Text: "FISIK",
-		},
-		{
-			ID:   4,
-			Text: "DOCTOR",
-		},
-	}
-	return data, nil
-}
-
-// versi 2
-func (su *ServicesGroupResult) GetListGroupResult(search string, currentPage int, rowPerPage int) ([]models.GroupResult, int, error) {
-	var groupresultList []models.GroupResult
-
-	logger, _ := zap.NewProduction()
-	defer logger.Sync()
-
-	var totalData int
-	offset := (currentPage - 1) * rowPerPage
-
-	prm := "%" + strings.TrimSpace(search) + "%"
-	querytotal := `
-		SELECT COUNT(*) 
-		FROM group_result
-		WHERE Group_ResultIsActive = 'Y'
-		AND (Group_ResultName LIKE ? OR Group_ResultResumeMcu LIKE ?) 
-	`
-
-	logger.Info("QUERY SEARCH INITIAL TOTAL COUNT",
-		zap.String("query search", querytotal),
-	)
-
-	if err := dbx.Handlex.Get(&totalData, querytotal, prm, prm); err != nil {
-		return nil, 0, fmt.Errorf("error querying database: %v", err)
-	}
-
-	query := `
-		SELECT
-			ROW_NUMBER() OVER () AS nomor,
-			Group_ResultID,
-			IFNULL(Group_ResultName, '') AS Group_ResultName,
-			IFNULL(Group_ResultFlagPerTest, '') AS Group_ResultFlagPerTest,
-			IFNULL(Group_ResultFlagNonLab, '') AS Group_ResultFlagNonLab,
-			IFNULL(Group_ResultResumeMcu, '') AS Group_ResultResumeMcu,
-			Group_ResultIsActive
-		FROM group_result
-		WHERE Group_ResultIsActive = 'Y'
-		AND (Group_ResultName LIKE ? OR Group_ResultResumeMcu LIKE ?) 
-		ORDER BY Group_ResultID ASC
-		LIMIT ? OFFSET ?
-	`
-
-	logger.Info("QUERY SEARCH INITIAL",
-		zap.String("query search", query),
-	)
-
-	if err := dbx.Handlex.Select(&groupresultList, query, prm, prm, rowPerPage, offset); err != nil {
-		return nil, 0, fmt.Errorf("error querying database: %v", err)
-	}
-
-	totalPage := int(math.Ceil(float64(totalData) / float64(rowPerPage)))
-
-	return groupresultList, totalPage, nil
-}
-
-// GET BY ID
-func (ug *ServicesGroupResult) GetGroupResultByIDV1(id string) (models.GroupResult, error) {
-	logger, _ := zap.NewProduction()
-
-	var data models.GroupResult
-	err := dbx.Handlex.Get(&data, `SELECT 
-	Group_ResultID,
-    Group_ResultName,
-    CASE 
-        WHEN Group_ResultFlagPerTest = 'Y' THEN 'on' 
-        ELSE Group_ResultFlagPerTest 
-    END AS Group_ResultFlagPerTest,
-    CASE 
-        WHEN Group_ResultFlagNonLab = 'Y' THEN 'on' 
-        ELSE Group_ResultFlagNonLab 
-    END AS Group_ResultFlagNonLab,
-    Group_ResultResumeMcu,
-    Group_ResultIsActive
-	FROM group_result
-	WHERE Group_ResultID = ?`, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data gr by id vs",
-			zap.String("ID", id),
-			zap.Error(err),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
-
-// ADD DATA
-func (ug *ServicesGroupResult) AddGroupResult(groupresultname string, groupresultflagpertest string, groupresultflagnonlab string, groupresultresumemcu string) (models.GroupResult, error) {
-	logger, _ := zap.NewProduction()
-	var data models.GroupResult
-	var datacek []models.GroupResult
-	// var groupresultflagpertestConvert string = ""
-	// var groupresultflagnonlabConvert string = ""
-	// var groupresultresumemcuConvert string = ""
-
-	prm := "%" + strings.TrimSpace(groupresultname) + "%"
-	qryCek := `SELECT Group_ResultName FROM group_result WHERE Group_ResultName LIKE ? AND Group_ResultIsActive = 'Y'`
-	err := dbx.Handlex.Select(&datacek, qryCek, prm)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error cek data by groupresultname",
-			zap.String("groupresultname", groupresultname),
-			zap.Any("datacek", datacek),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	if len(datacek) > 0 {
-		defer logger.Sync()
-		logger.Error("Group Result Name already taken by another data",
-			zap.String("groupresultname", groupresultname),
-		)
-		return data, fmt.Errorf("group result name sudah dipakai")
-	}
-	qry := `INSERT INTO group_result
-			(
-				Group_ResultName,
-				Group_ResultFlagPerTest,
-				Group_ResultFlagNonLab,
-				Group_ResultResumeMcu
-			)
-			VALUES (
-				?,
-				?,
-				?,
-				?
-			);`
-	// time.Sleep(5 * time.Second)
-	rst := dbx.Handlex.MustExec(qry, groupresultname, groupresultflagpertest, groupresultflagnonlab, groupresultresumemcu)
-	insertedID, err := rst.LastInsertId()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error Insert group result",
-			zap.Any("groupresultname", groupresultname),
-			zap.Any("groupresultflagpertest", groupresultflagpertest),
-			zap.Any("groupresultflagnonlab", groupresultflagnonlab),
-			zap.Any("groupresultresumemcu", groupresultresumemcu),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	s := strconv.Itoa(int(insertedID))
-	data, err = ug.GetGroupResultByIDV1(s)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get usergroup by id",
-			zap.Any("groupresultname", groupresultname),
-			zap.Any("groupresultflagpertest", groupresultflagpertest),
-			zap.Any("groupresultflagnonlab", groupresultflagnonlab),
-			zap.Any("groupresultresumemcu", groupresultresumemcu),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
-
-// EDIT DATA
-func (ug *ServicesGroupResult) EditGroupResult(id string, groupresultname string, groupresultflagpertest string, groupresultflagnonlab string, groupresultresumemcu string) (models.GroupResult, error) {
-	logger, _ := zap.NewProduction()
-	var data models.GroupResult
-	var datacek []models.GroupResult
-
-	prm := "%" + strings.TrimSpace(groupresultname) + "%"
-	qryCek := `SELECT Group_ResultName FROM group_result WHERE Group_ResultName LIKE ? AND Group_ResultIsActive = 'Y' AND Group_ResultID <> ?`
-	err := dbx.Handlex.Select(&datacek, qryCek, prm, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error cek data by code",
-			zap.String("groupresultname", groupresultname),
-			zap.Any("datacek", datacek),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	if len(datacek) > 0 {
-		defer logger.Sync()
-		logger.Error("Code already taken by another data",
-			zap.String("groupresultname", groupresultname),
-		)
-		return data, fmt.Errorf("group result name sudah dipakai")
-	}
-
-	qry := `UPDATE group_result
-			SET Group_ResultName = ?,
-			Group_ResultFlagPerTest = ?,
-			Group_ResultFlagNonLab = ?,
-			Group_ResultResumeMcu = ?
-			WHERE Group_ResultID = ?`
-	// time.Sleep(5 * time.Second)
-	rst := dbx.Handlex.MustExec(qry, groupresultname, groupresultflagpertest, groupresultflagnonlab, groupresultresumemcu, id)
-	_, err = rst.RowsAffected()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error Update group result",
-			zap.Any("groupresultname", groupresultname),
-			zap.Any("groupresultflagpertest", groupresultflagpertest),
-			zap.Any("groupresultflagnonlab", groupresultflagnonlab),
-			zap.Any("groupresultresumemcu", groupresultresumemcu),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-
-	data, err = ug.GetGroupResultByIDV1(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get group result by id",
-			zap.Any("groupresultname", groupresultname),
-			zap.Any("groupresultflagpertest", groupresultflagpertest),
-			zap.Any("groupresultflagnonlab", groupresultflagnonlab),
-			zap.Any("groupresultresumemcu", groupresultresumemcu),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
-
-// DELETE DATA
-func (ug *ServicesGroupResult) DeleteGroupResult(id string) (models.GroupResult, error) {
-	logger, _ := zap.NewProduction()
-	var data models.GroupResult
-	qry := `UPDATE group_result
-			SET Group_ResultIsActive = 'N'
-			WHERE Group_ResultID = ?;`
-	// time.Sleep(5 * time.Second)
-	rst := dbx.Handlex.MustExec(qry, id)
-	_, err := rst.RowsAffected()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error delete group result",
-			zap.String("id", id),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-
-	data, err = ug.GetGroupResultByIDV1(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get group result by id",
-			zap.String("id", id),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
--- a/services/dev/kesimpulan.services.go
+++ b/services/dev/kesimpulan.services.go
@@ -1,232 +0,0 @@
-package dev_services
-
-import (
-	"cpone/db"
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
-
-	"go.uber.org/zap"
-)
-
-func NewServicesKesimpulan(uStore db.AppStore) *KesimpulanServices {
-	return &KesimpulanServices{
-		KesimpulanStore: uStore,
-	}
-}
-
-type KesimpulanServices struct {
-	KesimpulanStore db.AppStore
-}
-
-func (k *KesimpulanServices) GetListKesimpulanLab(id string) ([]models.ModelKesimpulanLab, error) {
-	logger, _ := zap.NewProduction()
-	var listLab []models.ModelKesimpulanLab
-	var dataTot []models.ModelKesimpulanLab
-
-	qryTot := `select '' as nomor,
-	'' as Test, sum(total) as total
-	from(
-	   select count(*) as total
-			   FROM mgm_header
-			   join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-			   join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-			   join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-			   left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-			   where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'L'
-			   and Mgm_HeaderIsNormal = 'N'
-	   group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType ) x`
-
-	err := dbx.Handlex.Select(&dataTot, qryTot, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get total",
-			zap.Any("id", id),
-			zap.Any("total data", dataTot),
-		)
-		// return dataTot, fmt.Errorf("QUERY_FAILED")
-	}
-
-	// Extracting the Total value
-	var totalLab string
-	if len(dataTot) > 0 {
-		totalLab = dataTot[0].Total
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cek total", totalLab),
-	)
-	query := `SELECT ROW_NUMBER() OVER (ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC) AS nomor,
-		ifnull(Nat_TestName ,Mcu_KelainanGroupName) as Test,
-		cast(count(Mgm_HeaderT_OrderHeaderID)/?*100 as decimal(2,0))  as total
-
-		FROM mgm_header
-		join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-		join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-		join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-		left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-		where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'L'
-		and Mgm_HeaderIsNormal = 'N'
-		group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType  ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC
-		LIMIT 3`
-
-	err = dbx.Handlex.Select(&listLab, query, totalLab, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data lab",
-			zap.Any("id", id),
-			zap.Any("list data", listLab),
-		)
-		return listLab, fmt.Errorf("QUERY_FAILED")
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cekkkk", listLab),
-	)
-	return listLab, nil
-}
-
-func (k *KesimpulanServices) GetListKesimpulanNonLab(id string) ([]models.ModelKesimpulanLab, error) {
-	logger, _ := zap.NewProduction()
-	var listNonLab []models.ModelKesimpulanLab
-	var dataTot []models.ModelKesimpulanLab
-
-	qryTot := `select '' as nomor,
-	'' as Test, sum(total) as total
-	from(
-	   select count(*) as total
-			   FROM mgm_header
-			   join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-			   join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-			   join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-			   left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-			   where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'NL'
-			   and Mgm_HeaderIsNormal = 'N'
-	   group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType ) x`
-
-	err := dbx.Handlex.Select(&dataTot, qryTot, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get total",
-			zap.Any("id", id),
-			zap.Any("total data", dataTot),
-		)
-		// return dataTot, fmt.Errorf("QUERY_FAILED")
-	}
-
-	// Extracting the Total value
-	var totalLab string
-	if len(dataTot) > 0 {
-		totalLab = dataTot[0].Total
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cek total", totalLab),
-	)
-	query := `SELECT ROW_NUMBER() OVER (ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC) AS nomor,
-		ifnull(Nat_TestName ,Mcu_KelainanGroupName) as Test,
-		cast(count(Mgm_HeaderT_OrderHeaderID)/?*100 as decimal(2,0))  as total
-
-		FROM mgm_header
-		join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-		join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-		join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-		left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-		where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'NL'
-		and Mgm_HeaderIsNormal = 'N'
-		group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType  ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC
-		LIMIT 3`
-
-	err = dbx.Handlex.Select(&listNonLab, query, totalLab, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data NON lab",
-			zap.Any("id", id),
-			zap.Any("list data", listNonLab),
-		)
-		return listNonLab, fmt.Errorf("QUERY_FAILED")
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cekkkk", listNonLab),
-	)
-	return listNonLab, nil
-}
-
-func (k *KesimpulanServices) GetListKesimpulanFisik(id string) ([]models.ModelKesimpulanLab, error) {
-	logger, _ := zap.NewProduction()
-	var listFisik []models.ModelKesimpulanLab
-	var dataTot []models.ModelKesimpulanLab
-
-	qryTot := `select '' as nomor,
-	'' as Test, sum(total) as total
-	from(
-	   select count(*) as total
-			   FROM mgm_header
-			   join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-			   join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-			   join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-			   left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-			   where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'F'
-			   and Mgm_HeaderIsNormal = 'N'
-	   group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType ) x`
-
-	err := dbx.Handlex.Select(&dataTot, qryTot, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get total",
-			zap.Any("id", id),
-			zap.Any("total data", dataTot),
-		)
-		// return dataTot, fmt.Errorf("QUERY_FAILED")
-	}
-
-	// Extracting the Total value
-	var totalFisik string
-	if len(dataTot) > 0 {
-		totalFisik = dataTot[0].Total
-	}
-
-	logger.Info("data",
-		zap.Any("id", id),
-		zap.Any("cek total", totalFisik),
-	)
-	query := `SELECT ROW_NUMBER() OVER (ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC) AS nomor,
-		ifnull(Nat_TestName ,Mcu_KelainanGroupName) as Test,
-		cast(count(Mgm_HeaderT_OrderHeaderID)/?*100 as decimal(2,0))  as total
-
-		FROM mgm_header
-		join mgm_detail on Mgm_DetailMgm_HeaderID = Mgm_HeaderID  and Mgm_DetailIsActive = 'Y'
-		join mcu_kelainan on Mgm_DetailMcu_KelainanID = Mcu_KelainanID
-		join mcu_kelainangroup on Mgm_DetailMcu_KelainanGroupID = Mcu_KelainanGroupID
-		left join nat_test on Nat_TestCode = Mgm_HeaderNat_TestCode
-
-		where Mgm_HeaderIsActive = 'Y' and Mgm_HeaderMgm_McuID = ? AND Mgm_HeaderType = 'F'
-		and Mgm_HeaderIsNormal = 'N'
-		group by Mgm_DetailMcu_KelainanID, Mgm_HeaderType  ORDER BY  count(Mgm_HeaderT_OrderHeaderID) DESC
-		LIMIT 3`
-
-	err = dbx.Handlex.Select(&listFisik, query, totalFisik, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data fisik",
-			zap.Any("id", id),
-			zap.Any("list data", listFisik),
-		)
-		return listFisik, fmt.Errorf("QUERY_FAILED")
-	}
-
-	return listFisik, nil
-}
--- a/services/dev/md.bahan.services.go
+++ b/services/dev/md.bahan.services.go
@@ -1,251 +0,0 @@
-package dev_services
-
-import (
-	"cpone/db"
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
-	"math"
-	"strings"
-
-	"go.uber.org/zap"
-)
-
-func NewMdBahanServices(uStore db.AppStore) *MdBahanServices {
-
-	return &MdBahanServices{
-
-		MdBahanStore: uStore,
-	}
-}
-
-type MdBahanServices struct {
-	MdBahanStore db.AppStore
-}
-
-func (su *MdBahanServices) GetListMdBahan(
-	search string,
-	stationID string,
-	currentPage int,
-	rowPerPage int) ([]models.Bahan, int, error) {
-	var bahanList []models.Bahan
-	var totalData int
-	offset := (currentPage - 1) * rowPerPage
-	prm := "%" + strings.TrimSpace(search) + "%"
-	filterStation := ""
-	if stationID != "0" {
-		filterStation = "AND T_BahanT_SampleStationID = " + stationID
-
-	}
-	querytotal := `
-		SELECT COUNT(*)  FROM 
-		t_bahan 
-		JOIN 
-		t_samplestation
-		ON T_BahanT_SampleStationID = T_SampleStationID
-		AND T_BahanIsActive = 'Y'
-		AND T_SampleStationIsActive = 'Y'
-		WHERE (T_BahanName LIKE ? OR  T_BahanCode LIKE ? )
-		
-	` + filterStation
-	if err := dbx.Handlex.Get(&totalData, querytotal, prm, prm); err != nil {
-		return nil, 0, fmt.Errorf("error querying database: %v", err)
-	}
-	query := `
-		SELECT t_bahan.*,  
-		T_SampleStationName, 
-		T_SampleStationID FROM 
-		t_bahan 
-		JOIN 
-		t_samplestation
-		ON T_BahanT_SampleStationID = T_SampleStationID
-		AND T_BahanIsActive = 'Y'
-		AND T_SampleStationIsActive = 'Y'
-		WHERE (T_BahanName LIKE ? OR  T_BahanCode LIKE ? )
-		` + filterStation + `
-		LIMIT ? OFFSET ?
-	`
-
-	if err := dbx.Handlex.Select(&bahanList, query, prm, prm, rowPerPage, offset); err != nil {
-		return nil, 0, fmt.Errorf("error querying database: %v", err)
-	}
-	totalPage := int(math.Ceil(float64(totalData) / float64(rowPerPage)))
-
-	return bahanList, totalPage, nil
-
-}
-
-func (su *MdBahanServices) GetMdBahanBreadCrumb(title string) (models.BreadCrumbV1, error) {
-
-	ret := models.BreadCrumbV1{
-		Title: "Master Bahan",
-		Item: []models.ItemBreadCrumbV1{
-			{
-				Item: "Dashboard",
-				Url:  "/dev/dashboard",
-			},
-			{
-				Item: "Master",
-				Url:  "/dev/master",
-			},
-			{
-				Item: "Bahan",
-				Url:  "",
-			},
-		},
-	}
-
-	return ret, nil
-}
-func (su *MdBahanServices) GetListSampleStation(isFilter bool) ([]models.TmpSampleStation, error) {
-	var stationList []models.TmpSampleStation
-	query := `
-		SELECT 
-		T_SampleStationID,
-		T_SampleStationName
-		FROM
-		t_samplestation 
-		WHERE T_SampleStationIsActive = 'Y'
-	`
-
-	if err := dbx.Handlex.Select(&stationList, query); err != nil {
-		return nil, fmt.Errorf("error querying database: %v", err)
-	}
-	if isFilter {
-		stationList = append(
-			[]models.TmpSampleStation{{T_SampleStationID: 0, T_SampleStationName: "Semua"}}, stationList...)
-	}
-
-	return stationList, nil
-}
-func (su *MdBahanServices) AddMdBahan(code string, name string, stationid string) (bool, error) {
-	logger, _ := zap.NewProduction()
-	var datacek []models.Bahan
-	qryCek := `SELECT T_BahanCode FROM t_bahan WHERE T_BahanCode = ? AND T_BahanIsActive = 'Y'`
-	err := dbx.Handlex.Select(&datacek, qryCek, code)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error cek data by code",
-			zap.String("code", code),
-			zap.Any("datacek", datacek),
-		)
-		return false, fmt.Errorf("query cek failed")
-	}
-	if len(datacek) > 0 {
-		defer logger.Sync()
-		logger.Error("Code already taken by another data",
-			zap.String("code", code),
-		)
-		return false, fmt.Errorf("code sudah dipakai")
-	}
-	query := `
-		INSERT INTO t_bahan(
-		T_BahanT_SampleStationID,
-		T_BahanCode,
-		T_BahanName,
-		T_BahanCreated,
-		T_BahanCreatedUserID)
-		VALUES(?,?,?, NOW(), 1)
-
-	`
-	rst := dbx.Handlex.MustExec(query, stationid, code, name)
-	_, err = rst.LastInsertId()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error Insert t bahan",
-			zap.Any("code", err),
-		)
-		return false, fmt.Errorf("insert data failed")
-	}
-
-	return true, nil
-}
-func (ug *MdBahanServices) GetMdBahanByID(id string) (models.Bahan, error) {
-	logger, _ := zap.NewProduction()
-
-	var data models.Bahan
-	err := dbx.Handlex.Get(&data,
-		`SELECT t_bahan.*,
-		T_SampleStationID,
-		T_SampleStationName
-		FROM t_bahan
-		JOIN 
-		t_samplestation
-		ON T_BahanT_SampleStationID = T_SampleStationID
-		AND T_BahanIsActive = 'Y'
-		AND T_SampleStationIsActive = 'Y'
-		WHERE T_BahanID = ? `, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data bahan by id vs",
-			zap.String("ID", id),
-			zap.Error(err),
-		)
-		return data, fmt.Errorf("get bahan failed")
-	}
-	return data, nil
-}
-func (su *MdBahanServices) EditMdBahan(id string, code string, name string, stationid string) (bool, error) {
-	logger, _ := zap.NewProduction()
-	var datacek []models.Bahan
-	qryCek := `SELECT T_BahanCode FROM t_bahan WHERE T_BahanCode = ? AND T_BahanIsActive = 'Y' AND T_BahanID <> ?`
-	err := dbx.Handlex.Select(&datacek, qryCek, code, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error cek data by code",
-			zap.String("code", code),
-			zap.Any("datacek", datacek),
-		)
-		return false, fmt.Errorf("query cek failed")
-	}
-	if len(datacek) > 0 {
-		defer logger.Sync()
-		logger.Error("Code already taken by another data",
-			zap.String("code", code),
-		)
-		return false, fmt.Errorf("code sudah dipakai")
-	}
-	query := `
-		UPDATE t_bahan SET
-		T_BahanCode = ?,
-		T_BahanName = ?,
-		T_BahanT_SampleStationID = ?
-		WHERE T_BahanID = ?
-	`
-	rst := dbx.Handlex.MustExec(query, code, name, stationid, id)
-	_, err = rst.LastInsertId()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error edit t bahan",
-			zap.Any("code", err),
-		)
-		return false, fmt.Errorf("edit data failed")
-	}
-
-	return true, nil
-}
-func (su *MdBahanServices) DeleteMdBahan(id string) (bool, error) {
-	logger, _ := zap.NewProduction()
-
-	query := `
-		UPDATE t_bahan
-			SET T_BahanIsActive = 'N',
-			T_BahanDeleted = NOW(),
-			T_BahanDeletedUserID = '1'
-			WHERE T_BahanID = ?
-	`
-	rst := dbx.Handlex.MustExec(query, id)
-	_, err := rst.LastInsertId()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error edit t bahan",
-			zap.Any("code", err),
-		)
-		return false, fmt.Errorf("edit data failed")
-	}
-
-	return true, nil
-}
--- a/services/dev/md.natunit.services.go
+++ b/services/dev/md.natunit.services.go
@@ -1,262 +0,0 @@
-package dev_services
-
-import (
-	"cpone/db"
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
-	"math"
-	"strconv"
-	"strings"
-
-	"go.uber.org/zap"
-)
-
-func NewMdNatUnitServices(uStore db.AppStore) *MdNatUnitServices {
-	return &MdNatUnitServices{
-		MdNatUnitStore: uStore,
-	}
-}
-
-type MdNatUnitServices struct {
-	MdNatUnitStore db.AppStore
-}
-
-func (nu *MdNatUnitServices) GetListMdNatUnit(search string, currentPage int, rowPerPage int) ([]models.NatUnit, int, error) {
-	var natUnitList []models.NatUnit
-	var totalData int
-	offset := (currentPage - 1) * rowPerPage
-	prm := "%" + strings.TrimSpace(search) + "%"
-	querytotal := `SELECT COUNT(*)
-			FROM nat_unit
-			WHERE Nat_UnitIsActive = 'Y'
-			AND (Nat_UnitCode LIKE ? OR Nat_UnitName LIKE ?)`
-
-	if err := dbx.Handlex.Get(&totalData, querytotal, prm, prm); err != nil {
-		return nil, 0, fmt.Errorf("error querying database: %v", err)
-	}
-
-	query := `SELECT ROW_NUMBER() OVER (ORDER BY Nat_UnitID DESC) AS nomor,
-		Nat_UnitID,
-		Nat_UnitCode,
-		Nat_UnitName,
-		Nat_UnitCreated,
-		Nat_UnitLastUpdated,
-		Nat_UnitIsActive
-		FROM nat_unit
-		WHERE Nat_UnitIsActive = 'Y'
-		AND (Nat_UnitCode LIKE ? OR Nat_UnitName LIKE ?)
-		ORDER BY Nat_UnitID DESC
-		LIMIT ? OFFSET ?`
-
-	if err := dbx.Handlex.Select(&natUnitList, query, prm, prm, rowPerPage, offset); err != nil {
-		return nil, 0, fmt.Errorf("error querying database: %v", err)
-	}
-	totalPage := int(math.Ceil(float64(totalData) / float64(rowPerPage)))
-
-	return natUnitList, totalPage, nil
-}
-
-func (nu *MdNatUnitServices) GetMdNatUnitBreadCrumb(title string) (models.BreadCrumbV1, error) {
-	var ret models.BreadCrumbV1
-
-	dummyBreadcrumb := []models.BreadCrumbV1{
-		{
-			Title: "Master Unit",
-			Item: []models.ItemBreadCrumbV1{
-				{
-					Item: "Dashboard",
-					Url:  "/dev/dashboard",
-				},
-				{
-					Item: "Master",
-					Url:  "/dev/master",
-				},
-				{
-					Item: "Unit",
-					Url:  "",
-				},
-			},
-		},
-
-		{
-			Title: "Master User",
-			Item: []models.ItemBreadCrumbV1{
-				{
-					Item: "Dashboard",
-					Url:  "/dev/dashboard",
-				},
-				{
-					Item: "Master",
-					Url:  "/dev/master",
-				},
-				{
-					Item: "User",
-					Url:  "",
-				},
-			},
-		},
-	}
-
-	for _, breadcrumb := range dummyBreadcrumb {
-		if breadcrumb.Title == title {
-			ret = breadcrumb
-			return ret, nil
-		}
-	}
-
-	return ret, nil
-}
-
-func (nu *MdNatUnitServices) GetMdNatUnitByID(id string) (models.NatUnit, error) {
-	logger, _ := zap.NewProduction()
-
-	var data models.NatUnit
-	err := dbx.Handlex.Get(&data, `SELECT * FROM nat_unit
-	WHERE Nat_UnitID = ?`, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data unit by id",
-			zap.String("ID", id),
-			zap.Error(err),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
-
-func (nu *MdNatUnitServices) AddMdNatUnit(code string, name string) (models.NatUnit, error) {
-	logger, _ := zap.NewProduction()
-	var data models.NatUnit
-	var datacek []models.NatUnit
-
-	qryCek := `SELECT Nat_UnitCode FROM nat_unit
-		WHERE Nat_UnitCode = ? AND Nat_UnitIsActive = 'Y'`
-	err := dbx.Handlex.Select(&datacek, qryCek, code)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error cek data by code",
-			zap.String("code", code),
-			zap.Any("datacek", datacek),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-
-	if len(datacek) > 0 {
-		defer logger.Sync()
-		logger.Error("Code already taken by another data",
-			zap.String("code", code),
-		)
-		return data, fmt.Errorf("code sudah dipakai")
-	}
-
-	qry := `INSERT INTO nat_unit
-		(Nat_UnitCode,
-		Nat_UnitName) VALUES(?,?)`
-	rst := dbx.Handlex.MustExec(qry, code, name)
-	insertedID, err := rst.LastInsertId()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error Insert natunit",
-			zap.String("code", code),
-			zap.String("name", name),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-
-	s := strconv.Itoa(int(insertedID))
-	data, err = nu.GetMdNatUnitByID(s)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get natunit by id",
-			zap.String("code", code),
-			zap.String("name", name),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
-
-func (nu *MdNatUnitServices) EditMdNatUnit(id string, code string, name string) (models.NatUnit, error) {
-	logger, _ := zap.NewProduction()
-	var data models.NatUnit
-	var datacek []models.NatUnit
-
-	qryCek := `SELECT Nat_UnitCode FROM nat_unit
-		WHERE Nat_UnitCode = ? AND Nat_UnitIsActive = 'Y' AND Nat_UnitID <> ?`
-	err := dbx.Handlex.Select(&datacek, qryCek, code, id)
-
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error cek data by code",
-			zap.String("code", code),
-			zap.Any("datacek", datacek),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-
-	if len(datacek) > 0 {
-		defer logger.Sync()
-		logger.Error("Code already taken by another data",
-			zap.String("code", code),
-		)
-		return data, fmt.Errorf("code sudah dipakai")
-	}
-
-	qry := `UPDATE nat_unit
-		SET Nat_UnitCode = ?,
-		Nat_UnitName = ?,
-		Nat_UnitLastUpdated = NOW()
-		WHERE Nat_UnitID = ?`
-	rst := dbx.Handlex.MustExec(qry, code, name, id)
-	_, err = rst.RowsAffected()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error Update natunit",
-			zap.String("code", code),
-			zap.String("name", name),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-
-	data, err = nu.GetMdNatUnitByID(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get natunit by id",
-			zap.String("code", code),
-			zap.String("name", name),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
-
-func (nu *MdNatUnitServices) DeleteMdNatUnit(id string) (models.NatUnit, error) {
-	logger, _ := zap.NewProduction()
-	var data models.NatUnit
-	qry := `UPDATE nat_unit
-		SET Nat_UnitLastUpdated = NOW(),
-		Nat_UnitIsActive = 'N'
-		WHERE Nat_UnitID = ?`
-	rst := dbx.Handlex.MustExec(qry, id)
-	_, err := rst.RowsAffected()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error delete nat unit",
-			zap.String("id", id),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-
-	data, err = nu.GetMdNatUnitByID(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get nat unit by id",
-			zap.String("id", id),
-		)
-		return data, fmt.Errorf("QUERY_FAILED")
-	}
-	return data, nil
-}
--- a/services/dev/md.samplestation.services.go
+++ b/services/dev/md.samplestation.services.go
@@ -1,277 +0,0 @@
-package dev_services
-
-import (
-	"cpone/db"
-	"cpone/models"
-	dbx "cpone/package/database"
-	"fmt"
-	"math"
-	"strconv"
-	"strings"
-
-	"go.uber.org/zap"
-)
-
-func NewMDSampleStationServices(uStore db.AppStore) *MDSampleStationServices {
-	return &MDSampleStationServices{
-		MDSampleStationStore: uStore,
-	}
-}
-
-type MDSampleStationServices struct {
-	MDSampleStationStore db.AppStore
-}
-
-func (ss *MDSampleStationServices) GetMDSampleStationBreadcrumb() (models.BreadCrumbV1, error) {
-	var ret models.BreadCrumbV1
-
-	Breadcrumb := models.BreadCrumbV1{
-		Title: "Master Sample Station",
-		Item: []models.ItemBreadCrumbV1{
-			{
-				Item: "Dashboard",
-				Url:  "/dev/dashboard",
-			},
-			{
-				Item: "Master",
-				Url:  "/dev/master",
-			},
-			{
-				Item: "Sample Stasion",
-				Url:  "",
-			},
-		},
-	}
-
-	ret = Breadcrumb
-	return ret, nil
-}
-
-func (ss *MDSampleStationServices) GetListSampleStation(search string, currentPage int, rowPerPage int) ([]models.MDSampleStation, int, error) {
-	var sampleStationList []models.MDSampleStation
-	var totalData int
-
-	offset := (currentPage - 1) * rowPerPage
-	prm := "%" + strings.TrimSpace(search) + "%"
-	querytotal := `
-	SELECT COUNT(*)
-	FROM t_samplestation 
-	WHERE T_SampleStationIsActive = 'Y' AND (T_SampleStationCode LIKE ? OR T_SampleStationName LIKE ?)
-	`
-	if err := dbx.Handlex.Get(&totalData, querytotal, prm, prm); err != nil {
-		return nil, 0, fmt.Errorf("error query get total data: %v", err)
-	}
-
-	query := `
-	SELECT
-	T_SampleStationID,
-	T_SampleStationCode,
-	T_SampleStationName,
-	T_SampleStationNat_GroupID,
-	T_SampleStationIsNonLab,
-	T_SampleStationIsActive
-	FROM t_samplestation
-	WHERE T_SampleStationIsActive = 'Y'
-	AND (T_SampleStationCode LIKE ? OR T_SampleStationName LIKE ?)
-	ORDER BY T_SampleStationID ASC
-	LIMIT ? OFFSET ?
-	`
-	if err := dbx.Handlex.Select(&sampleStationList, query, prm, prm, rowPerPage, offset); err != nil {
-		return nil, 0, fmt.Errorf("error query database: %v", err)
-	}
-
-	for i := range sampleStationList {
-		if len(sampleStationList[i].T_SampleStationIsNonLab) == 0 {
-			sampleStationList[i].T_SampleStationIsNonLab = "LAB"
-		}
-	}
-
-	totalPage := int(math.Ceil(float64(totalData) / float64(rowPerPage)))
-
-	return sampleStationList, totalPage, nil
-}
-
-func (ss *MDSampleStationServices) GetMDSampleStationByID(id string) (models.MDSampleStation, error) {
-	logger, _ := zap.NewProduction()
-
-	var ret models.MDSampleStation
-	q := `
-		SELECT
-		T_SampleStationID,
-		T_SampleStationCode,
-		T_SampleStationName,
-		T_SampleStationNat_GroupID,
-		T_SampleStationIsNonLab,
-		T_SampleStationIsActive		
-		FROM t_samplestation 
-		WHERE T_SampleStationID = ?`
-
-	err := dbx.Handlex.Get(&ret, q, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get data by ID", zap.String("ID", id), zap.Error(err))
-		return ret, fmt.Errorf("query get data by id failed")
-	}
-
-	if len(ret.T_SampleStationIsNonLab) == 0 {
-		ret.T_SampleStationIsNonLab = "LAB"
-	}
-
-	return ret, nil
-}
-
-func (ss *MDSampleStationServices) GetListGroupSampleStation() ([]models.MDSampleStationGroup, error) {
-	data := []models.MDSampleStationGroup{
-		{
-			ID:    1,
-			Group: "RADIODIAGNOSTIC",
-		},
-		{
-			ID:    2,
-			Group: "ELEKTROMEDIS",
-		},
-		{
-			ID:    3,
-			Group: "LAB",
-		},
-		{
-			ID:    4,
-			Group: "OTHERS",
-		},
-	}
-	return data, nil
-}
-
-func (ss *MDSampleStationServices) AddMDSampleStation(code string, name string, group string) (models.MDSampleStation, error) {
-	logger, _ := zap.NewProduction()
-	var data models.MDSampleStation
-
-	if strings.ToUpper(group) == "LAB" {
-		group = " "
-	}
-
-	// cek existing code & name
-	var count int
-	var prmCode = "%" + code + "%"
-	var prmName = "%" + name + "%"
-	q := `
-		SELECT COUNT(*)
-		FROM t_samplestation
-		WHERE (T_SampleStationCode LIKE ? OR T_SampleStationName LIKE ?) 
-		AND T_SampleStationIsActive = 'Y'
-	`
-	err := dbx.Handlex.Get(&count, q, prmCode, prmName)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("cek duplicate", zap.Any("code", prmCode), zap.Any("name", prmName))
-		return data, fmt.Errorf("query failed to cek duplicate")
-	}
-	if count > 0 {
-		defer logger.Sync()
-		logger.Error("duplicate data", zap.Any("code", code), zap.Any("name", name))
-		return data, fmt.Errorf("duplicate code or name")
-	}
-
-	q = `
-		INSERT INTO t_samplestation (
-			T_SampleStationCode,
-			T_SampleStationName,
-			T_SampleStationIsNonLab,
-			T_SampleStationCreated,
-			T_SampleStationCreatedUserID
-		) VALUES (?,?,?,NOW(),1);
-	`
-	rst := dbx.Handlex.MustExec(q, code, name, group)
-	insertedID, err := rst.LastInsertId()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("error insert data", zap.Any("code", code), zap.Any("name", name), zap.Any("group", group))
-		return data, fmt.Errorf("query failed insert data")
-	}
-
-	s := strconv.Itoa(int(insertedID))
-
-	return ss.GetMDSampleStationByID(s)
-}
-
-func (ss *MDSampleStationServices) EditMDSampleStation(id string, code string, name string, group string) (models.MDSampleStation, error) {
-	logger, _ := zap.NewProduction()
-	var ret models.MDSampleStation
-
-	if strings.ToUpper(group) == "LAB" {
-		group = " "
-	}
-
-	// cek existeing code & name
-	var count int
-	var prmCode = "%" + code + "%"
-	var prmName = "%" + name + "%"
-	q := `
-		SELECT COUNT(*)
-		FROM t_samplestation
-		WHERE (T_SampleStationCode LIKE ? OR T_SampleStationName LIKE ?) 
-		AND T_SampleStationIsActive = 'Y'
-		AND T_SampleStationID <> ?
-	`
-	err := dbx.Handlex.Get(&count, q, prmCode, prmName, id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("cek duplicate", zap.Any("code", code), zap.Any("name", name))
-		return ret, fmt.Errorf("query failed to cek duplicate")
-	}
-	if count > 0 {
-		defer logger.Sync()
-		logger.Error("duplicate data", zap.Any("code", code), zap.Any("name", name))
-		return ret, fmt.Errorf("duplicate code or name")
-	}
-
-	// update data
-	q = `
-		UPDATE t_samplestation SET 
-			T_SampleStationCode = ?,
-			T_SampleStationName = ?,
-			T_SampleStationIsNonLab = ?,
-			T_SampleStationLastUpdated = NOW(),
-			T_SampleStationLastUpdatedUserID = 1
-		WHERE T_SampleStationID = ?;
-	`
-	updt := dbx.Handlex.MustExec(q, code, name, group, id)
-	_, err = updt.RowsAffected()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("error update data", zap.Any("code", code), zap.Any("name", name), zap.Any("group", group))
-		return ret, fmt.Errorf("query failed to update data")
-	}
-
-	return ss.GetMDSampleStationByID(id)
-}
-
-func (ss *MDSampleStationServices) DeleteMDSampleStation(id string) (models.MDSampleStation, error) {
-	logger, _ := zap.NewProduction()
-	var ret models.MDSampleStation
-
-	q := `
-	UPDATE t_samplestation
-	SET 
-	T_SampleStationIsActive = 'N',
-	T_SampleStationDeleted = NOW(),
-	T_SampleStationDeletedUserID = '1'
-	WHERE T_SampleStationID = ?;
-	`
-	dlt := dbx.Handlex.MustExec(q, id)
-	_, err := dlt.RowsAffected()
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error delete sample station", zap.String("id", id))
-		return ret, fmt.Errorf("query failed")
-	}
-
-	ret, err = ss.GetMDSampleStationByID(id)
-	if err != nil {
-		defer logger.Sync()
-		logger.Error("Error get sample station id", zap.String("id", id))
-		return ret, fmt.Errorf("query failed")
-	}
-
-	return ret, nil
-}
--- a/views/dev/employeeanalytic/employeeanalytic.templ
+++ b/views/dev/employeeanalytic/employeeanalytic.templ
@@ -1,181 +0,0 @@
-package dev_employeeanalytic
-
-import "cpone/layout"
-import "cpone/component/customtextfield"
-import "cpone/models"
-
-templ EmployeeAnalyticScreen(
-    listID string,
-    paginationID string,
-    breadcrumb templ.Component,
-    filtercomponent templ.Component,
-    listingcomponent templ.Component,
-    paginationcomponent templ.Component,
-) {
-    <div class="container-fluid">
-        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "listID",
-            Name: "listID",
-            Type: "hidden",
-            Value: listID})
-        @customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID",
-            Name: "paginationID",
-            Type: "hidden",
-            Value: paginationID})
-        <div class="row align-item-center mb-10">
-            <div class="col-md-10 col-sm-12 p-0">
-                @breadcrumb
-            </div>
-        </div>
-        @filtercomponent
-        <div id="loading-parent" class="rounded">
-            @listingcomponent
-            @paginationcomponent
-            <div id="loading-child" class="rounded bg-transparent">
-                <div id="loading-spinner" class="spinner-border text-primary d-none" style="width: 3rem; height: 3rem;" role="status">
-                    <span class="sr-only">Loading...</span>
-                </div>
-            </div>
-        </div>
-        <div id="loadingcontent"></div>
-    </div>
-}
-
-templ CSSEmployeeAnalytic() {
-    <link
-        rel="stylesheet"
-        href="assets/css/googlefont/poppins.css"
-    />
-    <link 
-        rel="stylesheet"
-        href="assets/css/googlefont/publicsans.css"
-    />
-    <link 
-        rel="stylesheet"
-        href="assets/css/googlefont/roboto.css"
-    />
-    <style>
-        body {
-            background-color: white;
-        }
-        #div-chart {
-            margin: 40px 10vw 40px 10vw;
-        }
-        .title {
-            font-size: 20px;
-            font-weight: bold;
-        }
-        #title {
-            font-weight: 600;
-        }
-    </style>    
-}
-
-templ JSEmployeeAnalytic() {
-	<script>
-		document.addEventListener('htmx:afterSwap', function(event) {
-			// Reinitialize selectpicker after HTMX content swap
-			$('.selectpicker').selectpicker('refresh');
-		});
-    
-        document.addEventListener('htmx:beforeRequest', function(event) {
-            console.log("Before Request")
-			console.log(event.detail.xhr)
-			console.log(event.detail.target)
-            
-        });
-
-        document.addEventListener('htmx:afterRequest', function(event) {
-            console.log("After Request")
-            console.log(event.detail.xhr)
-			console.log(event.detail.target)
-        });
-        document.addEventListener('htmx:historyCacheError', function(event) {
-            console.log("Error History Cache Error")
-            console.log(event.detail.cause)
-			
-        });
-        document.addEventListener('htmx:historyCacheMissError', function(event) {
-            console.log("Error History Cache Miss Error")
-            console.log(event.detail.xhr)
-            console.log(event.detail.path)
-			
-        });
-        document.addEventListener('htmx:oobErrorNoTarget', function(event) {
-            console.log("Error OOB No Target")
-            console.log(event.detail.content)
-        });
-        document.addEventListener('htmx:onLoadError', function(event) {
-            console.log("Error On Load")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log(event.detail.target)
-            console.log(event.detail.exception)
-            console.log(event.detail.requestConfig)
-        });
-        document.addEventListener('htmx:responseError', function(event) {
-            console.log("Error Response")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log(event.detail.requestConfig)
-        });
-        document.addEventListener('htmx:sendError', function(event) {
-            console.log("Error Send Error")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log(event.detail.requestConfig)
-        });
-        document.addEventListener('htmx:sseError', function(event) {
-            console.log("Error Sse ")
-            console.log(event.detail.xhr)
-            console.log(event.detail.error)
-            console.log(event.detail.source)
-        });
-		document.addEventListener('htmx:swapError', function(event) {
-            console.log("Error Swap Error")
-            console.log(event.detail.xhr)
-            console.log(event.detail.elt)
-            console.log("Target Swap: "+event.detail.target)
-            console.log(event.detail.requestConfig)
-        });
-		document.addEventListener('htmx:targetError', function(event) {
-            console.log("Error target")
-            console.log(event.detail.elt)
-            console.log("Target ID: "+event.detail.target)
-        });
-    </script>
-}
-
-script BeforeRequestContent() {
-    const loadingParent = document.getElementById("loading-parent");
-    const loadingChild = document.getElementById("loading-child");
-    const loadingSpinner = document.getElementById("loading-spinner");
-
-    loadingParent.classList.add("overlay");
-    loadingParent.classList.add("overlay-block");
-    loadingChild.classList.add("overlay-layer");
-    loadingSpinner.classList.remove("d-none");
-}
-
-script AfterRequestContent() {
-    const loadingParent = document.getElementById("loading-parent");
-    const loadingChild = document.getElementById("loading-child");
-    const loadingSpinner = document.getElementById("loading-spinner");
-
-    loadingParent.classList.remove("overlay");
-    loadingParent.classList.remove("overlay-block");
-    loadingChild.classList.remove("overlay-layer");
-    loadingSpinner.classList.add("d-none");    
-}
-
-templ ShowEmployeeAnalytic(
-    title string,
-    cmp templ.Component,
-    css templ.Component,
-    js templ.Component,
-    navbaruser templ.Component,
-    userprofile templ.Component,
-) {
-    @layout.EmployeeAnalyticLayout(title, css, js, navbaruser, userprofile) {
-        @cmp
-    }
-}
--- a/views/dev/employeeanalytic/employeeanalytic_templ.go
+++ b/views/dev/employeeanalytic/employeeanalytic_templ.go
@@ -1,220 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.2.663
-package dev_employeeanalytic
-
-//lint:file-ignore SA4006 This context is only used if a nested component is present.
-
-import "github.com/a-h/templ"
-import "context"
-import "io"
-import "bytes"
-
-import "cpone/layout"
-import "cpone/component/customtextfield"
-import "cpone/models"
-
-func EmployeeAnalyticScreen(
-	listID string,
-	paginationID string,
-	breadcrumb templ.Component,
-	filtercomponent templ.Component,
-	listingcomponent templ.Component,
-	paginationcomponent templ.Component,
-) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var1 == nil {
-			templ_7745c5c3_Var1 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"container-fluid\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "listID",
-			Name:  "listID",
-			Type:  "hidden",
-			Value: listID}).Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID",
-			Name:  "paginationID",
-			Type:  "hidden",
-			Value: paginationID}).Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row align-item-center mb-10\"><div class=\"col-md-10 col-sm-12 p-0\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = breadcrumb.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = filtercomponent.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"loading-parent\" class=\"rounded\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = listingcomponent.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = paginationcomponent.Render(ctx, templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"loading-child\" class=\"rounded bg-transparent\"><div id=\"loading-spinner\" class=\"spinner-border text-primary d-none\" style=\"width: 3rem; height: 3rem;\" role=\"status\"><span class=\"sr-only\">Loading...</span></div></div></div><div id=\"loadingcontent\"></div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func CSSEmployeeAnalytic() templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var2 == nil {
-			templ_7745c5c3_Var2 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><style>\r\n        body {\r\n            background-color: white;\r\n        }\r\n        #div-chart {\r\n            margin: 40px 10vw 40px 10vw;\r\n        }\r\n        .title {\r\n            font-size: 20px;\r\n            font-weight: bold;\r\n        }\r\n        #title {\r\n            font-weight: 600;\r\n        }\r\n    </style>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func JSEmployeeAnalytic() templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var3 == nil {
-			templ_7745c5c3_Var3 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<script>\r\n\t\tdocument.addEventListener('htmx:afterSwap', function(event) {\r\n\t\t\t// Reinitialize selectpicker after HTMX content swap\r\n\t\t\t$('.selectpicker').selectpicker('refresh');\r\n\t\t});\r\n    \r\n        document.addEventListener('htmx:beforeRequest', function(event) {\r\n            console.log(\"Before Request\")\r\n\t\t\tconsole.log(event.detail.xhr)\r\n\t\t\tconsole.log(event.detail.target)\r\n            \r\n        });\r\n\r\n        document.addEventListener('htmx:afterRequest', function(event) {\r\n            console.log(\"After Request\")\r\n            console.log(event.detail.xhr)\r\n\t\t\tconsole.log(event.detail.target)\r\n        });\r\n        document.addEventListener('htmx:historyCacheError', function(event) {\r\n            console.log(\"Error History Cache Error\")\r\n            console.log(event.detail.cause)\r\n\t\t\t\r\n        });\r\n        document.addEventListener('htmx:historyCacheMissError', function(event) {\r\n            console.log(\"Error History Cache Miss Error\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.path)\r\n\t\t\t\r\n        });\r\n        document.addEventListener('htmx:oobErrorNoTarget', function(event) {\r\n            console.log(\"Error OOB No Target\")\r\n            console.log(event.detail.content)\r\n        });\r\n        document.addEventListener('htmx:onLoadError', function(event) {\r\n            console.log(\"Error On Load\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(event.detail.target)\r\n            console.log(event.detail.exception)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n        document.addEventListener('htmx:responseError', function(event) {\r\n            console.log(\"Error Response\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n        document.addEventListener('htmx:sendError', function(event) {\r\n            console.log(\"Error Send Error\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n        document.addEventListener('htmx:sseError', function(event) {\r\n            console.log(\"Error Sse \")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.error)\r\n            console.log(event.detail.source)\r\n        });\r\n\t\tdocument.addEventListener('htmx:swapError', function(event) {\r\n            console.log(\"Error Swap Error\")\r\n            console.log(event.detail.xhr)\r\n            console.log(event.detail.elt)\r\n            console.log(\"Target Swap: \"+event.detail.target)\r\n            console.log(event.detail.requestConfig)\r\n        });\r\n\t\tdocument.addEventListener('htmx:targetError', function(event) {\r\n            console.log(\"Error target\")\r\n            console.log(event.detail.elt)\r\n            console.log(\"Target ID: \"+event.detail.target)\r\n        });\r\n    </script>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func BeforeRequestContent() templ.ComponentScript {
-	return templ.ComponentScript{
-		Name: `__templ_BeforeRequestContent_5717`,
-		Function: `function __templ_BeforeRequestContent_5717(){const loadingParent = document.getElementById("loading-parent");
-    const loadingChild = document.getElementById("loading-child");
-    const loadingSpinner = document.getElementById("loading-spinner");
-
-    loadingParent.classList.add("overlay");
-    loadingParent.classList.add("overlay-block");
-    loadingChild.classList.add("overlay-layer");
-    loadingSpinner.classList.remove("d-none");
-}`,
-		Call:       templ.SafeScript(`__templ_BeforeRequestContent_5717`),
-		CallInline: templ.SafeScriptInline(`__templ_BeforeRequestContent_5717`),
-	}
-}
-
-func AfterRequestContent() templ.ComponentScript {
-	return templ.ComponentScript{
-		Name: `__templ_AfterRequestContent_848c`,
-		Function: `function __templ_AfterRequestContent_848c(){const loadingParent = document.getElementById("loading-parent");
-    const loadingChild = document.getElementById("loading-child");
-    const loadingSpinner = document.getElementById("loading-spinner");
-
-    loadingParent.classList.remove("overlay");
-    loadingParent.classList.remove("overlay-block");
-    loadingChild.classList.remove("overlay-layer");
-    loadingSpinner.classList.add("d-none");    
-}`,
-		Call:       templ.SafeScript(`__templ_AfterRequestContent_848c`),
-		CallInline: templ.SafeScriptInline(`__templ_AfterRequestContent_848c`),
-	}
-}
-
-func ShowEmployeeAnalytic(
-	title string,
-	cmp templ.Component,
-	css templ.Component,
-	js templ.Component,
-	navbaruser templ.Component,
-	userprofile templ.Component,
-) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var4 == nil {
-			templ_7745c5c3_Var4 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-			if !templ_7745c5c3_IsBuffer {
-				templ_7745c5c3_Buffer = templ.GetBuffer()
-				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-			}
-			templ_7745c5c3_Err = cmp.Render(ctx, templ_7745c5c3_Buffer)
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-			if !templ_7745c5c3_IsBuffer {
-				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
-			}
-			return templ_7745c5c3_Err
-		})
-		templ_7745c5c3_Err = layout.EmployeeAnalyticLayout(title, css, js, navbaruser, userprofile).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
--- a/views/dev/employeeanalytic/filteremployeeanalytic.templ
+++ b/views/dev/employeeanalytic/filteremployeeanalytic.templ
@@ -1,68 +0,0 @@
-package dev_employeeanalytic
-
-templ FilterListing(
-    hxGet string,
-    hxTrigger string,
-    hxInclude string,
-    hxSwap string,
-    hxTarget string,
-    hxBeforeRequest templ.ComponentScript,
-    hxAfterRequest templ.ComponentScript,
-) {
-    <div class="row pt-8 align-items-center">
-        <div class="col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2">
-            <label class="text-black font-weight-bolder">Stard Date:</label>
-        </div>
-        <div class="col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2">
-            <input 
-                id="startdateID" 
-                name="startdate"
-                class="form-control form-control-lg bg-field border-0 rounded-lg" 
-                type="date" 
-                autocomplete="off"
-                hx-get={ hxGet }
-                hx-trigger={ hxTrigger }
-                hx-include={ hxInclude }
-                hx-swap={ hxSwap }
-                hx-target={ hxTarget }
-                hx-on::before-request={ hxBeforeRequest }
-                hx-on::after-request={ hxAfterRequest }
-            />
-        </div>
-        <div class="col-12 col-sm-3 col-md-1 col-lg-1 col-xl-1 mb-2">
-            <label class="text-black font-weight-bolder">End Date:</label>
-        </div>
-        <div class="col-12 col-sm-9 col-md-2 col-lg-2 col-xl-2 mb-2">
-            <input 
-                id="enddateID"
-                name="enddate"
-                class="form-control form-control-lg bg-field border-0 rounded-lg" 
-                type="date" 
-                autocomplete="off"
-                hx-get={ hxGet }
-                hx-trigger={ hxTrigger }
-                hx-include={ hxInclude }
-                hx-swap={ hxSwap }
-                hx-target={ hxTarget }
-                hx-on::before-request={ hxBeforeRequest }
-                hx-on::after-request={ hxAfterRequest }
-            />
-        </div>
-        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mb-2">
-            <input 
-                id="searchID"
-                name="search"
-                class="form-control form-control-lg bg-field border-0 rounded-lg"
-                type="text"
-                placeholder="nama karyawan"
-                hx-get={ hxGet }
-                hx-trigger={ hxTrigger }
-                hx-include={ hxInclude }
-                hx-swap={ hxSwap }
-                hx-target={ hxTarget }
-                hx-on::before-request={ hxBeforeRequest }
-                hx-on::after-request={ hxAfterRequest }
-            />
-        </div>
-    </div>
-}
--- a/views/dev/employeeanalytic/listingemployeeanalytic.templ
+++ b/views/dev/employeeanalytic/listingemployeeanalytic.templ
@@ -1,41 +0,0 @@
-package dev_employeeanalytic
-
-import "cpone/models"
-import "strconv"
-
-templ ListingData(
-    data []models.EmployeeAnalytic,
-    listID string,
-) {
-    <div id={listID} class="align-items-center pt-8 flex-column" hx-swap-oob="true">
-        <div class="bg-field rounded">
-            <div class="p-8">
-                for i, d := range data {
-                    if i == (len(data) - 1)  {
-                        <div id={ strconv.Itoa(int(d.Mgm_McuID)) } class="card shadow p-8">
-                            @ItemCard(d)
-                        </div>
-                    } else {
-                        <div id={ strconv.Itoa(int(d.Mgm_McuID)) } class="card shadow p-8 mb-8">
-                            @ItemCard(d)
-                        </div>        
-                    }
-                }
-            </div>
-        </div>
-    </div>
-}
-
-templ ItemCard(data models.EmployeeAnalytic) {
-    <div class="row d-flex align-items-center">
-        <div class="col-7">
-            <h3 class="text-black">{ data.Mgm_McuLabel }</h3>
-        </div>
-        <div class="col-md col-lg text-right">
-            <span class="text-black font-weight-bolder">{ data.Mgm_McuNote }</span>
-        </div>
-        <div class="col-md col-lg text-right">
-            <span class="text-black font-weight-bolder">{ data.Mgm_McuStartDate } - { data.Mgm_McuEndDate }</span>
-        </div>
-    </div>    
-}
--- a/views/dev/employeeanalytic/listingemployeeanalytic_templ.go
+++ b/views/dev/employeeanalytic/listingemployeeanalytic_templ.go
@@ -1,189 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.2.663
-package dev_employeeanalytic
-
-//lint:file-ignore SA4006 This context is only used if a nested component is present.
-
-import "github.com/a-h/templ"
-import "context"
-import "io"
-import "bytes"
-
-import "cpone/models"
-import "strconv"
-
-func ListingData(
-	data []models.EmployeeAnalytic,
-	listID string,
-) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var1 == nil {
-			templ_7745c5c3_Var1 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var2 string
-		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(listID)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\listingemployeeanalytic.templ`, Line: 10, Col: 19}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"align-items-center pt-8 flex-column\" hx-swap-oob=\"true\"><div class=\"bg-field rounded\"><div class=\"p-8\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		for i, d := range data {
-			if i == (len(data) - 1) {
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				var templ_7745c5c3_Var3 string
-				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(int(d.Mgm_McuID)))
-				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\listingemployeeanalytic.templ`, Line: 15, Col: 64}
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"card shadow p-8\">")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				templ_7745c5c3_Err = ItemCard(d).Render(ctx, templ_7745c5c3_Buffer)
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-			} else {
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				var templ_7745c5c3_Var4 string
-				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(int(d.Mgm_McuID)))
-				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\listingemployeeanalytic.templ`, Line: 19, Col: 64}
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"card shadow p-8 mb-8\">")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				templ_7745c5c3_Err = ItemCard(d).Render(ctx, templ_7745c5c3_Buffer)
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
-				if templ_7745c5c3_Err != nil {
-					return templ_7745c5c3_Err
-				}
-			}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
-
-func ItemCard(data models.EmployeeAnalytic) templ.Component {
-	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
-		if !templ_7745c5c3_IsBuffer {
-			templ_7745c5c3_Buffer = templ.GetBuffer()
-			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var5 == nil {
-			templ_7745c5c3_Var5 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"row d-flex align-items-center\"><div class=\"col-7\"><h3 class=\"text-black\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var6 string
-		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuLabel)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\listingemployeeanalytic.templ`, Line: 32, Col: 54}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h3></div><div class=\"col-md col-lg text-right\"><span class=\"text-black font-weight-bolder\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var7 string
-		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuNote)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\listingemployeeanalytic.templ`, Line: 35, Col: 74}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></div><div class=\"col-md col-lg text-right\"><span class=\"text-black font-weight-bolder\">")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var8 string
-		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuStartDate)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\listingemployeeanalytic.templ`, Line: 38, Col: 79}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" - ")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var9 string
-		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(data.Mgm_McuEndDate)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\dev\employeeanalytic\listingemployeeanalytic.templ`, Line: 38, Col: 105}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></div></div>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		if !templ_7745c5c3_IsBuffer {
-			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
-		}
-		return templ_7745c5c3_Err
-	})
-}
--- a/views/dev/groupresult/groupresult.templ
+++ b/views/dev/groupresult/groupresult.templ
@@ -1,388 +0,0 @@
-package groupresult
-
-import (
-	"cpone/layout"
-	"cpone/models"
-	"cpone/component/modal"
-	"strconv"
-	"cpone/component/table"
-	"cpone/component/customtextfield"
-)
-
-// "cpone/component/sidebar_user_profile"
-templ ContentGroupResultV1(
-	tableID string,
-	paginationID string,
-	searchID string,
-	dialogAddID string,
-	dialogAddBodyID string,
-	dialogEditID string,
-	dialogEditBodyID string,
-	dialogDeleteID string,
-	dialogDeleteBodyID string,
-	breadcrumb templ.Component,
-	tablecontent templ.Component,
-	filter templ.Component,
-	paginationGroupResult templ.Component,
-	modaladdform templ.Component,
-	modalEditform templ.Component,
-	modalDeleteform templ.Component,
-) {
-	<div class="container-fluid">
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "tableID",
-			Name:  "tableID",
-			Type:  "hidden",
-			Value: tableID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "paginationID",
-			Name:  "paginationID",
-			Type:  "hidden",
-			Value: paginationID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "searchID",
-			Name:  "searchID",
-			Type:  "hidden",
-			Value: searchID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogAddID",
-			Name:  "dialogAddID",
-			Type:  "hidden",
-			Value: dialogAddID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogAddBodyID",
-			Name:  "dialogAddBodyID",
-			Type:  "hidden",
-			Value: dialogAddBodyID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogEditID",
-			Name:  "dialogEditID",
-			Type:  "hidden",
-			Value: dialogEditID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogEditBodyID",
-			Name:  "dialogEditBodyID",
-			Type:  "hidden",
-			Value: dialogEditBodyID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogDeleteID",
-			Name:  "dialogDeleteID",
-			Type:  "hidden",
-			Value: dialogDeleteID})
-		@customtextfield.CustomTextFieldv2(models.CustomTextFieldv2Prm{ID: "dialogDeleteBodyID",
-			Name:  "dialogDeleteBodyID",
-			Type:  "hidden",
-			Value: dialogDeleteBodyID})
-		<div class="row align-items-center mb-10">
-			<div class="col-md-10 col-sm-12 p-0 ">
-				@breadcrumb
-			</div>
-			<div class="col-md-2 d-none d-lg-block d-xl-block d-md-block d-sm-none">
-				// <div class="d-block align-items-center">
-				<div class="d-flex justify-content-end">
-					<button
-						type="button"
-						class="btn btn-primary"
-						data-toggle="modal"
-						data-target={ "#" + dialogAddID }
-					>Add New</button>
-				</div>
-			</div>
-			<div class="col-md-2 d-block d-lg-none d-xl-none d-md-none d-sm-block justify-content-center px-5">
-				<button
-					type="button"
-					class="btn btn-primary btn-block"
-					data-toggle="modal"
-					data-target={ "#" + dialogAddID }
-				>Add New</button>
-			</div>
-		</div>
-		@filter
-		// table content
-		@tablecontent
-		@paginationGroupResult
-		<div class="d-flex justify-content-center text-primary">
-			<div class="htmx-indicator spinner-border text-primary" role="status" id="indicator">
-				<span class="sr-only"></span>
-			</div>
-		</div>
-		// hx-on::after-request="showtoast()"
-		// hx-on::reponse-error="cobaerror()"
-		// hx-on::send-error="cobaerror()"
-		@modaladdform
-		@modalEditform
-		@modalDeleteform
-		// @modalcomponent.Modal("dialogEdit", "Edit - User Group", DialogEditBody("", ""), DialogEditAction(), BtnCloseNew())
-		@JSkuGroupResultV1()
-	</div>
-}
-
-templ TableRowGroupResultV1(data []models.GroupResult,
-	hxGetEdit string,
-	hxTargetEdit string,
-	hxSwapEdit string,
-	hxIncludeEdit string,
-	hxGetDelete string,
-	hxTargetDelete string,
-	hxSwapDelete string,
-	hxIncludeDelete string) {
-	if len(data) == 0 {
-		<tr>
-			<td colspan="3" class="text-center">Data Tidak Ditemukan</td>
-		</tr>
-	}
-	for _, v := range data {
-		<tr>
-			<td>{ v.Group_ResultName }</td>
-			<td>{ v.Group_ResultFlagPerTest }</td>
-			<td>{ v.Group_ResultFlagNonLab }</td>
-			<td>{ v.Group_ResultResumeMcu }</td>
-			<td>
-				@TableAction(v.Group_ResultID, hxGetEdit, hxTargetEdit, hxSwapEdit, hxIncludeEdit, hxGetDelete, hxTargetDelete, hxSwapDelete, hxIncludeDelete)
-			</td>
-		</tr>
-	}
-}
-
-templ TableAction(
-	id int,
-	hxGetEdit string,
-	hxTargetEdit string,
-	hxSwapEdit string,
-	hxIncludeEdit string,
-	hxGetDelete string,
-	hxTargetDelete string,
-	hxSwapDelete string,
-	hxIncludeDelete string,
-) {
-	<div class="row px-5 d-flex justify-content-around">
-		<a
-			id="btneditug"
-			type="button"
-			class="btneditug col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2"
-			hx-get={ hxGetEdit + "?id=" + strconv.Itoa(id) }
-			hx-target={ hxTargetEdit }
-			hx-swap={ hxSwapEdit }
-			hx-include={ hxIncludeEdit }
-		>
-			// { "/dev/usergroupshoweditform?id=" + strconv.Itoa(v.M_UserGroupID) }
-			// data-toggle="modal"
-			// data-target={ "#dialogEdit" + strconv.Itoa(v.M_UserGroupID) }
-			Edit
-		</a>
-		<a
-			id="btndeleteug"
-			type="button"
-			class=" btndeleteug col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2"
-			hx-get={ hxGetDelete + "?id=" + strconv.Itoa(id) }
-			hx-target={ hxTargetDelete }
-			hx-swap={ hxSwapDelete }
-			hx-include={ hxIncludeDelete }
-		>
-			// hx-get={ "/dev/usergroupshowdeleteform?id=" + strconv.Itoa(v.M_UserGroupID) }
-			// data-toggle="modal"
-			// data-target={ "#dialogDelete" + strconv.Itoa(v.M_UserGroupID) }
-			Hapus
-		</a>
-	</div>
-}
-
-templ DialogDeleteGroupResultActionV1() {
-	<div>
-		<button
-			type="button"
-			class="btn btn-outline-secondary font-weight-bolder rounded-lg mr-4"
-			data-dismiss="modal"
-		>
-			Batal
-		</button>
-		<button
-			type="button"
-			class="btn btn-primary btn-shadow font-weight-bold rounded-lg"
-		>
-			Yakin
-		</button>
-	</div>
-}
-
-templ BtnCloseDeleteGroupResultV1() {
-	<button
-		type="button"
-		class="close"
-		data-dismiss="modal"
-		aria-label="Close"
-	>
-		<i aria-hidden="true" class="ki ki-close"></i>
-	</button>
-}
-
-templ JSkuGroupResultV1() {
-	<script>
-		 function ShowLoading(evt) {
-        document
-          .getElementById("modalLoadEdit")
-          .setAttribute("style", "display:block !important;");
-        document
-          .getElementById("modalbdyEdit")
-          .setAttribute("style", "display:none !important;");
-		  console.log(evt);
-      }
-      function ShowForm() {
-        document
-          .getElementById("modalLoadEdit")
-          .setAttribute("style", "display:none !important;");
-        document
-          .getElementById("modalbdyEdit")
-          .setAttribute("style", "display:block !important;;");
-      }
-	</script>
-}
-
-templ CssMasterGroupResultV1x() {
-	<link
-		rel="stylesheet"
-		href="assets/css/googlefont/poppins.css"
-	/>
-	<link
-		rel="stylesheet"
-		href="assets/css/googlefont/publicsans.css"
-	/>
-	<link
-		rel="stylesheet"
-		href="assets/css/googlefont/roboto.css"
-	/>
-	<style>
-    body {
-      background-color: white;
-      /* padding-right: 100px;
-            padding-left: 100px; */
-    }
-    #div-chart {
-        /* overflow-x: scroll; */
-        margin: 40px 10vw 40px 10vw;
-    }
-    .title {
-        font-size:20px;
-        font-weight: bold;
-    }
-    #title {
-        font-weight: 600;
-    }
-	.dropdown-menu{
-		transform: translate3d(0px, 35px, 0px)!important;
-	}
-</style>
-}
-
-// for item dropdown
-templ ItemDropdown(dataDropdown []models.GroupResultResumeMcu, selectedId int) {
-	if len(dataDropdown) == 0 {
-		<option value="0" disabled selected>Tidak Ada Data</option>
-	} else {
-		for _, v := range dataDropdown {
-			if (selectedId == v.ID) {
-				<option value={ strconv.Itoa(v.ID) } selected>{ v.Text }</option>
-			} else {
-				<option value={ strconv.Itoa(v.ID) }>{ v.Text }</option>
-			}
-		}
-	}
-}
-
-// for empty div
-templ EmptyDiv1() {
-	<div></div>
-}
-
-templ ShowGroupResultV1x(title string, cmp templ.Component, css templ.Component, js templ.Component,
-	navbarmenu templ.Component,
-	navbaruser templ.Component,
-	userprofile templ.Component) {
-	@layout.CorporateLayout(title, css, js, navbarmenu, navbaruser, userprofile) {
-		@cmp
-	}
-}
-
-// table
-templ TableGroupResult(data []models.GroupResult, tableID string,
-	hxGetEdit string,
-	hxTargetEdit string,
-	hxSwapEdit string,
-	hxIncludeEdit string,
-	hxGetDelete string,
-	hxTargetDelete string,
-	hxSwapDelete string,
-	hxIncludeDelete string) {
-	<div id={ tableID } hx-swap-oob="true">
-		@tablecomponent.TableV3([]string{"GROUP RESULT NAME", "RESULT FLAG PER TEST", "RESULT FLAG NON LAB", "RESULT RESUME MCU", "AKSI"},
-			[]string{"20%", "20%", "20%", "20%", "20%"},
-			TableRowGroupResultV1(data, hxGetEdit, hxTargetEdit, hxSwapEdit, hxIncludeEdit, hxGetDelete, hxTargetDelete, hxSwapDelete, hxIncludeDelete))
-	</div>
-}
-
-templ SwapTableGroupResult(pagination templ.Component, table templ.Component) {
-	@pagination
-	@table
-}
-
-templ GroupResultForm(data models.GroupResultFormComponent) {
-	<div class="">
-		<form
-			id={ data.IDComponent }
-			hx-post={ data.Link }
-			class="form"
-			hx-target={ data.HxTarget }
-			hx-swap={ data.HxSwap }
-			hx-include={ data.HxInclude }
-			hx-on::before-request={ HandleFormBeforeRequest() }
-			hx-on::after-request={ HandleFormAfterRequest() }
-		>
-			@modalcomponent.Modal(data.ModalID,
-				data.ModalTitle,
-				data.DialogBody,
-				data.DialogAction,
-				data.ButtonCLose)
-		</form>
-	</div>
-}
-
-script HandleFormBeforeRequest() {
-	console.log("handle disable btn add");
-	const boxes = document.querySelectorAll('.btnaddact');
-
-	for (let i = 0; i < boxes.length; i++) {
-		boxes[i].setAttribute('disabled', 'true');
-		
-	}
-}
-
-script HandleFormAfterRequest() {
-	console.log("handle enable btn add");
-
-	const boxes = document.querySelectorAll('.btnaddact');
-
-	for (let i = 0; i < boxes.length; i++) {
-			boxes[i].removeAttribute('disabled');
-		
-	}
-}
-
-templ DeleteConfirmationBody(inputId models.CustomTextFieldv2Prm,
-	componentID string,
-	message string,
-	datHeader []string,
-	dataText []string,
-	hxOnLoad templ.ComponentScript) {
-	<div id={ componentID } hx-on::load={ hxOnLoad }>
-		<p>{ message }</p>
-		<div class="card rounded-lg">
-			<div class="card-body d-flex flex-row">
-				<div class="d-flex flex-column">
-					for _, v := range datHeader {
-						<div class="mb-1 mt-1 text-disabled font-weight-bold mr-5">{ v }</div>
-					}
-				</div>
-				<div class="d-flex flex-column ">
-					for _, v := range dataText {
-						<div class="mb-1 mt-1 font-weight-bold">
-							{ v }
-						</div>
-					}
-				</div>
-			</div>
-		</div>
-		@customtextfield.CustomTextFieldv2(inputId)
-	</div>
-}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
sindhu	875bf744ce	step 5 : proses show delete & proses delete ke database	2024-05-27 15:53:06 +07:00
sindhu	29220fa451	step 4 : proses show edit form & edit data	2024-05-27 14:50:27 +07:00
sindhu	c3dc529747	step 3 : proses add data	2024-05-27 14:02:53 +07:00
sindhu	dd29b169ae	step 2 : close add form	2024-05-27 13:19:48 +07:00
sindhu	98f698821c	step 1 : initial, loading search and pagination	2024-05-27 12:14:07 +07:00