coba pagination

Merge branch 'andy/table' of https://devone.aplikasi.web.id/gitea/andy/corporate_portal_westerindo into andy/table
coba pagination
2024-05-14 09:01:27 +07:00 · 2024-05-13 14:41:22 +07:00 · 2024-05-13 14:39:06 +07:00 · 2024-05-13 14:35:40 +07:00 · 2024-05-13 14:23:26 +07:00 · 2024-05-13 14:22:58 +07:00
226 changed files with 14517 additions and 2313 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 tmp
-bin
+bin
+config.yaml
--- a/assets/andy/usergroup.html
+++ b/assets/andy/usergroup.html
@@ -0,0 +1,336 @@
+<!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"
+    />
+  </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"
+  >
+    <!--begin::Main-->
+    <div class="p-10 bg-white">
+      <table class="table table-hover table-borderless">
+        <thead>
+          <tr class="rounded-lg bg-header-table">
+            <th scope="col" width="20%">KODE</th>
+            <th scope="col" width="25%">USERGROUP</th>
+            <th scope="col" width="10%">AKSI</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>001</td>
+            <td>Admin</td>
+            <td>
+              <div class="row px-5 d-flex justify-content-around">
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2"
+                >
+                  Edit
+                </button>
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2"
+                >
+                  Hapus
+                </button>
+              </div>
+            </td>
+          </tr>
+          <tr>
+            <td>002</td>
+            <td>Tes</td>
+            <td>
+              <div class="row px-5 d-flex justify-content-around">
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-tosca mb-2"
+                  data-toggle="modal"
+                  data-target="#exampleModal"
+                >
+                  Edit
+                </button>
+                <button
+                  type="button"
+                  class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5 btn btn-light-danger mb-2"
+                  data-toggle="modal"
+                  data-target="#exampleModal2"
+                >
+                  Hapus
+                </button>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <div></div>
+    <!-- Button trigger modal -->
+    <button
+      type="button"
+      class="btn btn-primary"
+      data-toggle="modal"
+      data-target="#exampleModal"
+    >
+      Launch demo modal
+    </button>
+
+    <!-- Modal -->
+    <div
+      class="modal fade"
+      id="exampleModal"
+      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">
+            <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+            <button
+              type="button"
+              class="close"
+              data-dismiss="modal"
+              aria-label="Close"
+            >
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body border-bottom-0">
+            <p>Apakah anda yakin menghapus user group berikut ?</p>
+            <div class="card rounded-lg">
+              <div class="card-body d-flex flex-row">
+                <div class="d-flex flex-column flex-fill">
+                  <div class="mb-3 text-disabled font-weight-bold">asas</div>
+                  <div class="mb-3 text-disabled">b</div>
+                </div>
+                <div class="d-flex flex-column flex-fill">
+                  <div class="mb-3 font-weight-bold">
+                    d daf;k sa;d sa;ldk s;adj;sads[oai sadksa[ d[
+                  </div>
+                  <div class="mb-3">c</div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="modal-footer border-top-0">
+            <button
+              type="button"
+              class="btn btn-secondary"
+              data-dismiss="modal"
+            >
+              Close
+            </button>
+            <button type="button" class="btn btn-primary">Save changes</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="modal fade modal-list-print"
+      id="exampleModalSizeLg"
+      tabindex="-1"
+      role="dialog"
+      data-backdrop="static"
+      aria-labelledby="exampleModalSizeLg"
+      aria-hidden="true"
+    ></div>
+    <!-- Modal-->
+    <div
+      class="modal fade"
+      id="exampleModal"
+      tabindex="-1"
+      role="dialog"
+      data-backdrop="static"
+      aria-labelledby="exampleModalLabel"
+      aria-hidden="true"
+    >
+      <div class="modal-dialog" role="document">
+        <div class="modal-content rounded-lg">
+          <div class="modal-header border-bottom-0">
+            <h6 class="modal-title text-black" id="exampleModalLabel">
+              Modal Title dsf
+            </h6>
+            <button
+              type="button"
+              class="close"
+              data-dismiss="modal"
+              aria-label="Close"
+            >
+              <i aria-hidden="true" class="ki ki-close"></i>
+            </button>
+          </div>
+          <div class="modal-body border-bottom-0">
+            ...
+          </div>
+          <div class="modal-footer border-top-0">
+            <button
+              type="button"
+              class="btn btn-outline-secondary font-weight-bold rounded-lg"
+              data-dismiss="modal"
+            >
+              Close
+            </button>
+            <button
+              type="button"
+              class="btn btn-primary btn-shadow font-weight-bold rounded-lg"
+            >
+              Save changes
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div
+      class="modal fade"
+      id="exampleModal2"
+      tabindex="-1"
+      role="dialog"
+      data-backdrop="static"
+      aria-labelledby="exampleModalLabel"
+      aria-hidden="true"
+    >
+      <div class="modal-dialog" role="document">
+        <div class="modal-content rounded-lg bg-danger">
+          <div class="modal-header">
+            <h5 class="modal-title" id="exampleModalLabel">Modal Title</h5>
+            <button
+              type="button"
+              class="close"
+              data-dismiss="modal"
+              aria-label="Close"
+            >
+              <i aria-hidden="true" class="ki ki-close"></i>
+            </button>
+          </div>
+          <div class="modal-body">
+            ...
+          </div>
+          <div class="modal-footer">
+            <button
+              type="button"
+              class="btn btn-light-primary font-weight-bold"
+              data-dismiss="modal"
+            >
+              Close
+            </button>
+            <button type="button" class="btn btn-primary font-weight-bold">
+              Save changes
+            </button>
+          </div>
+        </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>
+      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;;");
+      }
+    </script>
+    <!--end::Global Theme Bundle-->
+
+    <!--end::Page Scripts-->
+  </body>
+  <!--end::Body-->
+</html>
--- a/assets/asset-corporate-portal/css/sas.bundle.css
+++ b/assets/asset-corporate-portal/css/sas.bundle.css
--- a/assets/asset-corporate-portal/js/ktappsetting.js
+++ b/assets/asset-corporate-portal/js/ktappsetting.js
@@ -0,0 +1,58 @@
+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",
+};
--- a/assets/sindhu/catatan_inputan.txt
+++ b/assets/sindhu/catatan_inputan.txt
@@ -0,0 +1,5 @@
+// Example Custom Text Field
+@customtextfield.MainCustomTextField("Kode", "kode", "Kode", "text")
+
+// Example Active Search
+@customtextfieldsearch.MainCustomTextFieldSearch("pid", "PID / Nama","text","/search", "", "input changed delay:500ms, search", ".htmx-indicator")
--- a/assets/sindhu/cobasearch.html
+++ b/assets/sindhu/cobasearch.html
@@ -1,432 +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>Westerindo</title>
-    <meta name="description" content="Updates and statistics" />
-    <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"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Public Sans:300,400,500,600,700"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700"
-    />
-    <!--end::Fonts-->
-
-    <!--begin::Page Vendors Styles(used by this page)-->
-    <link
-      href="assets/plugins/custom/fullcalendar/fullcalendar.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <!--end::Page Vendors 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"
-    />
-    <!-- <link href="asset-corporate-portal/media/landingpage/" rel="stylesheet" type="text/css" /> -->
-    <!--end::Layout Themes-->
-
-    <link rel="shortcut icon" href="assets/media/logos/favicon.ico" />
-    <link
-      href=" https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-
-    <script src="//code.iconify.design/1/1.0.6/iconify.min.js"></script>
-
-    <!-- CUSTOM BUNDLE CSS -->
-    <link
-      href="asset-corporate-portal/css/sas.bundle.css"
-      rel="stylesheet"
-      type="text/css"
-    />
-    <style>
-      body {
-        background-color: white;
-        /* padding-right: 100px;
-            padding-left: 100px; */
-      }
-
-      .navbar-lp {
-        padding-top: 40px;
-        padding-bottom: 40px;
-      }
-
-      .jumbotron-lp {
-        border-radius: 32px;
-        /* background: #3B4F9F; */
-      }
-
-      .title {
-        /* color: #FFF; */
-        font-family: Poppins;
-        font-size: 15px;
-        /* font-size: 1vw; */
-        font-style: normal;
-        font-weight: 700;
-      }
-
-      .title-jumbotron {
-        /* color: #FFF; */
-        font-family: Poppins;
-        font-size: 52px;
-        /* font-size: 3vw; */
-        font-style: normal;
-        font-weight: 600;
-      }
-
-      .sub-title-jumbotron {
-        /* color: #FFF; */
-        font-family: Poppins;
-        font-size: 16px;
-        /* font-size: 1vw; */
-        font-style: normal;
-        font-weight: 400;
-      }
-
-      .btn-login {
-        border-radius: 40px;
-        /* background-color: #3B4F9F; */
-        box-shadow: 0px 8px 16px 0px rgba(59, 79, 159, 0.24);
-      }
-
-      .title-get-started {
-        /* color: #0C518C; */
-        font-family: Poppins;
-        font-size: 20px;
-        /* font-size: 1vw; */
-        font-style: normal;
-        font-weight: 700;
-      }
-
-      .custom-button-get-started {
-        border-radius: 40px;
-        /* background-color: #FFF; */
-        box-shadow: 0px 8px 16px 0px rgba(12, 81, 140, 0.24);
-        padding: 20px;
-        margin-top: 44px;
-        justify-content: center;
-        align-items: center;
-        width: 242px;
-      }
-
-      .title-section {
-        /* color: #000; */
-        font-family: Poppins;
-        font-size: 40px;
-        /* font-size: 3vw; */
-        font-style: normal;
-        font-weight: 600;
-        line-height: 80px;
-        margin-bottom: 16px;
-      }
-
-      .sub-title-section {
-        /* color: #212B36; */
-        font-family: Poppins;
-        font-size: 20px;
-        /* font-size: 1.5vw; */
-        font-style: normal;
-        font-weight: 400;
-        line-height: 36px;
-      }
-
-      .custom-card-lp {
-        border-radius: 24px;
-        border: 1px solid #d9d9d9;
-        margin-top: 40px;
-      }
-
-      .title-fs-20 {
-        /* color: #0E1E28; */
-        font-family: Poppins;
-        font-size: 20px;
-        /* font-size: 1.5vw; */
-        font-style: normal;
-        /* font-weight: 500; */
-        line-height: 36px;
-      }
-
-      .sub-title-fs-12 {
-        /* color: #0E1E28; */
-        font-family: Poppins;
-        font-size: 12px;
-        /* font-size: 0.9vw; */
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px;
-        margin-bottom: 16px;
-      }
-
-      .icon-container {
-        display: inline-block;
-        border-radius: 8px;
-        margin-bottom: 16px;
-        width: 40px;
-        height: 40px;
-        text-align: center;
-        line-height: 40px;
-      }
-
-      .link-learn-more {
-        /* color: #3B4F9F; */
-        font-family: Poppins;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: normal;
-        text-decoration: none;
-      }
-
-      .wrapper-custom {
-        /* background: #1B1D1F; */
-        padding-left: 10vw;
-        padding-right: 10vw;
-      }
-
-      .media-left-icon {
-        width: 40px;
-        height: 40px;
-      }
-
-      .footer-title {
-        /* color: #FFF; */
-        font-family: Poppins;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 20px;
-      }
-
-      .footer-sub-title {
-        /* color: #C3C4C5; */
-        font-family: Poppins;
-        font-size: 12px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px;
-      }
-
-      .logo-footer {
-        margin-bottom: 24px;
-        margin-top: -20px;
-      }
-
-      .garis {
-        /* background: #C3C4C5; */
-        height: 0.2px;
-      }
-      .img-header {
-        object-fit: contain;
-      }
-    </style>
-  </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"
-  >
-    <div class="form-group">
-      <label class="text-black" style="font-family: Poppins; font-weight: 600;"> Kode </label>
-      <input
-        id="kode"
-        name="kode"
-        type="text"
-        class="form-control bg-field border-0"
-        placeholder="Kode ..."
-      />
-
-      <div>
-        <div id="alert"></div>
-         <button hx-get="/info" 
-                 hx-select="#info-details" 
-                 hx-swap="outerHTML"
-                 hx-select-oob="#alert">
-             Get Info!
-         </button>
-     </div>
-
-     <div class="alert alert-danger alert-dismissible fade show" role="alert">
-      <strong>Holy guacamole!</strong> You should check in on some of those fields below.
-      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-        <span aria-hidden="true">&times;</span>
-      </button>
-    </div>
-
-      <!-- <span class="form-text text-muted"
-        >We'll never share your email with anyone else.</span
-      > -->
-    </div>
-
-    <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>
-
-    <!-- helper htmx -->
-    <script src="assets/js/helper-htmx/helper.js"></script>
-
-    <!-- iconify -->
-    <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>
-
-    <!-- htmx -->
-    <script
-      src="https://unpkg.com/htmx.org@1.9.11/dist/htmx.js"
-      integrity="sha384-l9bYT9SL4CAW0Hl7pAOpfRc18mys1b0wK4U8UtGnWOxPVbVMgrOdB+jyz/WY8Jue"
-      crossorigin="anonymous"
-    ></script>
-
-    <!-- SCRIPT -->
-    <script type="text/javascript" async></script>
-    <!-- SCRIPT -->
-  </body>
-  <!--end::Body-->
-</html>
--- a/cmd/main.go
+++ b/cmd/main.go
@@ -1,100 +1,67 @@
 package main

 import (
-	"net/http"
+	"cpone/db"
+	"cpone/handlers"
+	"time"
+
+	"cpone/package/config"
+	"cpone/package/database"

-	"github.com/emarifer/go-templ-project-structure/db"
-	"github.com/emarifer/go-templ-project-structure/handlers"
-	"github.com/emarifer/go-templ-project-structure/services"
 	"github.com/labstack/echo/v4"
 	"github.com/labstack/echo/v4/middleware"
+	"go.uber.org/zap"
 )

 // In production, the name of the database
 // would be obtained from an .env file
-const dbName = "user_data.db"

 func main() {
+	config.Load()
 	app := echo.New()
+	database.InitDB()

 	app.HTTPErrorHandler = handlers.CustomHTTPErrorHandler

 	app.Static("/", "assets")
-	app.Use(middleware.Logger())
+	// app.Use(middleware.Logger())

-	// We redirect the root route to the "/user" route
-	app.GET("/", func(c echo.Context) error {
-		return c.Redirect(http.StatusMovedPermanently, "/landing_page/")
-	})
+	logger, _ := zap.NewProduction()
+	app.Use(middleware.RequestLoggerWithConfig(
+		middleware.RequestLoggerConfig{
+			LogURI:    true,
+			LogStatus: true,
+			LogValuesFunc: func(c echo.Context, v middleware.RequestLoggerValues) error {
+				logger.Info("request",
+					zap.String("URI", v.URI),
+					zap.Int("status", v.Status),
+					zap.Duration("Duration", v.Latency),

-	app.GET("/pie_chart", func(c echo.Context) error {
-		return c.Redirect(http.StatusMovedPermanently, "/pie_chart/")
-	})
-
-	uStore, err := db.NewUserStore(dbName)
+					zap.Any("date", time.Now().String()),
+				)
+				return nil
+			},
+		},
+	))
+	app.Use(middleware.CORSWithConfig(
+		middleware.CORSConfig{
+			AllowOrigins: []string{"*"},
+			AllowMethods: []string{"*"},
+		},
+	))
+	appStore, err := db.NewAppStore(database.Handle)
 	if err != nil {
 		app.Logger.Fatalf("failed to create store: %s", err)
 	}

-	us := services.NewServicesUser(services.User{}, uStore)
-
-	h := handlers.New(us)
-
-	handlers.SetupRoutes(app, h)
-
-	LStore, err := db.NewLoginStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	l := services.NewServicesLogin(services.Login{}, LStore)
-	lh := handlers.NewLoginHandler(l)
-	handlers.SetupRoutesLogin(app, lh)
-
-	xStore, err := db.NewXsampleStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	xs := services.NewServicesXsample(services.Xsample{}, xStore)
-	xh := handlers.NewXsampleHandler(xs)
-	handlers.SetupRoutesXsample(app, xh)
-
-	LpStore, err := db.NewLandingPageStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	lps := services.NewServicesLandingPage(services.LandingPage{}, LpStore)
-	lphs := handlers.NewLandingPageHandler(lps)
-	// handlers.SetupRoutesLandingPage(app, lphs)
-
-	Lpmastermenustore, err := db.NewMasterMenuUserGroupStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	mastermenuservices := services.NewServicesMasterMenuUserGroup(services.MasterMenu{}, Lpmastermenustore)
-	mastermenuhandler := handlers.NewMasterMenuUserGroupHandler(mastermenuservices)
-	handlers.SetupRoutesLandingPage(app, lphs, mastermenuhandler)
-
-	LpchartStore, err := db.NewPieChartStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	bchart, err := db.NewBarChartStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-
-	lpchart := services.NewServicesPiechart(services.Piechart{}, services.Barchart{}, LpchartStore, bchart)
-	lphsx := handlers.NewPiechartHandler(lpchart)
-	handlers.SetupRoutesPieChart(app, lphsx)
-
-	eStore, err := db.NewEmployeeStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	el := services.NewServicesEmployee(services.Employee{}, eStore)
-	ehs := handlers.NewEmployeeHandler(el)
-	handlers.SetupRoutesEmployee(app, ehs)
-
+	// SETUP ROUT PUBLIC
+	handlers.SetupRoutesPublic(app, appStore)
+	// SETUP ROUT CORPORATE
+	handlers.SetupRoutesCorporate(app, appStore)
+	// SETUP ROUT CLIENT
+	handlers.SetupRoutesClient(app, appStore)
+	// SETUP ROUT DEV
+	handlers.SetupRoutesDev(app, appStore)
 	app.Logger.Fatal(app.Start(":5000"))
 }

--- a/views/component/breadcrumbadmin/breadcrumbadmin.templ
+++ b/views/component/breadcrumbadmin/breadcrumbadmin.templ
--- a/views/component/breadcrumbadmin/breadcrumbadmin_templ.go
+++ b/views/component/breadcrumbadmin/breadcrumbadmin_templ.go
--- a/views/component/chart/chart.templ
+++ b/views/component/chart/chart.templ
--- a/views/component/chart/chart_templ.go
+++ b/views/component/chart/chart_templ.go
@@ -30,7 +30,7 @@ func ShowChart(idDiv string, udata string) templ.Component {
 		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: `views\component\chart\chart.templ`, Line: 4, Col: 19}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
--- a/views/component/customtextfield/customtextfield.templ
+++ b/views/component/customtextfield/customtextfield.templ
@@ -11,7 +11,7 @@ templ MainCustomTextField(inpLabelText,
 			name={ inpName }
 			type={ inpType }
 			placeholder={ inpPlaceHolder }
-			class="form-control bg-field border-0"
+			class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
 		/>
 	</div>
 }
--- a/views/component/customtextfield/customtextfield_templ.go
+++ b/views/component/customtextfield/customtextfield_templ.go
@@ -33,7 +33,7 @@ func MainCustomTextField(inpLabelText,
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inpLabelText)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfield\customtextfield.templ`, Line: 8, Col: 90}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
@@ -46,7 +46,7 @@ func MainCustomTextField(inpLabelText,
 		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: `views\component\customtextfield\customtextfield.templ`, Line: 10, Col: 15}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
@@ -59,7 +59,7 @@ func MainCustomTextField(inpLabelText,
 		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: `views\component\customtextfield\customtextfield.templ`, Line: 11, Col: 17}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
@@ -72,7 +72,7 @@ func MainCustomTextField(inpLabelText,
 		var templ_7745c5c3_Var5 string
 		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfield\customtextfield.templ`, Line: 12, Col: 17}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
@@ -85,13 +85,13 @@ func MainCustomTextField(inpLabelText,
 		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: `views\component\customtextfield\customtextfield.templ`, Line: 13, Col: 31}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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\"></div>")
+		_, 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/component/customtextfield/customtextfieldv2.templ
+++ b/component/customtextfield/customtextfieldv2.templ
@@ -0,0 +1,17 @@
+package customtextfield
+
+import "cpone/models"
+
+templ CustomTextFieldv2(inp models.CustomTextFieldv2Prm) {
+	<div class="form-group">
+		<label 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 }
+			class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+		/>
+	</div>
+}
--- a/component/customtextfield/customtextfieldv2_templ.go
+++ b/component/customtextfield/customtextfieldv2_templ.go
@@ -0,0 +1,115 @@
+// 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 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)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfield\customtextfieldv2.templ`, Line: 7, Col: 87}
+		}
+		_, 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: `component\customtextfield\customtextfieldv2.templ`, Line: 9, 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: `component\customtextfield\customtextfieldv2.templ`, Line: 10, 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: `component\customtextfield\customtextfieldv2.templ`, Line: 11, 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: `component\customtextfield\customtextfieldv2.templ`, Line: 12, 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: `component\customtextfield\customtextfieldv2.templ`, Line: 13, 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("\" 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
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/component/customtextfieldautocomplete/customtextfieldautocomplete.templ
+++ b/component/customtextfieldautocomplete/customtextfieldautocomplete.templ
@@ -0,0 +1,126 @@
+package customtextfieldautocomplete;
+
+import (
+	"cpone/layout"
+	services "cpone/services/dev"
+)
+
+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 []services.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/component/customtextfieldautocomplete/customtextfieldautocomplete_templ.go
+++ b/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"
+	services "cpone/services/dev"
+)
+
+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: `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 []services.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: `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: `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: `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: `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/views/component/customtextfieldsearch/customtextfieldsearch.templ
+++ b/views/component/customtextfieldsearch/customtextfieldsearch.templ
--- a/views/component/customtextfieldsearch/customtextfieldsearch_templ.go
+++ b/views/component/customtextfieldsearch/customtextfieldsearch_templ.go
@@ -37,7 +37,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 13, Col: 22}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 13, Col: 22}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
@@ -50,7 +50,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 14, Col: 22}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 14, Col: 22}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -63,7 +63,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 15, Col: 20}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 15, Col: 20}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
@@ -76,7 +76,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 16, Col: 36}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 16, Col: 36}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
@@ -89,7 +89,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 17, Col: 24}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 17, Col: 24}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {
@@ -102,7 +102,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 18, Col: 30}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 18, Col: 30}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 		if templ_7745c5c3_Err != nil {
@@ -115,7 +115,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 19, Col: 28}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 19, Col: 28}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
@@ -128,7 +128,7 @@ func MainCustomTextFieldSearch(
 		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: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 20, Col: 34}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 20, Col: 34}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {
--- a/component/modal/modal.templ
+++ b/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/component/modal/modal_confirmation.templ
+++ b/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-3 text-disabled font-weight-bold mr-5">{ v }</div>
+								}
+							</div>
+							<div class="d-flex flex-column ">
+								for _, v := range dataText {
+									<div class="mb-3 font-weight-bold">
+										{ v }
+									</div>
+								}
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="modal-footer border-top-0">
+					@modalAction
+				</div>
+			</div>
+		</div>
+	</div>
+}
--- a/component/modal/modal_confirmation_templ.go
+++ b/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: `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: `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: `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-3 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: `component\modal\modal_confirmation.templ`, Line: 33, Col: 66}
+			}
+			_, 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-3 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: `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/component/modal/modal_templ.go
+++ b/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: `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: `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/component/navbar/navbar.templ
+++ b/component/navbar/navbar.templ
@@ -0,0 +1,74 @@
+package navbar
+
+import (
+	"cpone/component/sidebarmaster"
+	services "cpone/services/dev"
+	"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 []services.MasterMenu) {
+	<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/component/navbar/navbar_templ.go
+++ b/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"
+	services "cpone/services/dev"
+)
+
+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: `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 []services.MasterMenu) 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/component/pagination/pagination.templ
+++ b/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/component/pagination/pagination_templ.go
+++ b/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: `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: `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: `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: `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: `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: `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/component/sidebar_user_profile/sidebar_user_profile.templ
+++ b/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/component/sidebar_user_profile/sidebar_user_profile_templ.go
+++ b/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: `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: `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/views/component/sidebarmaster/sidebarmaster.templ
+++ b/views/component/sidebarmaster/sidebarmaster.templ
@@ -1,7 +1,7 @@
 package sidebarmaster

 import (
-	"github.com/emarifer/go-templ-project-structure/services"
+	services "cpone/services/dev"
 )

 templ MenuDashboard(ParentMenuName string, ParentMenuUrl string) {
--- a/views/component/sidebarmaster/sidebarmaster_templ.go
+++ b/views/component/sidebarmaster/sidebarmaster_templ.go
@@ -11,7 +11,7 @@ import "io"
 import "bytes"

 import (
-	"github.com/emarifer/go-templ-project-structure/services"
+	services "cpone/services/dev"
 )

 func MenuDashboard(ParentMenuName string, ParentMenuUrl string) templ.Component {
@@ -43,7 +43,7 @@ func MenuDashboard(ParentMenuName string, ParentMenuUrl string) templ.Component
 		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: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 39, Col: 50}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
@@ -89,7 +89,7 @@ func ListMenuChildren(ChildrenMenuURL string, ChildrenMenuName string) templ.Com
 		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: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 48, Col: 45}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
@@ -126,7 +126,7 @@ func ListMenuNavbar(ParentMenuName string, datamenuchildren []services.ChildrenM
 		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: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 84, Col: 50}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
@@ -139,7 +139,7 @@ func ListMenuNavbar(ParentMenuName string, datamenuchildren []services.ChildrenM
 		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: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 94, Col: 46}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
--- a/component/table/table.templ
+++ b/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/component/table/table_templ.go
+++ b/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: `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: `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/component/under_development/under_development.templ
+++ b/component/under_development/under_development.templ
--- a/component/under_development/under_development_templ.go
+++ b/component/under_development/under_development_templ.go
--- a/config.template.yaml
+++ b/config.template.yaml
@@ -0,0 +1,24 @@
+
+secretkey: 7A25432A462D4A614E645267556B5870
+privatekey: /home/his/backend/internal/auth/keys/private.pem
+hashCost: 9
+dbuser: root
+dbpass:
+dbhost: localhost
+dbport: 3306
+dbname: his
+tokenExpiration: 120
+dbsequser: root
+dbseqpass: 
+dbseqhost: localhost
+dbseqport: 3306
+dbseqname: his_seq
+photo: /home/ubuntu/photo-folder-location/
+# temporary param
+invoice_prefix: RSPAD
+vclaimProviderCode: 0901R003
+vclaimConsID: 6057
+vclaimSecretKey: rspad211016
+vclaimUserKey: 32e99aefa0866a5880067b27d151c3e4
+vclaimBaseURL: https://apijkn-dev.bpjs-kesehatan.go.id/vclaim-rest-dev
+vclaimAntreanBaseURL: https://apijkn-dev.bpjs-kesehatan.go.id/antreanrs_dev
--- a/db/chart.store.go
+++ b/db/chart.store.go
@@ -1,43 +0,0 @@
-package db
-
-import (
-	"database/sql"
-
-	_ "github.com/glebarez/go-sqlite"
-)
-
-type PieChartStore struct {
-	Db *sql.DB
-}
-type BarChartStore struct {
-	Db *sql.DB
-}
-
-func NewPieChartStore(dbName string) (PieChartStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return PieChartStore{}, err
-	}
-
-	if err := createMigrations(dbName, Db); err != nil {
-		return PieChartStore{}, err
-	}
-
-	return PieChartStore{
-		Db,
-	}, nil
-}
-func NewBarChartStore(dbName string) (BarChartStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return BarChartStore{}, err
-	}
-
-	if err := createMigrations(dbName, Db); err != nil {
-		return BarChartStore{}, err
-	}
-
-	return BarChartStore{
-		Db,
-	}, nil
-}
--- a/db/db.go
+++ b/db/db.go
@@ -2,65 +2,17 @@ package db

 import (
 	"database/sql"
-	"fmt"
-	"log"

 	_ "github.com/glebarez/go-sqlite"
 )

-type UserStore struct {
+type AppStore struct {
 	Db *sql.DB
 }

-func NewUserStore(dbName string) (UserStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return UserStore{}, err
-	}
+func NewAppStore(db *sql.DB) (AppStore, error) {

-	if err := createMigrations(dbName, Db); err != nil {
-		return UserStore{}, err
-	}
-
-	return UserStore{
-		Db,
+	return AppStore{
+		db,
 	}, nil
 }
-
-func getConnection(dbName string) (*sql.DB, error) {
-	var (
-		err error
-		db  *sql.DB
-	)
-
-	if db != nil {
-		return db, nil
-	}
-
-	// Init SQLite3 database
-	db, err = sql.Open("sqlite", dbName)
-	if err != nil {
-		// log.Fatalf("🔥 failed to connect to the database: %s", err.Error())
-		return nil, fmt.Errorf("🔥 failed to connect to the database: %s", err)
-	}
-
-	log.Println("🚀 Connected Successfully to the Database")
-
-	return db, nil
-}
-
-func createMigrations(dbName string, db *sql.DB) error {
-	stmt := `CREATE TABLE IF NOT EXISTS users (
-		id INTEGER PRIMARY KEY AUTOINCREMENT,
-		username VARCHAR(64) NOT NULL,
-		email VARCHAR(255) NOT NULL UNIQUE,
-		created_at DATETIME default CURRENT_TIMESTAMP
-	);`
-
-	_, err := db.Exec(stmt)
-	if err != nil {
-		return err
-	}
-
-	return nil
-}
--- a/db/employee.store.go
+++ b/db/employee.store.go
@@ -1,26 +0,0 @@
-package db
-
-import (
-	"database/sql"
-
-	_ "github.com/glebarez/go-sqlite"
-)
-
-type EmployeeStore struct {
-	Db *sql.DB
-}
-
-func NewEmployeeStore(dbName string) (EmployeeStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return EmployeeStore{}, err
-	}
-
-	if err := createMigrations(dbName, Db); err != nil {
-		return EmployeeStore{}, err
-	}
-
-	return EmployeeStore{
-		Db,
-	}, nil
-}
--- a/db/landingpage.store.go
+++ b/db/landingpage.store.go
@@ -1,26 +0,0 @@
-package db
-
-import (
-	"database/sql"
-
-	_ "github.com/glebarez/go-sqlite"
-)
-
-type LandingPageStore struct {
-	Db *sql.DB
-}
-
-func NewLandingPageStore(dbName string) (LandingPageStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return LandingPageStore{}, err
-	}
-
-	if err := createMigrations(dbName, Db); err != nil {
-		return LandingPageStore{}, err
-	}
-
-	return LandingPageStore{
-		Db,
-	}, nil
-}
--- a/db/login.store.go
+++ b/db/login.store.go
@@ -1,26 +0,0 @@
-package db
-
-import (
-	"database/sql"
-
-	_ "github.com/glebarez/go-sqlite"
-)
-
-type LoginStore struct {
-	Db *sql.DB
-}
-
-func NewLoginStore(dbName string) (LoginStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return LoginStore{}, err
-	}
-
-	if err := createMigrations(dbName, Db); err != nil {
-		return LoginStore{}, err
-	}
-
-	return LoginStore{
-		Db,
-	}, nil
-}
--- a/db/mastermenuusergroup.go
+++ b/db/mastermenuusergroup.go
@@ -1,26 +0,0 @@
-package db
-
-import (
-	"database/sql"
-
-	_ "github.com/glebarez/go-sqlite"
-)
-
-type MasterMenuUserGroupStore struct {
-	Db *sql.DB
-}
-
-func NewMasterMenuUserGroupStore(dbName string) (MasterMenuUserGroupStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return MasterMenuUserGroupStore{}, err
-	}
-
-	if err := createMigrations(dbName, Db); err != nil {
-		return MasterMenuUserGroupStore{}, err
-	}
-
-	return MasterMenuUserGroupStore{
-		Db,
-	}, nil
-}
--- a/db/xsample.store.go
+++ b/db/xsample.store.go
@@ -1,26 +0,0 @@
-package db
-
-import (
-	"database/sql"
-
-	_ "github.com/glebarez/go-sqlite"
-)
-
-type XsampleStore struct {
-	Db *sql.DB
-}
-
-func NewXsampleStore(dbName string) (XsampleStore, error) {
-	Db, err := getConnection(dbName)
-	if err != nil {
-		return XsampleStore{}, err
-	}
-
-	if err := createMigrations(dbName, Db); err != nil {
-		return XsampleStore{}, err
-	}
-
-	return XsampleStore{
-		Db,
-	}, nil
-}
--- a/go.mod
+++ b/go.mod
@@ -1,28 +1,51 @@
-module github.com/emarifer/go-templ-project-structure
+module cpone

 go 1.21.0

 require (
 	github.com/a-h/templ v0.2.663
 	github.com/glebarez/go-sqlite v1.22.0
-	github.com/labstack/echo/v4 v4.11.3
+	github.com/labstack/echo/v4 v4.12.0
 	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/magiconair/properties v1.8.7 // indirect
+	github.com/mitchellh/mapstructure v1.5.0 // indirect
+	github.com/pelletier/go-toml/v2 v2.1.0 // indirect
+	github.com/sagikazarmark/locafero v0.4.0 // indirect
+	github.com/sagikazarmark/slog-shim v0.1.0 // indirect
+	github.com/sourcegraph/conc v0.3.0 // indirect
+	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
+	gopkg.in/ini.v1 v1.67.0 // indirect
+	gopkg.in/yaml.v3 v3.0.1 // indirect
+)
+
 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.0 // indirect
+	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
 	github.com/valyala/bytebufferpool v1.0.0 // indirect
 	github.com/valyala/fasttemplate v1.2.2 // indirect
-	golang.org/x/crypto v0.16.0 // indirect
-	golang.org/x/net v0.19.0 // indirect
-	golang.org/x/sys v0.15.0 // indirect
-	golang.org/x/time v0.3.0 // indirect
+	go.uber.org/zap v1.27.0
+	golang.org/x/crypto v0.22.0 // indirect
+	golang.org/x/net v0.24.0 // indirect
+	golang.org/x/sys v0.19.0 // indirect
+	golang.org/x/time v0.5.0 // indirect
 	modernc.org/libc v1.37.6 // indirect
 	modernc.org/mathutil v1.6.0 // indirect
 	modernc.org/memory v1.7.2 // indirect
--- a/go.sum
+++ b/go.sum
@@ -1,3 +1,5 @@
+filippo.io/edwards25519 v1.1.0 h1:FNf4tywRC1HmFuKW5xopWpigGjJKiJSV0Cqo0cJWDaA=
+filippo.io/edwards25519 v1.1.0/go.mod h1:BxyFTGdWcka3PhytdK4V28tE5sGfRvvvRV7EaN4VDT4=
 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=
@@ -5,8 +7,12 @@ 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/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/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=
 github.com/glebarez/go-sqlite v1.22.0/go.mod h1:PlBIdHe0+aUEFn+r2/uthrWq4FxbzugL0L8Li6yQJbc=
+github.com/go-sql-driver/mysql v1.8.1 h1:LedoTUt/eveggdHS9qUFC1EFSa8bU2+1pZjSRpvNJ1Y=
+github.com/go-sql-driver/mysql v1.8.1/go.mod h1:wEBSXgmK//2ZFJyE+qWnIsVGmvmEKlqwuVSjsCm7DZg=
 github.com/golang-jwt/jwt v3.2.2+incompatible h1:IfV12K8xAKAnZqdXVzCZ+TOjboZ2keLg81eXfW3O+oY=
 github.com/golang-jwt/jwt v3.2.2+incompatible/go.mod h1:8pz2t5EyA70fFQQSrl6XZXzqecmYZeUEB8OUGHkxJ+I=
 github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
@@ -15,10 +21,18 @@ github.com/google/pprof v0.0.0-20221118152302-e6195bd50e26 h1:Xim43kblpZXfIBQsbu
 github.com/google/pprof v0.0.0-20221118152302-e6195bd50e26/go.mod h1:dDKJzRmX4S37WGHujM7tX//fmj1uioxKzKxz3lo4HJo=
 github.com/google/uuid v1.5.0 h1:1p67kYwdtXjb0gL0BPiP1Av9wiZPo5A8z2cWkTZ+eyU=
 github.com/google/uuid v1.5.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
+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/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/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=
@@ -26,23 +40,57 @@ github.com/mattn/go-isatty v0.0.14/go.mod h1:7GGIvUiUoEMVVmxf/4nioHXj79iQHKdU27k
 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/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/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec/go.mod h1:qqbHyh8v60DhA7CoWK5oRCqLrMHRGoxYCSS9EjAz6Eo=
+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=
+github.com/sagikazarmark/slog-shim v0.1.0/go.mod h1:SrcSrq8aKtyuqEI1uvTDTK1arOWRIczQRv+GVI1AkeQ=
+github.com/sourcegraph/conc v0.3.0 h1:OQTbbt6P72L20UqAkXXuLOj79LfEanQ+YQFNpLA9ySo=
+github.com/sourcegraph/conc v0.3.0/go.mod h1:Sdozi7LEKbFPqYX2/J+iBAM6HpqSLTASQIKqDmF7Mt0=
+github.com/spf13/afero v1.11.0 h1:WJQKhtpdm3v2IzqG8VMqrr6Rf3UYpEF239Jy9wNepM8=
+github.com/spf13/afero v1.11.0/go.mod h1:GH9Y3pIexgf1MTIWtNGyogA5MwRIDXGUr+hbWNoBjkY=
+github.com/spf13/cast v1.6.0 h1:GEiTHELF+vaR5dhz3VqZfFSzZjYbgeKDpBxQVS4GYJ0=
+github.com/spf13/cast v1.6.0/go.mod h1:ancEpBxwJDODSW/UG4rDrAqiKolqNNh2DX3mk86cAdo=
+github.com/spf13/pflag v1.0.5 h1:iy+VFUOCP1a+8yFto/drg2CJ5u0yRoB7fZw3DKv/JXA=
+github.com/spf13/pflag v1.0.5/go.mod h1:McXfInJRrz4CZXVZOBLb0bTZqETkiAhM9Iw0y3An2Bg=
+github.com/spf13/viper v1.18.2 h1:LUXCnvUvSM6FXAsj6nnfc8Q2tp1dIgUfY9Kc8GsSOiQ=
+github.com/spf13/viper v1.18.2/go.mod h1:EKmWIqdnk5lOcmR72yw6hS+8OPYcwD0jteitLMVB+yk=
 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=
 github.com/stretchr/testify v1.8.4/go.mod h1:sz/lmYIOXD/1dqDmKjjqLyZ2RngseejIcXlSw2iwfAo=
+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/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=
@@ -50,11 +98,17 @@ golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBc
 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/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=
--- a/handlers/client/clientdashboard.handlers.go
+++ b/handlers/client/clientdashboard.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_dashboard "cpone/views/client/dashboard"
+
+	"github.com/labstack/echo/v4"
+)
+
+type ClientDashboardService interface {
+}
+
+func NewClientDashboardHandler(us ClientDashboardService) *ClientDashboardHandler {
+	return &ClientDashboardHandler{
+		ClientDashboardService: us,
+	}
+}
+
+type ClientDashboardHandler struct {
+	ClientDashboardService ClientDashboardService
+}
+
+func (uh *ClientDashboardHandler) ShowClientDashboard(c echo.Context) error {
+	helo := client_dashboard.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mcupreregister.handlers.go
+++ b/handlers/client/mcupreregister.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mcupreregister "cpone/views/client/mcupreregister"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MCUPreregisterService interface {
+}
+
+func NewMCUPreregisterHandler(us MCUPreregisterService) *MCUPreregisterHandler {
+	return &MCUPreregisterHandler{
+		MCUPreregisterService: us,
+	}
+}
+
+type MCUPreregisterHandler struct {
+	MCUPreregisterService MCUPreregisterService
+}
+
+func (uh *MCUPreregisterHandler) ShowMCUPreregister(c echo.Context) error {
+	helo := client_mcupreregister.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mcusetup.handlers.go
+++ b/handlers/client/mcusetup.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mcusetup "cpone/views/client/mcusetup"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MCUSetupService interface {
+}
+
+func NewMCUSetupHandler(us MCUSetupService) *MCUSetupHandler {
+	return &MCUSetupHandler{
+		MCUSetupService: us,
+	}
+}
+
+type MCUSetupHandler struct {
+	MCUSetupService MCUSetupService
+}
+
+func (uh *MCUSetupHandler) ShowMCUSetup(c echo.Context) error {
+	helo := client_mcusetup.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdbahan.handlers.go
+++ b/handlers/client/mdbahan.handlers.go
@@ -0,0 +1,27 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+
+	client_mdbahan "cpone/views/client/mdbahan"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdBahanService interface {
+}
+
+func NewMdBahanHandler(us MdBahanService) *MdBahanHandler {
+	return &MdBahanHandler{
+		MdBahanService: us,
+	}
+}
+
+type MdBahanHandler struct {
+	MdBahanService MdBahanService
+}
+
+func (uh *MdBahanHandler) ShowMdBahan(c echo.Context) error {
+	helo := client_mdbahan.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdcorp.handlers.go
+++ b/handlers/client/mdcorp.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdcorp "cpone/views/client/mdcorp"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdCorpService interface {
+}
+
+func NewMdCorpHandler(us MdCorpService) *MdCorpHandler {
+	return &MdCorpHandler{
+		MdCorpService: us,
+	}
+}
+
+type MdCorpHandler struct {
+	MdCorpService MdCorpService
+}
+
+func (uh *MdCorpHandler) ShowMdCorp(c echo.Context) error {
+	helo := client_mdcorp.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mddokter.handlers.go
+++ b/handlers/client/mddokter.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mddokter "cpone/views/client/mddokter"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdDokterService interface {
+}
+
+func NewMdDokterHandler(us MdDokterService) *MdDokterHandler {
+	return &MdDokterHandler{
+		MdDokterService: us,
+	}
+}
+
+type MdDokterHandler struct {
+	MdDokterService MdDokterService
+}
+
+func (uh *MdDokterHandler) ShowMdDokter(c echo.Context) error {
+	helo := client_mddokter.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdhargapanel.handlers.go
+++ b/handlers/client/mdhargapanel.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdhargapanel "cpone/views/client/mdhargapanel"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdHargaPanelService interface {
+}
+
+func NewMdHargaPanelHandler(us MdHargaPanelService) *MdHargaPanelHandler {
+	return &MdHargaPanelHandler{
+		MdHargaPanelService: us,
+	}
+}
+
+type MdHargaPanelHandler struct {
+	MdHargaPanelService MdHargaPanelService
+}
+
+func (uh *MdHargaPanelHandler) ShowMdHargaPanel(c echo.Context) error {
+	helo := client_mdhargapanel.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdhargaprofile.handlers.go
+++ b/handlers/client/mdhargaprofile.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdhargaprofile "cpone/views/client/mdhargaprofile"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdHargaProfileService interface {
+}
+
+func NewMdHargaProfileHandler(us MdHargaProfileService) *MdHargaProfileHandler {
+	return &MdHargaProfileHandler{
+		MdHargaProfileService: us,
+	}
+}
+
+type MdHargaProfileHandler struct {
+	MdHargaProfileService MdHargaProfileService
+}
+
+func (uh *MdHargaProfileHandler) ShowMdHargaProfile(c echo.Context) error {
+	helo := client_mdhargaprofile.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdhargasingle.handlers.go
+++ b/handlers/client/mdhargasingle.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdhargasingle "cpone/views/client/mdhargasingle"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdHargaSingleService interface {
+}
+
+func NewMdHargaSingleHandler(us MdHargaSingleService) *MdHargaSingleHandler {
+	return &MdHargaSingleHandler{
+		MdHargaSingleService: us,
+	}
+}
+
+type MdHargaSingleHandler struct {
+	MdHargaSingleService MdHargaSingleService
+}
+
+func (uh *MdHargaSingleHandler) ShowMdHargaSingle(c echo.Context) error {
+	helo := client_mdhargasingle.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdpaket.handlers.go
+++ b/handlers/client/mdpaket.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdpaket "cpone/views/client/mdpaket"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdPaketService interface {
+}
+
+func NewMdPaketHandler(us MdPaketService) *MdPaketHandler {
+	return &MdPaketHandler{
+		MdPaketService: us,
+	}
+}
+
+type MdPaketHandler struct {
+	MdPaketService MdPaketService
+}
+
+func (uh *MdPaketHandler) ShowMdPaket(c echo.Context) error {
+	helo := client_mdpaket.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdpanel.handlers.go
+++ b/handlers/client/mdpanel.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdpanel "cpone/views/client/mdpanel"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdPanelService interface {
+}
+
+func NewMdPanelHandler(us MdPanelService) *MdPanelHandler {
+	return &MdPanelHandler{
+		MdPanelService: us,
+	}
+}
+
+type MdPanelHandler struct {
+	MdPanelService MdPanelService
+}
+
+func (uh *MdPanelHandler) ShowMdPanel(c echo.Context) error {
+	helo := client_mdpanel.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdpasien.handlers.go
+++ b/handlers/client/mdpasien.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdpasien "cpone/views/client/mdpasien"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdPasienService interface {
+}
+
+func NewMdPasienHandler(us MdPasienService) *MdPasienHandler {
+	return &MdPasienHandler{
+		MdPasienService: us,
+	}
+}
+
+type MdPasienHandler struct {
+	MdPasienService MdPasienService
+}
+
+func (uh *MdPasienHandler) ShowMdPasien(c echo.Context) error {
+	helo := client_mdpasien.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdprofile.handlers.go
+++ b/handlers/client/mdprofile.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdprofile "cpone/views/client/mdprofile"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdProfileService interface {
+}
+
+func NewMdProfileHandler(us MdProfileService) *MdProfileHandler {
+	return &MdProfileHandler{
+		MdProfileService: us,
+	}
+}
+
+type MdProfileHandler struct {
+	MdProfileService MdProfileService
+}
+
+func (uh *MdProfileHandler) ShowMdProfile(c echo.Context) error {
+	helo := client_mdprofile.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdresultnonlab.handlers.go
+++ b/handlers/client/mdresultnonlab.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdresultnonlab "cpone/views/client/mdresultnonlab"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdResultNonLabService interface {
+}
+
+func NewMdResultNonLabHandler(us MdResultNonLabService) *MdResultNonLabHandler {
+	return &MdResultNonLabHandler{
+		MdResultNonLabService: us,
+	}
+}
+
+type MdResultNonLabHandler struct {
+	MdResultNonLabService MdResultNonLabService
+}
+
+func (uh *MdResultNonLabHandler) ShowMdResultNonLab(c echo.Context) error {
+	helo := client_mdresultnonlab.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdsamplestation.handlers.go
+++ b/handlers/client/mdsamplestation.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdsamplestation "cpone/views/client/mdsamplestation"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdSampleStationService interface {
+}
+
+func NewMdSampleStationHandler(us MdSampleStationService) *MdSampleStationHandler {
+	return &MdSampleStationHandler{
+		MdSampleStationService: us,
+	}
+}
+
+type MdSampleStationHandler struct {
+	MdSampleStationService MdSampleStationService
+}
+
+func (uh *MdSampleStationHandler) ShowMdSampleStation(c echo.Context) error {
+	helo := client_mdsamplestation.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdsampletype.handlers.go
+++ b/handlers/client/mdsampletype.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdsampletype "cpone/views/client/mdsampletype"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdSampleTypeService interface {
+}
+
+func NewMdSampleTypeHandler(us MdSampleTypeService) *MdSampleTypeHandler {
+	return &MdSampleTypeHandler{
+		MdSampleTypeService: us,
+	}
+}
+
+type MdSampleTypeHandler struct {
+	MdSampleTypeService MdSampleTypeService
+}
+
+func (uh *MdSampleTypeHandler) ShowMdSampleType(c echo.Context) error {
+	helo := client_mdsampletype.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdtemplatefisik.handlers.go
+++ b/handlers/client/mdtemplatefisik.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdtemplatefisik "cpone/views/client/mdtemplatefisik"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdTemplateFisikService interface {
+}
+
+func NewMdTemplateFisikHandler(us MdTemplateFisikService) *MdTemplateFisikHandler {
+	return &MdTemplateFisikHandler{
+		MdTemplateFisikService: us,
+	}
+}
+
+type MdTemplateFisikHandler struct {
+	MdTemplateFisikService MdTemplateFisikService
+}
+
+func (uh *MdTemplateFisikHandler) ShowMdTemplateFisik(c echo.Context) error {
+	helo := client_mdtemplatefisik.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdtest.handlers.go
+++ b/handlers/client/mdtest.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdtest "cpone/views/client/mdtest"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdTestService interface {
+}
+
+func NewMdTestHandler(us MdTestService) *MdTestHandler {
+	return &MdTestHandler{
+		MdTestService: us,
+	}
+}
+
+type MdTestHandler struct {
+	MdTestService MdTestService
+}
+
+func (uh *MdTestHandler) ShowMdTest(c echo.Context) error {
+	helo := client_mdtest.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mduser.handlers.go
+++ b/handlers/client/mduser.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mduser "cpone/views/client/mduser"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdUserService interface {
+}
+
+func NewMdUserHandler(us MdUserService) *MdUserHandler {
+	return &MdUserHandler{
+		MdUserService: us,
+	}
+}
+
+type MdUserHandler struct {
+	MdUserService MdUserService
+}
+
+func (uh *MdUserHandler) ShowMdUser(c echo.Context) error {
+	helo := client_mduser.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/mdusergroup.handlers.go
+++ b/handlers/client/mdusergroup.handlers.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_mdusergroup "cpone/views/client/mdusergroup"
+
+	"github.com/labstack/echo/v4"
+)
+
+type MdUserGroupService interface {
+}
+
+func NewMdUserGroupHandler(us MdUserGroupService) *MdUserGroupHandler {
+	return &MdUserGroupHandler{
+		MdUserGroupService: us,
+	}
+}
+
+type MdUserGroupHandler struct {
+	MdUserGroupService MdUserGroupService
+}
+
+func (uh *MdUserGroupHandler) ShowMdUserGroup(c echo.Context) error {
+	helo := client_mdusergroup.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/client/transaksisamplestation.handler.go
+++ b/handlers/client/transaksisamplestation.handler.go
@@ -0,0 +1,26 @@
+package client_handlers
+
+import (
+	"cpone/utils"
+	client_transaksisamplestation "cpone/views/client/transaksisamplestation"
+
+	"github.com/labstack/echo/v4"
+)
+
+type TransaksiSampleStationService interface {
+}
+
+func NewTransaksiSampleStationHandler(us TransaksiSampleStationService) *TransaksiSampleStationHandler {
+	return &TransaksiSampleStationHandler{
+		TransaksiSampleStationService: us,
+	}
+}
+
+type TransaksiSampleStationHandler struct {
+	TransaksiSampleStationService TransaksiSampleStationService
+}
+
+func (uh *TransaksiSampleStationHandler) ShowTransaksiSampleStation(c echo.Context) error {
+	helo := client_transaksisamplestation.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/corporate/company.handlers.go
+++ b/handlers/corporate/company.handlers.go
@@ -0,0 +1,26 @@
+package corporate_handlers
+
+import (
+	"cpone/utils"
+	corporate_company "cpone/views/corporate/company"
+
+	"github.com/labstack/echo/v4"
+)
+
+type CompanyService interface {
+}
+
+func NewCompanyHandler(us CompanyService) *CompanyHandler {
+	return &CompanyHandler{
+		CompanyService: us,
+	}
+}
+
+type CompanyHandler struct {
+	CompanyService CompanyService
+}
+
+func (uh *CompanyHandler) ShowCompany(c echo.Context) error {
+	helo := corporate_company.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/corporate/patient.handlers.go
+++ b/handlers/corporate/patient.handlers.go
@@ -0,0 +1,26 @@
+package corporate_handlers
+
+import (
+	"cpone/utils"
+	corporate_patient "cpone/views/corporate/patient"
+
+	"github.com/labstack/echo/v4"
+)
+
+type PatientService interface {
+}
+
+func NewPatientHandler(us PatientService) *PatientHandler {
+	return &PatientHandler{
+		PatientService: us,
+	}
+}
+
+type PatientHandler struct {
+	PatientService PatientService
+}
+
+func (uh *PatientHandler) ShowPatient(c echo.Context) error {
+	helo := corporate_patient.Show()
+	return utils.View(c, helo)
+}
--- a/handlers/dev/chart.handlers.go
+++ b/handlers/dev/chart.handlers.go
@@ -1,4 +1,4 @@
-package handlers
+package dev_handlers

 import (
 	"crypto/md5"
@@ -8,12 +8,14 @@ import (
 	"strings"
 	"time"

+	kelainanglobal "cpone/views/dev/mcu/kelainan_global"
+	mcupeserta "cpone/views/dev/mcu/peserta"
+	"cpone/views/dev/piechart"
+	"cpone/views/dev/xsample"
+
+	services "cpone/services/dev"
+
 	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/services"
-	kelainanglobal "github.com/emarifer/go-templ-project-structure/views/mcu/kelainan_global"
-	mcupeserta "github.com/emarifer/go-templ-project-structure/views/mcu/peserta"
-	"github.com/emarifer/go-templ-project-structure/views/piechart"
-	"github.com/emarifer/go-templ-project-structure/views/xsample"
 	"github.com/labstack/echo/v4"
 )

--- a/handlers/dev/employee.handler.go
+++ b/handlers/dev/employee.handler.go
@@ -1,11 +1,13 @@
-package handlers
+package dev_handlers

 import (
 	"fmt"

+	"cpone/views/dev/employee"
+
+	services "cpone/services/dev"
+
 	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/employee"
 	"github.com/labstack/echo/v4"
 )

--- a/handlers/dev/landingpage.handlers.go
+++ b/handlers/dev/landingpage.handlers.go
@@ -1,11 +1,13 @@
-package handlers
+package dev_handlers

 import (
 	"fmt"

+	landingpage "cpone/views/dev/landingpage"
+
 	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/services"
-	landingpage "github.com/emarifer/go-templ-project-structure/views/landingpage"
+
+	services "cpone/services/dev"

 	"github.com/labstack/echo/v4"
 )
--- a/handlers/dev/login.handlers.go
+++ b/handlers/dev/login.handlers.go
@@ -1,9 +1,11 @@
-package handlers
+package dev_handlers

 import (
+	"cpone/views/dev/login"
+
 	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/login"
+
+	services "cpone/services/dev"

 	"github.com/labstack/echo/v4"
 )
--- a/handlers/dev/mastermenuusergroup.handlers.go
+++ b/handlers/dev/mastermenuusergroup.handlers.go
@@ -0,0 +1,303 @@
+package dev_handlers
+
+import (
+	"fmt"
+	"net/url"
+	"strconv"
+	"time"
+
+	"cpone/component/customtextfieldautocomplete"
+	"cpone/component/pagination"
+	tablecomponent "cpone/component/table"
+	"cpone/models"
+	"cpone/utils"
+	mastermenuusergroup "cpone/views/dev/mastermenuusergroup"
+
+	services "cpone/services/dev"
+
+	"github.com/a-h/templ"
+	"github.com/labstack/echo/v4"
+	"go.uber.org/zap"
+)
+
+type MasterMenuUserGroupService interface {
+	GetMasterMenus() ([]services.MasterMenu, error)
+	GetAutoComplete(param string, pageOf string, limit string) (string, string, string, []services.AutoComplete, error)
+	GetUserGroup() ([]models.UserGroup, error)
+	GetUserGroupByID(id string) (models.UserGroup, error)
+}
+
+func NewMasterMenuUserGroupHandler(us MasterMenuUserGroupService) *MasterMenuUserGroupHandler {
+	return &MasterMenuUserGroupHandler{
+		MasterMenuUserGroupService: us,
+	}
+}
+
+type MasterMenuUserGroupHandler struct {
+	MasterMenuUserGroupService MasterMenuUserGroupService
+}
+
+func (lh *MasterMenuUserGroupHandler) HandlerShowMasterMenuUserGroup(c echo.Context) error {
+	dataMenu, err := lh.MasterMenuUserGroupService.GetMasterMenus()
+	fmt.Println(dataMenu)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataMenu)
+		return err
+	}
+	dataUser, err := services.GetUser()
+	fmt.Println(dataUser)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataUser)
+		return err
+	}
+	dataUserGroup, err := lh.MasterMenuUserGroupService.GetUserGroup()
+
+	if err != nil {
+		fmt.Println(dataUserGroup)
+		return err
+	}
+
+	contentID := utils.GenerateRandomID("tablebody")
+
+	logger, _ := zap.NewProduction()
+	defer logger.Sync()
+	logger.Info("LOAD USER GROUP DEV",
+		zap.String("id", contentID),
+		zap.Any("data", dataUserGroup),
+	)
+
+	si := mastermenuusergroup.ShowMasterMenuUserGroup(
+		"Master Menu",
+		mastermenuusergroup.ContentMasterMenuUserGroup(dataUserGroup, contentID),
+		mastermenuusergroup.CssMasterMenuUserGroup(),
+		mastermenuusergroup.JsMasterMenuUserGroup(),
+		dataMenu,
+		dataUser,
+	)
+
+	return lh.View(c, si)
+}
+
+// initial
+func (lh *MasterMenuUserGroupHandler) HandlerListAutoComplete(c echo.Context) error {
+	// param := c.Param("p")
+	param := c.QueryParam("searchAutocomplete")
+	pageOf := "1"
+	limit := "3"
+
+	pageOfBefore, _ := strconv.Atoi(c.Param("pageOf"))
+	limitBefore, _ := strconv.Atoi(c.Param("limit"))
+
+	if pageOfBefore > 1 {
+		pageCurrent := pageOfBefore + 1
+		pageOf = strconv.Itoa(pageCurrent)
+
+		limitCurrent := limitBefore
+		limit = strconv.Itoa(limitCurrent)
+	}
+
+	// urlCustomAutoComplete := "/client/autoCompleteLoadMore/"+ strconv.Itoa(pageOf)
+	var si templ.Component
+	if param != "" {
+		totalData, foundCount, textFound, dataAutoComplete, err := lh.MasterMenuUserGroupService.GetAutoComplete(param, pageOf, limit)
+		fmt.Println(param)
+		// fmt.Println(err)
+		if err != nil {
+			fmt.Println(dataAutoComplete)
+			return err
+		}
+
+		foundCountInt, err := strconv.Atoi(foundCount)
+		if err != nil {
+			return err
+		}
+
+		totalDataInt, err := strconv.Atoi(totalData)
+		if err != nil {
+			return err
+		}
+
+		// si := customtextfieldautocomplete.ListCustomAutoComplete(dataAutoComplete)
+
+		si = customtextfieldautocomplete.ListCustomAutoComplete(limit, param, totalDataInt, foundCountInt, pageOf, textFound, dataAutoComplete)
+	} else {
+		si = customtextfieldautocomplete.ListCustomAutoCompleteHide()
+	}
+
+	return lh.View(c, si)
+}
+
+// after selected
+func (lh *MasterMenuUserGroupHandler) HandlerListAutoCompleteAfterSelected(c echo.Context) error {
+	// param := c.QueryParam("searchAutocomplete")
+
+	setvalue := c.Param("setvalue")
+	setvalue, err := url.PathUnescape(setvalue)
+	if err != nil {
+		return err
+	}
+
+	si := customtextfieldautocomplete.MainCustomAutoComplete(setvalue)
+
+	return lh.View(c, si)
+}
+
+// load more autocomplete
+func (lh *MasterMenuUserGroupHandler) HandlerListAutoCompleteLoadMore(c echo.Context) error {
+	// param := c.QueryParam("searchAutocomplete")
+
+	var totalPerPage int = 3
+	paramSearch := c.Param("searchParam")
+	searchParam, err := url.PathUnescape(paramSearch)
+	if err != nil {
+		return err
+	}
+
+	pageOfStr := c.Param("pageOf")
+	pageOfInt, err := strconv.Atoi(pageOfStr)
+	if err != nil {
+		return err
+	}
+
+	pageOfInt++
+	pageOf := strconv.Itoa(pageOfInt)
+
+	limitOfStr := c.Param("limit")
+	limitOfInt, err := strconv.Atoi(limitOfStr)
+	if err != nil {
+		return err
+	}
+
+	limitOfX := limitOfInt + totalPerPage
+	limitOf := strconv.Itoa(limitOfX)
+
+	var si templ.Component
+
+	totalData, foundCount, textFound, dataAutoComplete, err := lh.MasterMenuUserGroupService.GetAutoComplete(searchParam, pageOf, limitOf)
+
+	// fmt.Println(param)
+	// fmt.Println(err)
+
+	if err != nil {
+		fmt.Println(dataAutoComplete)
+		return err
+	}
+
+	foundCountInt, err := strconv.Atoi(foundCount)
+	if err != nil {
+		return err
+	}
+
+	totalDataInt, err := strconv.Atoi(totalData)
+	if err != nil {
+		return err
+	}
+
+	// si := customtextfieldautocomplete.ListCustomAutoComplete(dataAutoComplete)
+	si = customtextfieldautocomplete.ListCustomAutoComplete(limitOf, searchParam, totalDataInt, foundCountInt, pageOf, textFound, dataAutoComplete)
+
+	// if param != "" {
+	// 	textFound, dataAutoComplete, err := lh.MasterMenuUserGroupService.GetAutoComplete(param, pageOf)
+	// 	fmt.Println(param)
+	// 	// fmt.Println(err)
+	// 	if err != nil {
+	// 		fmt.Println(dataAutoComplete)
+	// 		return err
+	// 	}
+
+	// 	// si := customtextfieldautocomplete.ListCustomAutoComplete(dataAutoComplete)
+	// 	si = customtextfieldautocomplete.ListCustomAutoComplete(pageOf, textFound, dataAutoComplete)
+
+	// } else {
+	// 	si = customtextfieldautocomplete.ListCustomAutoCompleteHide()
+	// }
+
+	return lh.View(c, si)
+}
+
+func (lh *MasterMenuUserGroupHandler) HandlerAutoCompleteExample(c echo.Context) error {
+	// dataAutoComplete, err := lh.MasterMenuUserGroupService.GetAutoCompleteExample()
+	// fmt.Println(dataAutoComplete)
+	// fmt.Println(err)
+	// if err != nil {
+	// 	fmt.Println(dataAutoComplete)
+	// 	return err
+	// }
+	// fmt.Printf("%+v\n", dataMenu)
+	// si := mastermenu.ShowMasterMenu("Master Menu",
+	// 	mastermenu.MainMasterMenu(dataMenu),
+	// 	mastermenu.CssMasterMenu(),
+	// 	mastermenu.JsMasterMenu(),
+	// )
+
+	// si := mastermenuusergroup.ShowMasterMenuUserGroup(
+	// 	"Master Menu",
+	// 	mastermenuusergroup.MainMasterMenuUserGroup(dataMenu),
+	// 	mastermenuusergroup.CssMasterMenuUserGroup(),
+	// 	mastermenuusergroup.JsMasterMenuUserGroup(),
+	// )
+
+	si := customtextfieldautocomplete.ShowCustomAutoComplete("",
+		customtextfieldautocomplete.MainCustomAutoComplete(""),
+		customtextfieldautocomplete.CssCustomAutoComplete(),
+		customtextfieldautocomplete.JsCustomAutoComplete(),
+	)
+
+	return lh.View(c, si)
+}
+func (lh *MasterMenuUserGroupHandler) ChangeFormEdit(c echo.Context) error {
+	id := c.QueryParam("id")
+	dataUserGroup, err := lh.MasterMenuUserGroupService.GetUserGroupByID(id)
+	fmt.Println(dataUserGroup)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataUserGroup)
+		return err
+	}
+	vw := mastermenuusergroup.DialogEditForm(dataUserGroup.UserGroupKode, dataUserGroup.UserGroupName)
+
+	return lh.View(c, vw)
+}
+func (lh *MasterMenuUserGroupHandler) HandleChangePage(c echo.Context) error {
+	page := c.QueryParam("page")
+	currPage := c.QueryParam("currentPage")
+	contentID := c.QueryParam("contentID")
+	dataUserGroup, err := lh.MasterMenuUserGroupService.GetUserGroup()
+
+	if err != nil {
+		fmt.Println(dataUserGroup)
+		return err
+	}
+	pageInt, err := strconv.Atoi(page)
+	if err != nil {
+		fmt.Println("page err")
+		return err
+	}
+	currPageInt, err := strconv.Atoi(currPage)
+	if err != nil {
+		fmt.Println("currpage err")
+		return err
+	}
+	logger, _ := zap.NewProduction()
+	defer logger.Sync()
+	logger.Info("CHANGE PAGE USER GROUP DEV",
+		zap.String("id", contentID),
+		zap.Any("data", dataUserGroup),
+	)
+	time.Sleep(3 * time.Second)
+	// time.Sleep(5 * time.Second)
+	vw := tablecomponent.Table([]string{"KODE", "USERGROUP", "AKSI"},
+		[]string{"40%", "40%", "20%"},
+		mastermenuusergroup.TableRow(dataUserGroup),
+		pagination.Pagination(pageInt, currPageInt, "dev/usergroup/pagination", contentID))
+
+	return lh.View(c, vw)
+}
+
+func (uh *MasterMenuUserGroupHandler) View(c echo.Context, cmp templ.Component) error {
+	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
+
+	return cmp.Render(c.Request().Context(), c.Response().Writer)
+}
--- a/handlers/dev/user.handlers.go
+++ b/handlers/dev/user.handlers.go
@@ -1,14 +1,14 @@
-package handlers
+package dev_handlers

 import (
+	services "cpone/services/dev"
+	"cpone/views/dev/user"
 	"fmt"
 	"net/http"
 	"strconv"
 	"strings"

 	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/user"

 	"github.com/labstack/echo/v4"
 	"golang.org/x/text/cases"
--- a/handlers/dev/xsample.handlers.go
+++ b/handlers/dev/xsample.handlers.go
@@ -0,0 +1,99 @@
+package dev_handlers
+
+import (
+	"fmt"
+	"strconv"
+
+	services "cpone/services/dev"
+	"cpone/utils"
+	"cpone/views/dev/xsample"
+
+	"github.com/a-h/templ"
+
+	"github.com/labstack/echo/v4"
+)
+
+type XsampleService interface {
+	GetListMenus() ([]services.MasterMenu, error)
+}
+
+func NewXsampleHandler(us XsampleService) *XsampleHandler {
+	return &XsampleHandler{
+		XsampleService: us,
+	}
+}
+
+type XsampleHandler struct {
+	XsampleService XsampleService
+}
+
+func (uh *XsampleHandler) Hello(c echo.Context) error {
+	helo := xsample.ShowHelo("Hello World", xsample.HelloWorld("Hello World"), xsample.CssHelo(), xsample.JsHelo())
+	return uh.View(c, helo)
+}
+func (uh *XsampleHandler) ShowCoba(c echo.Context) error {
+	dataMenu, err := uh.XsampleService.GetListMenus()
+	fmt.Println(dataMenu)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataMenu)
+		return err
+	}
+	randomID := utils.GenerateRandomID("coba")
+	fmt.Println(randomID)
+	dataUser, err := services.GetUser()
+	fmt.Println(dataUser)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataUser)
+		return err
+	}
+	helo := xsample.ShowCoba("Hello World", xsample.Coba("Hello World"), xsample.CssCoba(), xsample.JsCoba(), dataMenu, dataUser)
+	return uh.View(c, helo)
+}
+func (uh *XsampleHandler) ShowCounter(c echo.Context) error {
+	typectr := c.QueryParam("type")
+
+	counter := c.QueryParam("counter")
+	if counter == "" {
+		counter = "0"
+	}
+	ctr, err := strconv.Atoi(counter)
+	if err != nil {
+		fmt.Println("Error counter parse int")
+		return err
+	}
+
+	if typectr == "min" {
+		ctr = ctr - 1
+	} else if typectr == "plus" {
+		ctr = ctr + 1
+	}
+	helo := xsample.Page(ctr)
+	return uh.View(c, helo)
+}
+func (uh *XsampleHandler) ChangeCounter(c echo.Context) error {
+
+	typectr := c.QueryParam("type")
+
+	counter := c.QueryParam("counter")
+	ctr, err := strconv.Atoi(counter)
+	if err != nil {
+		fmt.Println("Error counter parse int")
+		return err
+	}
+
+	if typectr == "min" {
+		ctr = ctr - 1
+	} else {
+		ctr = ctr + 1
+	}
+	helo := xsample.Counts(ctr)
+	return uh.View(c, helo)
+}
+
+func (uh *XsampleHandler) View(c echo.Context, cmp templ.Component) error {
+	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
+
+	return cmp.Render(c.Request().Context(), c.Response().Writer)
+}
--- a/handlers/mastermenuusergroup.handlers.go
+++ b/handlers/mastermenuusergroup.handlers.go
@@ -1,55 +0,0 @@
-package handlers
-
-import (
-	"fmt"
-
-	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/services"
-	mastermenuusergroup "github.com/emarifer/go-templ-project-structure/views/mastermenuusergroup"
-	"github.com/labstack/echo/v4"
-)
-
-type MasterMenuUserGroupService interface {
-	GetMasterMenus() ([]services.MasterMenu, error)
-}
-
-func NewMasterMenuUserGroupHandler(us MasterMenuUserGroupService) *MasterMenuUserGroupHandler {
-	return &MasterMenuUserGroupHandler{
-		MasterMenuUserGroupService: us,
-	}
-}
-
-type MasterMenuUserGroupHandler struct {
-	MasterMenuUserGroupService MasterMenuUserGroupService
-}
-
-func (lh *MasterMenuUserGroupHandler) HandlerShowMasterMenuUserGroup(c echo.Context) error {
-	dataMenu, err := lh.MasterMenuUserGroupService.GetMasterMenus()
-	fmt.Println(dataMenu)
-	fmt.Println(err)
-	if err != nil {
-		fmt.Println(dataMenu)
-		return err
-	}
-	// fmt.Printf("%+v\n", dataMenu)
-	// si := mastermenu.ShowMasterMenu("Master Menu",
-	// 	mastermenu.MainMasterMenu(dataMenu),
-	// 	mastermenu.CssMasterMenu(),
-	// 	mastermenu.JsMasterMenu(),
-	// )
-
-	si := mastermenuusergroup.ShowMasterMenuUserGroup(
-		"Master Menu",
-		mastermenuusergroup.MainMasterMenuUserGroup(dataMenu),
-		mastermenuusergroup.CssMasterMenuUserGroup(),
-		mastermenuusergroup.JsMasterMenuUserGroup(),
-	)
-
-	return lh.View(c, si)
-}
-
-func (uh *MasterMenuUserGroupHandler) View(c echo.Context, cmp templ.Component) error {
-	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
-
-	return cmp.Render(c.Request().Context(), c.Response().Writer)
-}
--- a/handlers/public/landingpage.handlers.go
+++ b/handlers/public/landingpage.handlers.go
@@ -0,0 +1,72 @@
+package public_handlers
+
+import (
+	public_services "cpone/services/public"
+	public_landingpage "cpone/views/public/landingpage"
+
+	"github.com/a-h/templ"
+	"go.uber.org/zap"
+
+	"github.com/labstack/echo/v4"
+)
+
+type LandingPageService interface {
+	GetClientService() ([]public_services.ClientService, error)
+	GetClientAdvantage() ([]public_services.AdvantageClient, error)
+	GetPromotionList() ([]public_services.Promotion, error)
+	GetFooterNavList() ([]public_services.FooterNav, error)
+}
+
+func NewLandingPageHandler(us LandingPageService) *LandingPageHandler {
+	return &LandingPageHandler{
+		LandingPageService: us,
+	}
+}
+
+type LandingPageHandler struct {
+	LandingPageService LandingPageService
+}
+
+func (uh *LandingPageHandler) ShowLandingPage(c echo.Context) error {
+	udata, err := uh.LandingPageService.GetClientService()
+	if err != nil {
+		// fmt.Println(err)
+		return err
+	}
+	adData, err := uh.LandingPageService.GetClientAdvantage()
+	if err != nil {
+		// fmt.Println(err)
+		return err
+	}
+	lpData, err := uh.LandingPageService.GetPromotionList()
+	if err != nil {
+		// fmt.Println(err)
+		return err
+	}
+	ftNav, err := uh.LandingPageService.GetFooterNavList()
+	if err != nil {
+		return err
+	}
+	logger, _ := zap.NewProduction()
+	defer logger.Sync()
+	logger.Info("User registration successful",
+		zap.String("username", "john_doe"),
+		zap.Int("id", 12345),
+		zap.Any("data", udata),
+	)
+	// fmt.Printf("%+v\n", udata)
+
+	helo := public_landingpage.ShowLandingPage("Hello World",
+		public_landingpage.MainLandingPage(public_landingpage.ListMedicalService(udata),
+			public_landingpage.ListAdvantage(adData), public_landingpage.ListPromotion(lpData),
+			public_landingpage.FooterSection(ftNav)),
+		public_landingpage.CssLandingPage(),
+		public_landingpage.JsLandingPage())
+	return uh.View(c, helo)
+}
+
+func (uh *LandingPageHandler) View(c echo.Context, cmp templ.Component) error {
+	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
+
+	return cmp.Render(c.Request().Context(), c.Response().Writer)
+}
--- a/handlers/public/login.handlers.go
+++ b/handlers/public/login.handlers.go
@@ -0,0 +1,33 @@
+package public_handlers
+
+import (
+	"cpone/utils"
+	public_login "cpone/views/public/login"
+
+	"github.com/labstack/echo/v4"
+)
+
+type LoginService interface {
+}
+
+func NewLoginHandler(us LoginService) *LoginHandler {
+	return &LoginHandler{
+		LoginService: us,
+	}
+}
+
+type LoginHandler struct {
+	LoginService LoginService
+}
+
+// func (uh *LoginHandler) ShowLogin(c echo.Context) error {
+// 	helo := client_Login.Show()
+// 	return utils.View(c, helo)
+// }
+
+func (lh *LoginHandler) HandlerShowLogin(c echo.Context) error {
+
+	si := public_login.ShowLogin("Login ", public_login.MainLogin(), public_login.CssLogin(), public_login.JsLogin())
+
+	return utils.View(c, si)
+}
--- a/handlers/routes.go
+++ b/handlers/routes.go
@@ -1,8 +1,21 @@
 package handlers

-import "github.com/labstack/echo/v4"
+import (
+	client_handlers "cpone/handlers/client"
+	corporate_handlers "cpone/handlers/corporate"
+	dev_handlers "cpone/handlers/dev"
+	public_handlers "cpone/handlers/public"
+	client_services "cpone/services/client"
+	corporate_services "cpone/services/corporate"
+	dev_services "cpone/services/dev"
+	public_services "cpone/services/public"

-func SetupRoutes(app *echo.Echo, h *UserHandler) {
+	"cpone/db"
+
+	"github.com/labstack/echo/v4"
+)
+
+func SetupRoutes(app *echo.Echo, h *dev_handlers.UserHandler) {
 	group := app.Group("/user")

 	group.GET("", h.HandlerShowUsers)
@@ -10,33 +23,173 @@ func SetupRoutes(app *echo.Echo, h *UserHandler) {

 }

-//PLAYGROUND TESTING
-func SetupRoutesLogin(app *echo.Echo, h *LoginHandler) {
+// PLAYGROUND TESTING
+func SetupRoutesLogin(app *echo.Echo, h *dev_handlers.LoginHandler) {
 	l := app.Group("/login")
 	l.GET("/", h.HandlerShowLogin)
 }
-func SetupRoutesXsample(app *echo.Echo, h *XsampleHandler) {
+func SetupRoutesXsample(app *echo.Echo, h *dev_handlers.XsampleHandler) {
 	xSample := app.Group("/xsample")
 	xSample.GET("/xsample01", h.Hello)
+	xSample.GET("/coba", h.ShowCoba)
+	xSample.GET("/counter", h.ShowCounter)
+	xSample.GET("/counterchange", h.ChangeCounter)
 }
-func SetupRoutesLandingPage(app *echo.Echo, h *LandingPageHandler, mastermenuusergroupHandler *MasterMenuUserGroupHandler) {
+func SetupRoutesLandingPage(app *echo.Echo, h *dev_handlers.LandingPageHandler, mastermenuusergroupHandler *dev_handlers.MasterMenuUserGroupHandler) {
 	Lp := app.Group("/landing_page")
 	Lp.GET("/", h.ShowLandingPage)
 	clientgroup := app.Group("/client")
 	// mdgroup := clientgroup.Group("/md")
 	// clientusergroup.GET("/md", mastermenuusergroupHandler.HandlerShowMasterMenuUserGroup)
 	clientgroup.GET("/usergroup", mastermenuusergroupHandler.HandlerShowMasterMenuUserGroup)
+	autocomplete := app.Group("/client")
+	autocomplete.GET("/autocomplete", mastermenuusergroupHandler.HandlerListAutoComplete)
+	autocomplete.GET("/autoCompleteLoadMore/:pageOf/:searchParam/:limit", mastermenuusergroupHandler.HandlerListAutoCompleteLoadMore)
+	autocomplete.GET("/autoCompleteSetValue/:setvalue", mastermenuusergroupHandler.HandlerListAutoCompleteAfterSelected)
+	clientgroup.GET("/usergroup/edit", mastermenuusergroupHandler.ChangeFormEdit)
+	clientgroup.GET("/usergroup/pagination", mastermenuusergroupHandler.HandleChangePage)
+
 }
-func SetupRoutesPieChart(app *echo.Echo, h *PiechartHandler) {
+func SetupRoutesPieChart(app *echo.Echo, h *dev_handlers.PiechartHandler) {
 	Lp := app.Group("/pie_chart")
 	Lp.GET("/", h.ShowPieChart)
 	Lp.GET("/peserta", h.ShowMcuPeserta)
 	Lp.GET("/bar", h.ShowBarChart)
 }
-func SetupRoutesEmployee(app *echo.Echo, e *EmployeeHandler) {
+func SetupRoutesEmployee(app *echo.Echo, e *dev_handlers.EmployeeHandler) {
 	employee := app.Group("/employee")
 	employee.GET("/", e.ShowEmployee)
 }
 func SetupRoutesProject(app *echo.Echo) {

 }
+func SetupRoutesPublic(app *echo.Echo, appStore db.AppStore) {
+	public := app.Group("/")
+	l := public_services.NewServicesLandingPage(public_services.LandingPage{}, appStore)
+	lh := public_handlers.NewLandingPageHandler(l)
+	public.GET("landingpage", lh.ShowLandingPage)
+	loginHdr := public_handlers.NewLoginHandler(l)
+	public.GET("login", loginHdr.HandlerShowLogin)
+}
+func SetupRoutesCorporate(app *echo.Echo, appStore db.AppStore) {
+	public := app.Group("/corp")
+	l := corporate_services.NewServicesCompany(appStore)
+	lh := corporate_handlers.NewCompanyHandler(l)
+	public.GET("/company", lh.ShowCompany)
+	patientHandler := corporate_handlers.NewPatientHandler(l)
+	public.GET("/patient", patientHandler.ShowPatient)
+}
+
+func SetupRoutesClient(app *echo.Echo, appStore db.AppStore) {
+	public := app.Group("/client")
+
+	lpanel := client_services.NewServicesMdPanel(appStore)
+	lhpanel := client_handlers.NewMdPanelHandler(lpanel)
+	public.GET("/md/panel", lhpanel.ShowMdPanel)
+
+	lpasien := client_services.NewServicesMdPasien(appStore)
+	lhpasien := client_handlers.NewMdPasienHandler(lpasien)
+	public.GET("/md/pasien", lhpasien.ShowMdPasien)
+
+	ldokter := client_services.NewServicesMdDokter(appStore)
+	lhdokter := client_handlers.NewMdDokterHandler(ldokter)
+	public.GET("/md/dokter", lhdokter.ShowMdDokter)
+
+	lhargasingle := client_services.NewServicesMdHargaSingle(appStore)
+	lhhargasingle := client_handlers.NewMdHargaSingleHandler(lhargasingle)
+	public.GET("/md/hargasingle", lhhargasingle.ShowMdHargaSingle)
+
+	lresultnonlab := client_services.NewServicesMdResultNonLab(appStore)
+	lhresultnonlab := client_handlers.NewMdResultNonLabHandler(lresultnonlab)
+	public.GET("/md/resultnonlab", lhresultnonlab.ShowMdResultNonLab)
+
+	ltemplatefisik := client_services.NewServicesMdTemplateFisik(appStore)
+	lhtemplatefisik := client_handlers.NewMdTemplateFisikHandler(ltemplatefisik)
+	public.GET("/md/templatefisik", lhtemplatefisik.ShowMdTemplateFisik)
+
+	lhargapanel := client_services.NewServicesMdHargaPanel(appStore)
+	lhhargapanel := client_handlers.NewMdHargaPanelHandler(lhargapanel)
+	public.GET("/md/hargapanel", lhhargapanel.ShowMdHargaPanel)
+
+	lhargaprofile := client_services.NewServicesMdHargaProfile(appStore)
+	lhhargaprofile := client_handlers.NewMdHargaProfileHandler(lhargaprofile)
+	public.GET("/md/hargaprofile", lhhargaprofile.ShowMdHargaProfile)
+
+	lpaket := client_services.NewServicesMdPaket(appStore)
+	lhpaket := client_handlers.NewMdPaketHandler(lpaket)
+	public.GET("/md/paket", lhpaket.ShowMdPaket)
+
+	lsamplestation := client_services.NewServicesMdSampleStation(appStore)
+	lhsamplestation := client_handlers.NewMdSampleStationHandler(lsamplestation)
+	public.GET("/md/samplestation", lhsamplestation.ShowMdSampleStation)
+
+	lsampletype := client_services.NewServicesMdSampleType(appStore)
+	lhsampletype := client_handlers.NewMdSampleTypeHandler(lsampletype)
+	public.GET("/md/sampletype", lhsampletype.ShowMdSampleType)
+	//MD BAHAN
+	mdBahanService := client_services.NewServicesMdBahan(appStore)
+	mdbahanHandler := client_handlers.NewMdBahanHandler(mdBahanService)
+	public.GET("/md/bahan", mdbahanHandler.ShowMdBahan)
+
+	//Client Dahboard
+	clientDashboardService := client_services.NewServicesClientDashboard(appStore)
+	clientdshbrdHandler := client_handlers.NewClientDashboardHandler(clientDashboardService)
+	public.GET("", clientdshbrdHandler.ShowClientDashboard)
+
+	//MD User
+	mdUserService := client_services.NewServicesMdUser(appStore)
+	mdUserHandler := client_handlers.NewMdUserHandler(mdUserService)
+	public.GET("/md/user", mdUserHandler.ShowMdUser)
+
+	// MD Corp
+	mdCorpService := client_services.NewServicesMdCorp(appStore)
+	mdCorpHandler := client_handlers.NewMdCorpHandler(mdCorpService)
+	public.GET("/md/corp", mdCorpHandler.ShowMdCorp)
+
+	// Md User Group
+	mdUserGroupService := client_services.NewServicesMdUserGroup(appStore)
+	mdUserGroupHandler := client_handlers.NewMdUserGroupHandler(mdUserGroupService)
+	public.GET("/md/usergroup", mdUserGroupHandler.ShowMdUserGroup)
+
+	//MD Test
+	mdTestService := client_services.NewServicesMdTest(appStore)
+	mdTestHandler := client_handlers.NewMdTestHandler(mdTestService)
+	public.GET("/md/test", mdTestHandler.ShowMdTest)
+
+	//MD Profile
+	mdProfileService := client_services.NewServicesMdProfile(appStore)
+	mdProfileHandler := client_handlers.NewMdProfileHandler(mdProfileService)
+	public.GET("/md/profile", mdProfileHandler.ShowMdProfile)
+
+	//MCU Setup
+	mcuSetupService := client_services.NewServicesMCUSetup(appStore)
+	mcuSetupHandler := client_handlers.NewMCUSetupHandler(mcuSetupService)
+	public.GET("/mcu/setup", mcuSetupHandler.ShowMCUSetup)
+
+	//MCU Preregister
+	mcuPreregisterService := client_services.NewServicesMCUPreregister(appStore)
+	mcuPreregisterHandler := client_handlers.NewMCUPreregisterHandler(mcuPreregisterService)
+	public.GET("/mcu/preregister", mcuPreregisterHandler.ShowMCUPreregister)
+
+	//Transaksi Sample Station
+	txSampleStationService := client_services.NewServicesTransaksiSampleStation(appStore)
+	txSampleStationHandler := client_handlers.NewTransaksiSampleStationHandler(txSampleStationService)
+	public.GET("/transaksi/samplestation", txSampleStationHandler.ShowTransaksiSampleStation)
+}
+
+func SetupRoutesDev(app *echo.Echo, appStore db.AppStore) {
+	dev := app.Group("/dev")
+
+	dvlpserv := dev_services.NewServicesLandingPage(appStore)
+	devlphan := dev_handlers.NewLandingPageHandler(dvlpserv)
+	dev.GET("/landingpage", devlphan.ShowLandingPage)
+
+	//DEV USERGROUP
+	devUGServices := dev_services.NewServicesMasterMenuUserGroup(appStore)
+	devUGhandlers := dev_handlers.NewMasterMenuUserGroupHandler(devUGServices)
+	dev.GET("/usergroup", devUGhandlers.HandlerShowMasterMenuUserGroup)
+	dev.GET("/usergroup/pagination", devUGhandlers.HandleChangePage)
+
+	// clientgroup.GET("/usergroup/edit", mastermenuusergroupHandler.ChangeFormEdit)
+	// clientgroup.GET("/usergroup/pagination", mastermenuusergroupHandler.HandleChangePage)
+}
--- a/handlers/xsample.handlers.go
+++ b/handlers/xsample.handlers.go
@@ -1,32 +0,0 @@
-package handlers
-
-import (
-	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/views/xsample"
-
-	"github.com/labstack/echo/v4"
-)
-
-type XsampleService interface {
-}
-
-func NewXsampleHandler(us XsampleService) *XsampleHandler {
-	return &XsampleHandler{
-		XsampleService: us,
-	}
-}
-
-type XsampleHandler struct {
-	XsampleService XsampleService
-}
-
-func (uh *XsampleHandler) Hello(c echo.Context) error {
-	helo := xsample.ShowHelo("Hello World", xsample.HelloWorld("Hello World"), xsample.CssHelo(), xsample.JsHelo())
-	return uh.View(c, helo)
-}
-
-func (uh *XsampleHandler) View(c echo.Context, cmp templ.Component) error {
-	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
-
-	return cmp.Render(c.Request().Context(), c.Response().Writer)
-}
--- a/views/layout/base.layout.templ
+++ b/views/layout/base.layout.templ
--- a/views/layout/base.layout_templ.go
+++ b/views/layout/base.layout_templ.go
@@ -30,7 +30,7 @@ func Base(title string) templ.Component {
 		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: `views\layout\base.layout.templ`, Line: 18, Col: 40}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\base.layout.templ`, Line: 18, Col: 40}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
--- a/views/layout/canvas_layout.templ
+++ b/views/layout/canvas_layout.templ
@@ -83,6 +83,25 @@ templ CanvasLayout(title string, css templ.Component, js templ.Component) {
 				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-->
@@ -94,72 +113,8 @@ templ CanvasLayout(title string, css templ.Component, js templ.Component) {
 			<!--begin::Main-->
 			{ children... }
 			<!--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>
-	<!-- iconify -->
+			<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)-->
--- a/views/layout/canvas_layout_templ.go
+++ b/views/layout/canvas_layout_templ.go
@@ -30,13 +30,13 @@ func CanvasLayout(title string, css templ.Component, js templ.Component) templ.C
 		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: `views\layout\canvas_layout.templ`, Line: 22, Col: 34}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\canvas_layout.templ`, Line: 22, 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\">")
+		_, 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
 		}
@@ -52,7 +52,7 @@ func CanvasLayout(title string, css templ.Component, js templ.Component) templ.C
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Main--><script>\r\n      var HOST_URL =\r\n        \"https://preview.keenthemes.com/metronic/theme/html/tools/preview\";\r\n    </script><!--begin::Global Config(global config for global JS scripts)--><script>\r\n      var KTAppSettings = {\r\n        breakpoints: {\r\n          sm: 576,\r\n          md: 768,\r\n          lg: 992,\r\n          xl: 1200,\r\n          xxl: 1400,\r\n        },\r\n        colors: {\r\n          theme: {\r\n            base: {\r\n              white: \"#ffffff\",\r\n              primary: \"#3699FF\",\r\n              secondary: \"#E5EAEE\",\r\n              success: \"#1BC5BD\",\r\n              info: \"#8950FC\",\r\n              warning: \"#FFA800\",\r\n              danger: \"#F64E60\",\r\n              light: \"#E4E6EF\",\r\n              dark: \"#181C32\",\r\n            },\r\n            light: {\r\n              white: \"#ffffff\",\r\n              primary: \"#E1F0FF\",\r\n              secondary: \"#EBEDF3\",\r\n              success: \"#C9F7F5\",\r\n              info: \"#EEE5FF\",\r\n              warning: \"#FFF4DE\",\r\n              danger: \"#FFE2E5\",\r\n              light: \"#F3F6F9\",\r\n              dark: \"#D6D6E0\",\r\n            },\r\n            inverse: {\r\n              white: \"#ffffff\",\r\n              primary: \"#ffffff\",\r\n              secondary: \"#3F4254\",\r\n              success: \"#ffffff\",\r\n              info: \"#ffffff\",\r\n              warning: \"#ffffff\",\r\n              danger: \"#ffffff\",\r\n              light: \"#464E5F\",\r\n              dark: \"#ffffff\",\r\n            },\r\n          },\r\n          gray: {\r\n            \"gray-100\": \"#F3F6F9\",\r\n            \"gray-200\": \"#EBEDF3\",\r\n            \"gray-300\": \"#E4E6EF\",\r\n            \"gray-400\": \"#D1D3E0\",\r\n            \"gray-500\": \"#B5B5C3\",\r\n            \"gray-600\": \"#7E8299\",\r\n            \"gray-700\": \"#5E6278\",\r\n            \"gray-800\": \"#3F4254\",\r\n            \"gray-900\": \"#181C32\",\r\n          },\r\n        },\r\n        \"font-family\": \"Poppins\",\r\n      };\r\n    </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><!--end::Global Theme Bundle-->")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--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><!--end::Global Theme Bundle-->")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
--- a/layout/layout_corporate.templ
+++ b/layout/layout_corporate.templ
@@ -0,0 +1,256 @@
+package layout
+
+import (
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
+)
+
+// LAYOUT PLAYGROUND
+templ CorporateLayout(title string, css templ.Component, js templ.Component, datamenu []services.MasterMenu, dataUser models.User) {
+	<!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="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"
+		>
+			// htmx
+			<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::Aside Mobile Toggle-->
+					<button class="btn p-0 burger-icon burger-icon-left" id="kt_aside_mobile_toggle">
+						<span></span>
+					</button>
+					<!--end::Aside Mobile Toggle-->
+					<!--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="d-flex flex-column flex-root">
+				<!--begin::Page-->
+				<div class="d-flex flex-row flex-column-fluid page">
+					<!--begin::Aside-->
+					<div class="aside aside-left  aside-fixed  d-flex flex-column flex-row-auto" id="kt_aside">
+						<!--begin::Brand-->
+						<div class="brand flex-column-auto " id="kt_brand">
+							<!--begin::Logo-->
+							<a href="index.html" class="brand-logo" style="">
+								<img alt="Logo" class="img-fluid" src="asset-corporate-portal/media/logo/logo.png"/>
+							</a>
+							<!--end::Logo-->
+							<!--begin::Toggle-->
+							<button class="brand-toggle btn btn-sm px-0" id="kt_aside_toggle">
+								<span
+									class="svg-icon svg-icon svg-icon-xl"
+								>
+									<!--begin::Svg Icon | path:/assets/media/svg/icons/Navigation/Angle-double-left.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="M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z"
+												fill="#000000"
+												fill-rule="nonzero"
+												transform="translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) "
+											></path>
+											<path
+												d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z"
+												fill="#000000"
+												fill-rule="nonzero"
+												opacity="0.3"
+												transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) "
+											></path>
+										</g>
+									</svg><!--end::Svg Icon-->
+								</span>
+							</button>
+							<!--end::Toolbar-->
+						</div>
+						<!--end::Brand-->
+						<!--begin::Aside Menu-->
+						@navbar.NavbarMenu(datamenu)
+						<!--end::Aside Menu-->
+					</div>
+					<!--end::Aside-->
+					<!--begin::Wrapper-->
+					<div class="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">
+						<!--begin::Header-->
+						@navbar.Navbar(dataUser)
+						<!--end::Header-->
+						<!--begin::Content-->
+						<div class="container-fluid">
+							{ children... }
+						</div>
+						<!--end::Content-->
+					</div>
+					<!--end::Wrapper-->
+				</div>
+				<!--end::Page-->
+			</div>
+			<!--end::Navbar Laptop With Sidebar-->
+			@sidebaruserprofile.Navbaruserprofile(dataUser)
+			<!--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>
+			@js
+			<!--end::Page Scripts-->
+		</body>
+		<!--end::Body-->
+	</html>
+}
--- a/layout/layout_corporate_templ.go
+++ b/layout/layout_corporate_templ.go
@@ -0,0 +1,104 @@
+// 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"
+
+import (
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
+)
+
+// LAYOUT PLAYGROUND
+func CorporateLayout(title string, css templ.Component, js templ.Component, datamenu []services.MasterMenu, 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("<!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\layout_corporate.templ`, Line: 30, 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::Aside Mobile Toggle--><button class=\"btn p-0 burger-icon burger-icon-left\" id=\"kt_aside_mobile_toggle\"><span></span></button><!--end::Aside Mobile Toggle--><!--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=\"d-flex flex-column flex-root\"><!--begin::Page--><div class=\"d-flex flex-row flex-column-fluid page\"><!--begin::Aside--><div class=\"aside aside-left  aside-fixed  d-flex flex-column flex-row-auto\" id=\"kt_aside\"><!--begin::Brand--><div class=\"brand flex-column-auto \" id=\"kt_brand\"><!--begin::Logo--><a href=\"index.html\" class=\"brand-logo\" style=\"\"><img alt=\"Logo\" class=\"img-fluid\" src=\"asset-corporate-portal/media/logo/logo.png\"></a><!--end::Logo--><!--begin::Toggle--><button class=\"brand-toggle btn btn-sm px-0\" id=\"kt_aside_toggle\"><span class=\"svg-icon svg-icon svg-icon-xl\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Navigation/Angle-double-left.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=\"M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z\" fill=\"#000000\" fill-rule=\"nonzero\" transform=\"translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) \"></path> <path d=\"M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z\" fill=\"#000000\" fill-rule=\"nonzero\" opacity=\"0.3\" transform=\"translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) \"></path></g></svg><!--end::Svg Icon--></span></button><!--end::Toolbar--></div><!--end::Brand--><!--begin::Aside Menu-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = navbar.NavbarMenu(datamenu).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Aside Menu--></div><!--end::Aside--><!--begin::Wrapper--><div class=\"d-flex flex-column flex-row-fluid wrapper\" id=\"kt_wrapper\"><!--begin::Header-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = navbar.Navbar(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::Content--><div class=\"container-fluid\">")
+		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><!--end::Content--></div><!--end::Wrapper--></div><!--end::Page--></div><!--end::Navbar Laptop With Sidebar-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = sidebaruserprofile.Navbaruserprofile(dataUser).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>")
+		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><!--end::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/views/layout/playground_layout.templ
+++ b/views/layout/playground_layout.templ
@@ -84,6 +84,25 @@ templ PlaygroundLayout(title string, css templ.Component, js templ.Component) {
 				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-->
@@ -97,71 +116,7 @@ templ PlaygroundLayout(title string, css templ.Component, js templ.Component) {
 			<!--begin::Main-->
 			{ children... }
 			<!--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>
+			<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>
--- a/views/layout/playground_layout_templ.go
+++ b/views/layout/playground_layout_templ.go
@@ -31,13 +31,13 @@ func PlaygroundLayout(title string, css templ.Component, js templ.Component) tem
 		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: `views\layout\playground_layout.templ`, Line: 23, 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 {
 			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\">")
+		_, 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
 		}
@@ -53,7 +53,7 @@ func PlaygroundLayout(title string, css templ.Component, js templ.Component) tem
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Main--><script>\r\n      var HOST_URL =\r\n        \"https://preview.keenthemes.com/metronic/theme/html/tools/preview\";\r\n    </script><!--begin::Global Config(global config for global JS scripts)--><script>\r\n      var KTAppSettings = {\r\n        breakpoints: {\r\n          sm: 576,\r\n          md: 768,\r\n          lg: 992,\r\n          xl: 1200,\r\n          xxl: 1400,\r\n        },\r\n        colors: {\r\n          theme: {\r\n            base: {\r\n              white: \"#ffffff\",\r\n              primary: \"#3699FF\",\r\n              secondary: \"#E5EAEE\",\r\n              success: \"#1BC5BD\",\r\n              info: \"#8950FC\",\r\n              warning: \"#FFA800\",\r\n              danger: \"#F64E60\",\r\n              light: \"#E4E6EF\",\r\n              dark: \"#181C32\",\r\n            },\r\n            light: {\r\n              white: \"#ffffff\",\r\n              primary: \"#E1F0FF\",\r\n              secondary: \"#EBEDF3\",\r\n              success: \"#C9F7F5\",\r\n              info: \"#EEE5FF\",\r\n              warning: \"#FFF4DE\",\r\n              danger: \"#FFE2E5\",\r\n              light: \"#F3F6F9\",\r\n              dark: \"#D6D6E0\",\r\n            },\r\n            inverse: {\r\n              white: \"#ffffff\",\r\n              primary: \"#ffffff\",\r\n              secondary: \"#3F4254\",\r\n              success: \"#ffffff\",\r\n              info: \"#ffffff\",\r\n              warning: \"#ffffff\",\r\n              danger: \"#ffffff\",\r\n              light: \"#464E5F\",\r\n              dark: \"#ffffff\",\r\n            },\r\n          },\r\n          gray: {\r\n            \"gray-100\": \"#F3F6F9\",\r\n            \"gray-200\": \"#EBEDF3\",\r\n            \"gray-300\": \"#E4E6EF\",\r\n            \"gray-400\": \"#D1D3E0\",\r\n            \"gray-500\": \"#B5B5C3\",\r\n            \"gray-600\": \"#7E8299\",\r\n            \"gray-700\": \"#5E6278\",\r\n            \"gray-800\": \"#3F4254\",\r\n            \"gray-900\": \"#181C32\",\r\n          },\r\n        },\r\n        \"font-family\": \"Poppins\",\r\n      };\r\n    </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>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Main--><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/models/CustomTextField.models.go
+++ b/models/CustomTextField.models.go
@@ -0,0 +1,14 @@
+package models
+
+// inpLabelText,
+// 	inpName,
+// 	inpPlaceHolder,
+// 	inpType string
+// MainCustomTextField
+type CustomTextFieldv2Prm struct {
+	Label       string `default:"Label"`
+	Name        string `default:"name"`
+	Placeholder string `default:"Placeholder"`
+	Type        string `default:"text"`
+	Value       string `default:""`
+}
--- a/models/table.models.go
+++ b/models/table.models.go
@@ -0,0 +1,15 @@
+package models
+
+type TableHead struct {
+	Name  string `json:"name"`
+	Width string `json:"width"`
+}
+
+func GetTableHead() []TableHead {
+	a := []TableHead{
+		{Name: "Kode", Width: "30%"},
+		{Name: "User Group", Width: "40%"},
+		{Name: "Aksi", Width: "30%"},
+	}
+	return a
+}
--- a/models/user.models.go
+++ b/models/user.models.go
@@ -0,0 +1,8 @@
+package models
+
+type User struct {
+	UserID       int    `json:"userID"`
+	Username     string `json:"username"`
+	UserFullName string `json:"userFullName"`
+	UserPosition string `json:"userPosition"`
+}
--- a/models/usergroup.models.go
+++ b/models/usergroup.models.go
@@ -0,0 +1,7 @@
+package models
+
+type UserGroup struct {
+	UserGroupID   int    `json:"user_group_id"`
+	UserGroupKode string `json:"user_group_kode"`
+	UserGroupName string `json:"user_group_name"`
+}
--- a/package/config/config.go
+++ b/package/config/config.go
@@ -0,0 +1,53 @@
+package config
+
+import (
+	"log"
+
+	"github.com/fsnotify/fsnotify"
+	"github.com/spf13/viper"
+	"go.uber.org/zap"
+)
+
+type Reader interface {
+	Get(key string) string
+}
+
+type viperConfigReader struct {
+	viper *viper.Viper
+}
+
+var Data *viperConfigReader
+
+func (v viperConfigReader) Get(key string) string {
+	return v.viper.GetString(key)
+}
+
+func (v viperConfigReader) GetInt(key string) int {
+	return v.viper.GetInt(key)
+}
+
+func Load() {
+	v := viper.New()
+	v.AddConfigPath(".")
+	v.SetConfigName("config")
+	v.SetConfigType("yaml")
+	v.AutomaticEnv()
+
+	err := v.ReadInConfig()
+	if err != nil {
+		return
+	}
+	Data = &viperConfigReader{
+		viper: v,
+	}
+	v.WatchConfig()
+	v.OnConfigChange(func(e fsnotify.Event) {
+		log.Println("config file changed", e.Name)
+		logger, _ := zap.NewProduction()
+		defer logger.Sync()
+		logger.Info("Config file change",
+			zap.String("name", e.Name),
+		)
+	})
+	return
+}
--- a/package/database/database.go
+++ b/package/database/database.go
@@ -0,0 +1,95 @@
+package database
+
+import (
+	"bytes"
+	"database/sql"
+	"fmt"
+	"log"
+	"strings"
+
+	"cpone/package/config"
+
+	_ "github.com/go-sql-driver/mysql"
+)
+
+var Handle *sql.DB
+var HandleSeq *sql.DB
+
+func InitDB() {
+	println(config.Data.Get("DBhost"))
+	if config.Data.Get("DBhost") == "" {
+		println("sqlite")
+
+		handle, err := sql.Open("sqlite", config.Data.Get("DBname"))
+		if err != nil {
+			// log.Fatalf("🔥 failed to connect to the database: %s", err.Error())
+			log.Panic(err)
+		}
+		Handle = handle
+	} 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")
+		println(dsn)
+		handle, err := sql.Open("mysql", dsn)
+
+		if err != nil {
+			log.Panic(err)
+		}
+
+		if err = handle.Ping(); err != nil {
+			log.Panic(err)
+		}
+		Handle = handle
+
+	}
+	log.Println("🚀 Connected Successfully to the Database")
+
+}
+
+func LogSQL(query string, args ...interface{}) {
+	var buffer bytes.Buffer
+	nArgs := len(args)
+	// Break the string by question marks, iterate over its parts and for each
+	// question mark - append an argument and format the argument according to
+	// it's type, taking into consideration NULL values and quoting strings.
+	for i, part := range strings.Split(query, "?") {
+		buffer.WriteString(part)
+		if i < nArgs {
+			switch a := args[i].(type) {
+			case int:
+				buffer.WriteString(fmt.Sprintf("%d", a))
+			case int64:
+				buffer.WriteString(fmt.Sprintf("%d", a))
+			case bool:
+				buffer.WriteString(fmt.Sprintf("%t", a))
+			case sql.NullBool:
+				if a.Valid {
+					buffer.WriteString(fmt.Sprintf("%t", a.Bool))
+				} else {
+					buffer.WriteString("NULL")
+				}
+			case sql.NullInt64:
+				if a.Valid {
+					buffer.WriteString(fmt.Sprintf("%d", a.Int64))
+				} else {
+					buffer.WriteString("NULL")
+				}
+			case sql.NullString:
+				if a.Valid {
+					buffer.WriteString(fmt.Sprintf("%q", a.String))
+				} else {
+					buffer.WriteString("NULL")
+				}
+			case sql.NullFloat64:
+				if a.Valid {
+					buffer.WriteString(fmt.Sprintf("%f", a.Float64))
+				} else {
+					buffer.WriteString("NULL")
+				}
+			default:
+				buffer.WriteString(fmt.Sprintf("%q", a))
+			}
+		}
+	}
+	log.Print(buffer.String())
+}
--- a/services/client/clientdashboard.services.go
+++ b/services/client/clientdashboard.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesClientDashboard struct {
+	CLientDashboardStore db.AppStore
+}
+
+func NewServicesClientDashboard(uStore db.AppStore) *ServicesClientDashboard {
+
+	return &ServicesClientDashboard{
+
+		CLientDashboardStore: uStore,
+	}
+}
--- a/services/client/mcupreregister.services.go
+++ b/services/client/mcupreregister.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMCUPreregister struct {
+	MCUPreregisterStore db.AppStore
+}
+
+func NewServicesMCUPreregister(uStore db.AppStore) *ServicesMCUPreregister {
+
+	return &ServicesMCUPreregister{
+
+		MCUPreregisterStore: uStore,
+	}
+}
--- a/services/client/mcusetup.services.go
+++ b/services/client/mcusetup.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMCUSetup struct {
+	MCUSetupStore db.AppStore
+}
+
+func NewServicesMCUSetup(uStore db.AppStore) *ServicesMCUSetup {
+
+	return &ServicesMCUSetup{
+
+		MCUSetupStore: uStore,
+	}
+}
--- a/services/client/mdbahan.services.go
+++ b/services/client/mdbahan.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdBahan struct {
+	MdBahanStore db.AppStore
+}
+
+func NewServicesMdBahan(uStore db.AppStore) *ServicesMdBahan {
+
+	return &ServicesMdBahan{
+
+		MdBahanStore: uStore,
+	}
+}
--- a/services/client/mdcorp.services.go
+++ b/services/client/mdcorp.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdCorp struct {
+	MdCorpStore db.AppStore
+}
+
+func NewServicesMdCorp(uStore db.AppStore) *ServicesMdCorp {
+
+	return &ServicesMdCorp{
+
+		MdCorpStore: uStore,
+	}
+}
--- a/services/client/mddokter.services.go
+++ b/services/client/mddokter.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdDokter struct {
+	MdDokterStore db.AppStore
+}
+
+func NewServicesMdDokter(uStore db.AppStore) *ServicesMdDokter {
+
+	return &ServicesMdDokter{
+
+		MdDokterStore: uStore,
+	}
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Sas Andy	0af34a2e33	coba pagination	2024-05-14 09:01:27 +07:00
Sas Andy	49c80c912b	Merge branch 'andy/table' of https://devone.aplikasi.web.id/gitea/andy/corporate_portal_westerindo into andy/table	2024-05-13 14:41:22 +07:00
Sas Andy	65d54eb7a1	coba pagination	2024-05-13 14:39:06 +07:00
Sas Andy	93186320d7	clear store	2024-05-13 14:35:40 +07:00
Sas Andy	1a4f1ee2d6	revisi db & logger	2024-05-13 14:23:26 +07:00
Sas Andy	f757652e96	config & db	2024-05-13 14:22:58 +07:00
Sas Andy	b24623668e	coba pagination	2024-05-13 09:00:21 +07:00
Sas Andy	74856a96e1	revisi & dev routes	2024-05-10 15:18:18 +07:00
Sas Andy	b3355c5772	Merge remote-tracking branch 'origin/andy/routingall'	2024-05-10 14:48:40 +07:00
Sas Andy	9a4a9b34dc	routing	2024-05-10 14:35:00 +07:00
Sas Andy	d3d59ebedb	client md test	2024-05-10 14:07:37 +07:00
Sas Andy	f2a84daea0	client md user group	2024-05-10 10:06:05 +07:00
Sas Andy	0bc1cb2a49	client md corp	2024-05-10 09:51:59 +07:00
Sas Andy	6a8f7ef656	client md user	2024-05-10 09:41:07 +07:00
Sas Andy	ff0f95a67f	client dashboard	2024-05-10 09:32:36 +07:00
Sas Andy	f6d177f2f1	patient underdev	2024-05-10 09:23:40 +07:00
Sas Andy	f673933c4c	login	2024-05-10 08:53:32 +07:00
sindhu	c6e7f76e85	client md sample station. sample type, paket, hrg profile	2024-05-09 14:39:58 +07:00
sindhu	15d66cb80a	client harga panel	2024-05-09 13:57:18 +07:00
sindhu	2b6a524e48	client template fisik	2024-05-09 13:49:52 +07:00
sindhu	4b2470ea84	client md result non lab	2024-05-09 13:36:36 +07:00
sindhu	698e81eda7	client md harga single	2024-05-09 13:25:05 +07:00
sindhu	504bec64a2	client md dokter	2024-05-09 13:06:49 +07:00
sindhu	20387e14ab	client md pasien	2024-05-09 13:02:21 +07:00
sindhu	0ba409ab73	client md panel	2024-05-08 16:27:30 +07:00
sindhu	88d9985ca1	client md bahan	2024-05-08 16:14:07 +07:00
Sas Andy	1965359fd5	company under development	2024-05-08 15:56:44 +07:00
Sas Andy	9ae7e495c6	refactor structure	2024-05-08 15:26:14 +07:00
Sas Andy	ac97487b9b	contains utils	2024-05-08 13:58:49 +07:00
Sas Andy	233197a0fb	Merge branch 'andy/table'	2024-05-08 13:58:12 +07:00
sindhu	fb91440c81	autocomplete	2024-05-08 13:36:37 +07:00
Sas Andy	ad26d88feb	try pagination templ	2024-05-08 13:28:03 +07:00
Sas Andy	8f2104270d	modal edit user group	2024-05-08 09:23:43 +07:00
Sas Andy	963885d8a3	Merge branch 'andy/table' of https://devone.aplikasi.web.id/gitea/andy/corporate_portal_westerindo into andy/table	2024-05-06 15:34:10 +07:00
Sas Andy	1f2973360c	table component	2024-05-06 15:25:51 +07:00
Sas Andy	329db2e2ac	layout corporate, navbar & side bar templ	2024-05-06 15:25:51 +07:00
Sas Andy	f527eaa17e	text hover css	2024-05-06 15:25:51 +07:00
Sas Andy	559f0b41a2	user group table	2024-05-06 15:25:51 +07:00
Sas Andy	89bac6fabe	custom buton tosca	2024-05-06 15:25:51 +07:00
Sas Andy	e157e2fe43	table component	2024-05-06 15:23:34 +07:00
Sas Andy	728c4ccf7a	layout corporate, navbar & side bar templ	2024-05-06 13:27:28 +07:00
Sas Andy	6972963f41	text hover css	2024-05-06 13:27:01 +07:00
sindhu	48b4de265f	add active search dan text field biasa	2024-05-06 09:14:45 +07:00
Sas Andy	662382b50b	user group table	2024-05-03 16:54:04 +07:00
Sas Andy	b278020911	custom buton tosca	2024-05-03 16:45:58 +07:00