routing

client md test
client md user group
2024-05-10 14:35:00 +07:00 · 2024-05-10 14:07:37 +07:00 · 2024-05-10 10:06:05 +07:00 · 2024-05-10 09:51:59 +07:00 · 2024-05-10 09:41:07 +07:00 · 2024-05-10 09:32:36 +07:00
163 changed files with 8718 additions and 756 deletions
--- 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
@@ -601,12 +601,12 @@ a.text-white:focus {
 /* ## BUTTON OUTLINE SECONDARY*/

 .btn-outline-secondary {
-  color: var(--secondary) !important;
-  border-color: var(--secondary) !important;
+  color: var(--text-black) !important;
+  border-color: var(--grey) !important;
 }
 .btn-outline-secondary:hover {
-  color: #181c32;
-  background-color: var(--secondary) !important;
+  color: var(--white);
+  background-color: var(--grey) !important;
  border-color: var(--secondary) !important;
 }
 .btn-outline-secondary:focus,
@@ -5168,6 +5168,15 @@ a.text-hover-tosca:hover .svg-icon svg:hover g [fill],
  transition: fill 0.3s ease;
 }

+.htmx-indicator {
+  display: none;
+}
+.htmx-request .htmx-indicator {
+  display: inline;
+}
+.htmx-request.htmx-indicator {
+  display: inline;
+}
 /* ### BUTTON HOVER TEXT */
 /* ###  */
 /* ## PRIMARY */
--- a/cmd/main.go
+++ b/cmd/main.go
@@ -1,11 +1,9 @@
 package main

 import (
-	"net/http"
+	"cpone/db"
+	"cpone/handlers"

-	"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"
 )
@@ -21,79 +19,18 @@ func main() {

 	app.Static("/", "assets")
 	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/")
-	})
-
-	app.GET("/pie_chart", func(c echo.Context) error {
-		return c.Redirect(http.StatusMovedPermanently, "/pie_chart/")
-	})
-
-	uStore, err := db.NewUserStore(dbName)
+	appStore, err := db.NewAppStore(dbName)
 	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

 	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/views/component/navbar/navbar.templ
+++ b/views/component/navbar/navbar.templ
@@ -1,9 +1,9 @@
 package navbar

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

 templ Navbar(dataUser models.User) {
--- a/views/component/navbar/navbar_templ.go
+++ b/views/component/navbar/navbar_templ.go
@@ -11,9 +11,9 @@ import "io"
 import "bytes"

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

 func Navbar(dataUser models.User) templ.Component {
@@ -36,7 +36,7 @@ func Navbar(dataUser models.User) templ.Component {
 		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: `views\component\navbar\navbar.templ`, Line: 29, Col: 26}
+			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 {
--- a/component/pagination/pagination.templ
+++ b/component/pagination/pagination.templ
@@ -0,0 +1,17 @@
+package pagination 
+
+import "strconv"
+
+templ Pagination(length int, currentPage int) {
+	<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 href="#" class="btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1">{ strconv.Itoa(i+1) }</a>
+				} else {
+					<a href="#" class="btn btn-icon btn-sm border-0 btn-light mr-2 my-1">{ strconv.Itoa(i+1) }</a>
+				}
+			}
+		</div>
+	</div>
+}
--- a/component/pagination/pagination_templ.go
+++ b/component/pagination/pagination_templ.go
@@ -0,0 +1,80 @@
+// 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) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex justify-content-between align-items-center flex-wrap\"><div class=\"d-flex flex-wrap py-2 mr-3\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for i := 0; i < length; i++ {
+			if (i + 1) == currentPage {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a href=\"#\" class=\"btn btn-icon btn-sm border-0 btn-light btn-hover-primary active mr-2 my-1\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var2 string
+				templ_7745c5c3_Var2, 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: 10, Col: 118}
+				}
+				_, 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("</a>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			} else {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a href=\"#\" class=\"btn btn-icon btn-sm border-0 btn-light mr-2 my-1\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, 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: 12, Col: 93}
+				}
+				_, 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>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/component/sidebar_user_profile/sidebar_user_profile.templ
+++ b/views/component/sidebar_user_profile/sidebar_user_profile.templ
@@ -1,6 +1,6 @@
 package sidebaruserprofile

-import "github.com/emarifer/go-templ-project-structure/models"
+import "cpone/models"

 templ Navbaruserprofile(dataUser models.User) {
 	<div id="kt_quick_user" class="offcanvas offcanvas-right p-10">
--- a/views/component/sidebar_user_profile/sidebar_user_profile_templ.go
+++ b/views/component/sidebar_user_profile/sidebar_user_profile_templ.go
@@ -10,7 +10,7 @@ import "context"
 import "io"
 import "bytes"

-import "github.com/emarifer/go-templ-project-structure/models"
+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) {
@@ -72,7 +72,7 @@ func ProfileHeader(dataUser models.User) templ.Component {
 		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: `views\component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 52, Col: 27}
+			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 {
@@ -85,7 +85,7 @@ func ProfileHeader(dataUser models.User) templ.Component {
 		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: `views\component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 55, Col: 27}
+			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 {
--- 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/views/component/table/table.templ
+++ b/views/component/table/table.templ
--- a/views/component/table/table_templ.go
+++ b/views/component/table/table_templ.go
@@ -41,7 +41,7 @@ func Table(thName []string, thWidth []string, trComponent templ.Component, pagin
 				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: `views\component\table\table.templ`, Line: 12, Col: 41}
+					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 {
@@ -54,7 +54,7 @@ func Table(thName []string, thWidth []string, trComponent templ.Component, pagin
 				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: `views\component\table\table.templ`, Line: 12, Col: 50}
+					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 {
--- 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/db/db.go
+++ b/db/db.go
@@ -8,21 +8,17 @@ import (
 	_ "github.com/glebarez/go-sqlite"
 )

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

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

-	if err := createMigrations(dbName, Db); err != nil {
-		return UserStore{}, err
-	}
-
-	return UserStore{
+	return AppStore{
 		Db,
 	}, nil
 }
--- a/go.mod
+++ b/go.mod
@@ -1,4 +1,4 @@
-module github.com/emarifer/go-templ-project-structure
+module cpone

 go 1.21.0

--- 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/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/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,280 @@
+package dev_handlers
+
+import (
+	"fmt"
+	"net/url"
+	"strconv"
+
+	"cpone/component/customtextfieldautocomplete"
+	"cpone/component/pagination"
+	tablecomponent "cpone/component/table"
+	"cpone/models"
+	mastermenuusergroup "cpone/views/dev/mastermenuusergroup"
+
+	services "cpone/services/dev"
+
+	"github.com/a-h/templ"
+	"github.com/labstack/echo/v4"
+)
+
+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()
+	fmt.Println(dataUserGroup)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataUserGroup)
+		return err
+	}
+
+	si := mastermenuusergroup.ShowMasterMenuUserGroup(
+		"Master Menu",
+		mastermenuusergroup.ContentMasterMenuUserGroup(dataUserGroup),
+		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")
+	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
+	}
+	vw := tablecomponent.Table([]string{"KODE", "USERGROUP", "AKSI"}, []string{"40%", "40%", "20%"}, mastermenuusergroup.TableRow(dataUserGroup), pagination.Pagination(pageInt, currPageInt))
+
+	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
@@ -1,12 +1,14 @@
-package handlers
+package dev_handlers

 import (
 	"fmt"
+	"strconv"
+
+	services "cpone/services/dev"
+	"cpone/utils"
+	"cpone/views/dev/xsample"

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

 	"github.com/labstack/echo/v4"
 )
@@ -49,6 +51,46 @@ func (uh *XsampleHandler) ShowCoba(c echo.Context) error {
 	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)
--- a/handlers/mastermenuusergroup.handlers.go
+++ b/handlers/mastermenuusergroup.handlers.go
@@ -1,58 +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
-	}
-	dataUser, err := services.GetUser()
-	fmt.Println(dataUser)
-	fmt.Println(err)
-	if err != nil {
-		fmt.Println(dataUser)
-		return err
-	}
-
-	si := mastermenuusergroup.ShowMasterMenuUserGroup(
-		"Master Menu",
-		mastermenuusergroup.ContentMasterMenuUserGroup(),
-		mastermenuusergroup.CssMasterMenuUserGroup(),
-		mastermenuusergroup.JsMasterMenuUserGroup(),
-		dataMenu,
-		dataUser,
-	)
-
-	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,64 @@
+package public_handlers
+
+import (
+	public_services "cpone/services/public"
+	public_landingpage "cpone/views/public/landingpage"
+	"fmt"
+
+	"github.com/a-h/templ"
+
+	"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
+	}
+	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,20 @@
 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"
+	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,34 +22,112 @@ 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")
+	//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)
+}
--- 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-->
--- 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
 		}
--- a/views/layout/layout_corporate.templ
+++ b/views/layout/layout_corporate.templ
@@ -1,10 +1,10 @@
 package layout

 import (
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/component/navbar"
-	"github.com/emarifer/go-templ-project-structure/views/component/sidebar_user_profile"
-	"github.com/emarifer/go-templ-project-structure/models"
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
 )

 // LAYOUT PLAYGROUND
@@ -91,6 +91,25 @@ templ CorporateLayout(title string, css templ.Component, js templ.Component, dat
 				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-->
--- a/views/layout/layout_corporate_templ.go
+++ b/views/layout/layout_corporate_templ.go
@@ -11,10 +11,10 @@ import "io"
 import "bytes"

 import (
-	"github.com/emarifer/go-templ-project-structure/models"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/component/navbar"
-	"github.com/emarifer/go-templ-project-structure/views/component/sidebar_user_profile"
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
 )

 // LAYOUT PLAYGROUND
@@ -38,13 +38,13 @@ func CorporateLayout(title string, css templ.Component, js templ.Component, data
 		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\layout_corporate.templ`, Line: 30, Col: 34}
+			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\">")
+		_, 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
 		}
--- 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-->
--- 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
 		}
--- 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/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/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 {
+	CompanyStore db.AppStore
+}
+
+func NewServicesMdBahan(uStore db.AppStore) *ServicesMdBahan {
+
+	return &ServicesMdBahan{
+
+		CompanyStore: 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/mdprofile.services.go
+++ b/services/client/mdprofile.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdProfile struct {
+	MdProfileStore db.AppStore
+}
+
+func NewServicesMdProfile(uStore db.AppStore) *ServicesMdProfile {
+
+	return &ServicesMdProfile{
+
+		MdProfileStore: uStore,
+	}
+}
--- a/services/client/mdtest.services.go
+++ b/services/client/mdtest.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdTest struct {
+	MdTestStore db.AppStore
+}
+
+func NewServicesMdTest(uStore db.AppStore) *ServicesMdTest {
+
+	return &ServicesMdTest{
+
+		MdTestStore: uStore,
+	}
+}
--- a/services/client/mduser.services.go
+++ b/services/client/mduser.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdUser struct {
+	MdUserStore db.AppStore
+}
+
+func NewServicesMdUser(uStore db.AppStore) *ServicesMdUser {
+
+	return &ServicesMdUser{
+
+		MdUserStore: uStore,
+	}
+}
--- a/services/client/mdusergroup.services.go
+++ b/services/client/mdusergroup.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesMdUserGroup struct {
+	MdUserGroupStore db.AppStore
+}
+
+func NewServicesMdUserGroup(uStore db.AppStore) *ServicesMdUserGroup {
+
+	return &ServicesMdUserGroup{
+
+		MdUserGroupStore: uStore,
+	}
+}
--- a/services/client/transaksisamplestation.services.go
+++ b/services/client/transaksisamplestation.services.go
@@ -0,0 +1,15 @@
+package client_services
+
+import "cpone/db"
+
+type ServicesTransaksiSampleStation struct {
+	TransaksiSampleStationStore db.AppStore
+}
+
+func NewServicesTransaksiSampleStation(uStore db.AppStore) *ServicesTransaksiSampleStation {
+
+	return &ServicesTransaksiSampleStation{
+
+		TransaksiSampleStationStore: uStore,
+	}
+}
--- a/services/corporate/company.services.go
+++ b/services/corporate/company.services.go
@@ -0,0 +1,15 @@
+package corporate_services
+
+import "cpone/db"
+
+type ServicesCompany struct {
+	CompanyStore db.AppStore
+}
+
+func NewServicesCompany(uStore db.AppStore) *ServicesCompany {
+
+	return &ServicesCompany{
+
+		CompanyStore: uStore,
+	}
+}
--- a/services/corporate/patient.services.go
+++ b/services/corporate/patient.services.go
@@ -0,0 +1,15 @@
+package corporate_services
+
+import "cpone/db"
+
+type ServicesPatient struct {
+	PatientStore db.AppStore
+}
+
+func NewServicesPatient(uStore db.AppStore) *ServicesPatient {
+
+	return &ServicesPatient{
+
+		PatientStore: uStore,
+	}
+}
--- a/services/dev/chart.services.go
+++ b/services/dev/chart.services.go
@@ -1,9 +1,9 @@
-package services
+package dev_services

 import (
 	"fmt"

-	"github.com/emarifer/go-templ-project-structure/db"
+	"cpone/db"
 )

 func NewServicesPiechart(u Piechart, b Barchart, uStore db.PieChartStore, bStore db.BarChartStore) *ServicesPiechart {
--- a/services/dev/employee.services.go
+++ b/services/dev/employee.services.go
@@ -1,9 +1,9 @@
-package services
+package dev_services

 import (
 	"time"

-	"github.com/emarifer/go-templ-project-structure/db"
+	"cpone/db"
 )

 func NewServicesEmployee(u Employee, uStore db.EmployeeStore) *ServicesEmployee {
--- a/services/dev/landingpage.services.go
+++ b/services/dev/landingpage.services.go
@@ -1,9 +1,9 @@
-package services
+package dev_services

 import (
 	"time"

-	"github.com/emarifer/go-templ-project-structure/db"
+	"cpone/db"
 )

 func NewServicesLandingPage(u LandingPage, uStore db.LandingPageStore) *ServicesLandingPage {
--- a/services/dev/login.services.go
+++ b/services/dev/login.services.go
@@ -1,9 +1,9 @@
-package services
+package dev_services

 import (
 	"time"

-	"github.com/emarifer/go-templ-project-structure/db"
+	"cpone/db"
 )

 func NewServicesLogin(u Login, uStore db.LoginStore) *ServicesLogin {
--- a/services/dev/mastermenuusergroup.services.go
+++ b/services/dev/mastermenuusergroup.services.go
@@ -1,7 +1,12 @@
-package services
+package dev_services

 import (
-	"github.com/emarifer/go-templ-project-structure/db"
+	"fmt"
+	"strconv"
+
+	"cpone/db"
+	"cpone/models"
+	"cpone/utils"
 )

 func NewServicesMasterMenuUserGroup(u MasterMenu, uStore db.MasterMenuUserGroupStore) *ServicesMasterMenuUserGroup {
@@ -41,6 +46,10 @@ type ServicesMasterMenuUserGroup struct {
 	MasterMenuUserGroupStore db.MasterMenuUserGroupStore
 }

+type AutoComplete struct {
+	Name string `json:"name"`
+}
+
 func (su *ServicesMasterMenuUserGroup) GetMasterMenus() ([]MasterMenu, error) {

 	// dummyBreadcrumb := []Breadcrumb{
@@ -543,6 +552,222 @@ func (su *ServicesMasterMenuUserGroup) GetMasterMenus() ([]MasterMenu, error) {
 	return dummyMenu, nil
 }

+// example autocomplete
+func (su *ServicesMasterMenuUserGroup) GetAutoComplete(param string, pageOfParam string, limitOfStr string) (string, string, string, []AutoComplete, error) {
+	// fmt.Println("ini param : ", param)
+
+	dummyAutoComplete := []AutoComplete{
+		{
+			Name: "Google",
+		},
+		{
+			Name: "Google 1",
+		},
+		{
+			Name: "Google 2",
+		},
+		{
+			Name: "Google 3",
+		},
+		{
+			Name: "Google 4",
+		},
+		{
+			Name: "Google 5",
+		},
+		{
+			Name: "Google 6",
+		},
+		{
+			Name: "Gojek",
+		},
+		{
+			Name: "Mozilla Firefox",
+		},
+		{
+			Name: "Apple",
+		},
+		{
+			Name: "Microsoft",
+		},
+		{
+			Name: "Facebook",
+		},
+		{
+			Name: "Amazon",
+		},
+		{
+			Name: "Twitter",
+		},
+		{
+			Name: "Instagram",
+		},
+		{
+			Name: "Snapchat",
+		},
+		{
+			Name: "LinkedIn",
+		},
+		{
+			Name: "Netflix",
+		},
+		{
+			Name: "YouTube",
+		},
+		{
+			Name: "Reddit",
+		},
+		{
+			Name: "WhatsApp",
+		},
+		{
+			Name: "Pinterest",
+		},
+		{
+			Name: "TikTok",
+		},
+		{
+			Name: "Spotify",
+		},
+		{
+			Name: "Zoom",
+		},
+	}
+
+	var textFound string
+	var results []AutoComplete
+	// var currentRes []AutoComplete
+	// var oldResults []AutoComplete
+	// var limit int = 3
+	var count int = 0
+	var foundCount int = 0
+	var totalData int = 0
+	var startIndex int = 0
+	var endIndex int = 3
+
+	if len(dummyAutoComplete) > 0 {
+		totalData = len(dummyAutoComplete)
+	}
+
+	// pageOf, err := strconv.Atoi(pageOfParam)
+	// if err != nil {
+	// 	return "", "", "", nil, err
+	// }
+
+	limit, err := strconv.Atoi(limitOfStr)
+	if err != nil {
+		return "", "", "", nil, err
+	}
+
+	// find data search
+	if pageOfParam == "1" {
+		count = 0
+		// for _, item := range dummyAutoComplete {
+		// 	if utils.Contains(item.Name, param) {
+		// 		results = append(results, item)
+		// 		count++
+		// 		if count == limit {
+		// 			break
+		// 		}
+		// 	}
+		// }
+
+		for _, item := range dummyAutoComplete {
+			if utils.Contains(item.Name, param) {
+				// Check if the item is already in results
+				found := false
+				for _, res := range results {
+					if res.Name == item.Name {
+						found = true
+						break
+					}
+				}
+				// If not found, append it
+				if !found {
+					results = append(results, item)
+					count++
+					if count == limit {
+						break
+					}
+				}
+			}
+		}
+
+	} else {
+		// ketika klik load more
+		// count = 0
+		for _, item := range dummyAutoComplete {
+			if utils.Contains(item.Name, param) {
+				results = append(results, item)
+				count++
+				if count == limit {
+					break
+				}
+			}
+		}
+
+		startIndex = 0
+		endIndex = limit
+
+		if startIndex >= len(dummyAutoComplete) {
+			return "", "max", "", nil, nil
+		}
+
+		if endIndex > len(dummyAutoComplete) {
+			endIndex = len(dummyAutoComplete)
+		}
+
+		for _, item := range dummyAutoComplete[startIndex:endIndex] {
+			found := false
+			for _, res := range results {
+				if res.Name == item.Name {
+					found = true
+					break
+				}
+			}
+			// If not found, append it
+			if !found {
+				results = append(results, item)
+			}
+		}
+	}
+
+	foundCount = len(results)
+	totalCount := len(dummyAutoComplete)
+	textFound = fmt.Sprintf("Ditemukan %d dari %d", foundCount, totalCount)
+
+	return strconv.Itoa(totalData), strconv.Itoa(foundCount), textFound, results, nil
+}
+func (ug *ServicesMasterMenuUserGroup) GetUserGroup() ([]models.UserGroup, error) {
+	data := []models.UserGroup{
+		{UserGroupID: 1, UserGroupKode: "A", UserGroupName: "UG1"},
+		{UserGroupID: 2, UserGroupKode: "B", UserGroupName: "UG2"},
+		{UserGroupID: 3, UserGroupKode: "C", UserGroupName: "UG3"},
+	}
+	return data, nil
+}
+
+func (ug *ServicesMasterMenuUserGroup) GetUserGroupByID(id string) (models.UserGroup, error) {
+	listdata := []models.UserGroup{
+		{UserGroupID: 1, UserGroupKode: "A", UserGroupName: "UG1"},
+		{UserGroupID: 2, UserGroupKode: "B", UserGroupName: "UG2"},
+		{UserGroupID: 3, UserGroupKode: "C", UserGroupName: "UG3"},
+	}
+	var data models.UserGroup
+	idData, err := strconv.Atoi(id)
+	if err != nil {
+		return data, fmt.Errorf("pack %v: %w", "Error", err)
+	}
+	for _, v := range listdata {
+
+		if v.UserGroupID == idData {
+			data = v
+		}
+	}
+	// time.Sleep(5 * time.Second)
+	return data, nil
+}
+
 // func (su *ServicesMasterMenuUserGroup) GetAllMasterMenus() ([]MasterMenu, error) {
 // 	query := `SELECT id, MasterMenuname, email, created_at FROM MasterMenus ORDER BY created_at DESC`

--- a/services/dev/user.services.go
+++ b/services/dev/user.services.go
@@ -1,17 +1,17 @@
-package services
+package dev_services

 import (
 	"time"

-	"github.com/emarifer/go-templ-project-structure/db"
-	"github.com/emarifer/go-templ-project-structure/models"
+	"cpone/db"
+	"cpone/models"
 )

-func NewServicesUser(u User, uStore db.UserStore) *ServicesUser {
+func NewServicesUser(u User, uStore db.AppStore) *ServicesUser {

 	return &ServicesUser{
-		User:      u,
-		UserStore: uStore,
+		User:     u,
+		AppStore: uStore,
 	}
 }

@@ -23,14 +23,14 @@ type User struct {
 }

 type ServicesUser struct {
-	User      User
-	UserStore db.UserStore
+	User     User
+	AppStore db.AppStore
 }

 func (su *ServicesUser) GetAllUsers() ([]User, error) {
 	query := `SELECT id, username, email, created_at FROM users ORDER BY created_at DESC`

-	rows, err := su.UserStore.Db.Query(query)
+	rows, err := su.AppStore.Db.Query(query)
 	if err != nil {
 		return []User{}, err
 	}
@@ -57,7 +57,7 @@ func (su *ServicesUser) GetUserById(id int) (User, error) {
 	query := `SELECT id, username, email, created_at FROM users
 		WHERE id = ?`

-	stmt, err := su.UserStore.Db.Prepare(query)
+	stmt, err := su.AppStore.Db.Prepare(query)
 	if err != nil {
 		return User{}, err
 	}
--- a/services/dev/xsample.services.go
+++ b/services/dev/xsample.services.go
@@ -1,9 +1,9 @@
-package services
+package dev_services

 import (
 	"time"

-	"github.com/emarifer/go-templ-project-structure/db"
+	"cpone/db"
 )

 func NewServicesXsample(u Xsample, uStore db.XsampleStore) *ServicesXsample {
--- a/services/public/landingpage.services.go
+++ b/services/public/landingpage.services.go
@@ -0,0 +1,287 @@
+package public_services
+
+import (
+	"time"
+
+	"cpone/db"
+)
+
+func NewServicesLandingPage(u LandingPage, uStore db.AppStore) *ServicesLandingPage {
+
+	return &ServicesLandingPage{
+		LandingPage:      u,
+		LandingPageStore: uStore,
+	}
+}
+
+type LandingPage struct {
+	ID              int       `json:"id"`
+	LandingPagename string    `json:"LandingPagename"`
+	Email           string    `json:"email"`
+	CreatedAt       time.Time `json:"created_at,omitempty"`
+}
+
+type ClientService struct {
+	ClientServiceID          int    `json:"ClientServiceID"`
+	ClientServiceName        string `json:"ClientServiceName"`
+	ClientServiceDescription string `json:"ClientServiceDescription"`
+	ClientServiceIcon        string `json:"ClientServiceIcon"`
+	ClientServiceLink        string `json:"ClientServiceLink"`
+}
+type AdvantageClient struct {
+	AdvantageClientID   int    `json:"AdvantageClientID"`
+	AdvantageClientName string `json:"AdvantageClientName"`
+	AdvantageClientDesc string `json:"AdvantageClientDesc"`
+}
+
+type Promotion struct {
+	PromotionID    int    `json:"PromotionID"`
+	PromotionAsset string `json:"PromotionAsset"`
+	PromotionLink  string `json:"PromotionLink"`
+}
+
+type FooterSubNav struct {
+	FootSubNavID    int    `json:"FootSubNavID"`
+	FootSubNavTitle string `json:"FootSubNavTitle"`
+	FootSubNavLink  string `json:"FootSubNavLink"`
+}
+
+type FooterNav struct {
+	FooterNavID    int            `json:"FooterNavID"`
+	FooterNavTitle string         `json:"FooterNavTitle"`
+	FooteSubNav    []FooterSubNav `json:"FooterSubNav,omitempty"`
+}
+
+type ServicesLandingPage struct {
+	LandingPage      LandingPage
+	LandingPageStore db.AppStore
+}
+
+func (su *ServicesLandingPage) GetAllLandingPages() ([]LandingPage, error) {
+	query := `SELECT id, LandingPagename, email, created_at FROM LandingPages ORDER BY created_at DESC`
+
+	rows, err := su.LandingPageStore.Db.Query(query)
+	if err != nil {
+		return []LandingPage{}, err
+	}
+	// We close the resource
+	defer rows.Close()
+
+	LandingPages := []LandingPage{}
+	for rows.Next() {
+		rows.Scan(
+			&su.LandingPage.ID,
+			&su.LandingPage.LandingPagename,
+			&su.LandingPage.Email,
+			&su.LandingPage.CreatedAt,
+		)
+
+		LandingPages = append(LandingPages, su.LandingPage)
+	}
+
+	return LandingPages, nil
+}
+
+func (su *ServicesLandingPage) GetLandingPageById(id int) (LandingPage, error) {
+
+	query := `SELECT id, LandingPagename, email, created_at FROM LandingPages
+		WHERE id = ?`
+
+	stmt, err := su.LandingPageStore.Db.Prepare(query)
+	if err != nil {
+		return LandingPage{}, err
+	}
+
+	defer stmt.Close()
+
+	su.LandingPage.ID = id
+	err = stmt.QueryRow(
+		su.LandingPage.ID,
+	).Scan(
+		&su.LandingPage.ID,
+		&su.LandingPage.LandingPagename,
+		&su.LandingPage.Email,
+		&su.LandingPage.CreatedAt,
+	)
+	if err != nil {
+		return LandingPage{}, err
+	}
+
+	return su.LandingPage, nil
+}
+func (su *ServicesLandingPage) GetClientService() ([]ClientService, error) {
+
+	data := []ClientService{
+		{
+			ClientServiceID:          1,
+			ClientServiceName:        "In House Clinic",
+			ClientServiceDescription: "Maintaining health in the workplace by carrying out promotional, preventive, curative and rehabilitative programs.",
+			ClientServiceIcon:        "uil:clinic-medical",
+			ClientServiceLink:        "/",
+		},
+		{
+			ClientServiceID:          2,
+			ClientServiceName:        "Laboratorium Test",
+			ClientServiceDescription: "Maintaining health in the workplace by carrying out promotional, preventive, curative and rehabilitative programs.",
+			ClientServiceIcon:        "healthicons:clinical-a-outline",
+			ClientServiceLink:        "/",
+		},
+		{
+			ClientServiceID:          3,
+			ClientServiceName:        "Medical Check Up",
+			ClientServiceDescription: "Supported by a professional medical, paramedical team, and as well as laboratory equipment ",
+			ClientServiceIcon:        "jam:medical",
+			ClientServiceLink:        "/",
+		},
+		{
+			ClientServiceID:          4,
+			ClientServiceName:        "Medical Check Up 2",
+			ClientServiceDescription: "Supported by a professional medical, paramedical team, and as well as laboratory equipment ",
+			ClientServiceIcon:        "jam:medical",
+			ClientServiceLink:        "/",
+		},
+		{
+			ClientServiceID:          5,
+			ClientServiceName:        "Medical Check Up 3",
+			ClientServiceDescription: "Supported by a professional medical, paramedical team, and as well as laboratory equipment ",
+			ClientServiceIcon:        "jam:medical",
+			ClientServiceLink:        "/",
+		},
+	}
+
+	return data, nil
+}
+func (su *ServicesLandingPage) GetClientAdvantage() ([]AdvantageClient, error) {
+
+	data := []AdvantageClient{
+		{
+			AdvantageClientID:   1,
+			AdvantageClientName: "ISO Certificate",
+			AdvantageClientDesc: "Westerindo Clinical Laboratory has obtained ISO 15189:2009 (ISO 15189:2007) Accreditation from the National Accreditation Committee (KAN) and the Health Laboratory Accreditation Commission (KALK).",
+		},
+		{
+			AdvantageClientID:   2,
+			AdvantageClientName: "Modern Technology",
+			AdvantageClientDesc: "Laboratory Information System (LIS) is an information system in which laboratory equipment and diagnostic support have been integrated automatically so that examination results can be immediately filled in in employee data. This eliminates the possibility of human error.",
+		},
+		{
+			AdvantageClientID:   3,
+			AdvantageClientName: "Good Quality Facilities",
+			AdvantageClientDesc: "The laboratory and medical support equipment used at the Westerindo Clinical Laboratory is international scale for precise, fast and accurate results. Lab and medical equipment certificates are periodically renewed according to standards.",
+		},
+		{
+			AdvantageClientID:   4,
+			AdvantageClientName: "Professional Service",
+			AdvantageClientDesc: "Westerindo Clinical Laboratory is committed to providing professional and excellent service. Therefore, all staff and doctors at the Westerindo Clinical Laboratory have competency certification according to their field.",
+		},
+		{
+			AdvantageClientID:   5,
+			AdvantageClientName: "Experienced",
+			AdvantageClientDesc: "Westerindo Clinical Laboratory is very experienced in carrying out Medical Check Ups both onsite and insite, in all corners of Indonesia. Serving various kinds of companies, from oil and gas companies, automotive, manufacturing, offices, and others.",
+		},
+	}
+
+	return data, nil
+}
+func (su *ServicesLandingPage) GetPromotionList() ([]Promotion, error) {
+
+	data := []Promotion{
+		{
+			PromotionID:    1,
+			PromotionAsset: "../../asset-corporate-portal/media/landingpage/promotion_1.png",
+			PromotionLink:  "",
+		},
+		{
+			PromotionID:    2,
+			PromotionAsset: "../../asset-corporate-portal/media/landingpage/promotion_2.png",
+			PromotionLink:  "",
+		},
+		{
+			PromotionID:    3,
+			PromotionAsset: "../../asset-corporate-portal/media/landingpage/promotion_3.png",
+			PromotionLink:  "",
+		},
+		{
+			PromotionID:    4,
+			PromotionAsset: "../../asset-corporate-portal/media/landingpage/promotion_2.png",
+			PromotionLink:  "",
+		},
+		{
+			PromotionID:    5,
+			PromotionAsset: "../../asset-corporate-portal/media/landingpage/promotion_3.png",
+			PromotionLink:  "",
+		},
+	}
+
+	return data, nil
+}
+func (su *ServicesLandingPage) GetFooterNavList() ([]FooterNav, error) {
+	data := []FooterNav{
+		{
+			FooterNavID:    1,
+			FooterNavTitle: "Dashboard",
+			FooteSubNav: []FooterSubNav{
+				{
+					FootSubNavID:    1,
+					FootSubNavTitle: "Dashboard #1",
+					FootSubNavLink:  "/",
+				},
+				{
+					FootSubNavID:    2,
+					FootSubNavTitle: "Dashboard #2",
+					FootSubNavLink:  "/",
+				},
+			},
+		},
+		{
+			FooterNavID:    2,
+			FooterNavTitle: "Benefit",
+			FooteSubNav: []FooterSubNav{
+				{
+					FootSubNavID:    1,
+					FootSubNavTitle: "Benefit #1",
+					FootSubNavLink:  "/",
+				},
+				{
+					FootSubNavID:    2,
+					FootSubNavTitle: "Benefit #2",
+					FootSubNavLink:  "/",
+				},
+			},
+		},
+		{
+			FooterNavID:    3,
+			FooterNavTitle: "Finance & Claims",
+			FooteSubNav: []FooterSubNav{
+				{
+					FootSubNavID:    1,
+					FootSubNavTitle: "Finance & Claims #1",
+					FootSubNavLink:  "/",
+				},
+				{
+					FootSubNavID:    2,
+					FootSubNavTitle: "Finance & Claims #2",
+					FootSubNavLink:  "/",
+				},
+			},
+		},
+		{
+			FooterNavID:    4,
+			FooterNavTitle: "Memberships",
+			FooteSubNav: []FooterSubNav{
+				{
+					FootSubNavID:    1,
+					FootSubNavTitle: "Memberships #1",
+					FootSubNavLink:  "/",
+				},
+				{
+					FootSubNavID:    2,
+					FootSubNavTitle: "Memberships #2",
+					FootSubNavLink:  "/",
+				},
+			},
+		},
+	}
+
+	return data, nil
+}
--- a/services/public/login.services.go
+++ b/services/public/login.services.go
@@ -0,0 +1,14 @@
+package public_services
+
+import "cpone/db"
+
+type ServicesLogin struct {
+	CompanyStore db.AppStore
+}
+
+func NewServicesLogin(uStore db.AppStore) *ServicesLogin {
+
+	return &ServicesLogin{
+		CompanyStore: uStore,
+	}
+}
--- a/utils/contains.utils.go
+++ b/utils/contains.utils.go
@@ -0,0 +1,7 @@
+package utils
+
+import "strings"
+
+func Contains(s, substr string) bool {
+	return strings.Contains(strings.ToLower(s), strings.ToLower(substr))
+}
--- a/utils/view.utils.go
+++ b/utils/view.utils.go
@@ -0,0 +1,12 @@
+package utils
+
+import (
+	"github.com/a-h/templ"
+	"github.com/labstack/echo/v4"
+)
+
+func 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/client/dashboard/dashboard.templ
+++ b/views/client/dashboard/dashboard.templ
@@ -0,0 +1,40 @@
+package client_dashboard
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Dashboard", Css(), Js()) {
+		@Content()
+	}
+}
--- a/views/client/dashboard/dashboard_templ.go
+++ b/views/client/dashboard/dashboard_templ.go
@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_dashboard
+
+//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/under_development"
+	"cpone/layout"
+)
+
+func Content() 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=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().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
+	})
+}
+
+func Css() 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("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</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 Js() 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)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().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("Client Dashboard", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/client/mcupreregister/mcupreregister.templ
+++ b/views/client/mcupreregister/mcupreregister.templ
@@ -0,0 +1,40 @@
+package client_mcupreregister
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client MCU Preregister", Css(), Js()) {
+		@Content()
+	}
+}
--- a/views/client/mcupreregister/mcupreregister_templ.go
+++ b/views/client/mcupreregister/mcupreregister_templ.go
@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mcupreregister
+
+//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/under_development"
+	"cpone/layout"
+)
+
+func Content() 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=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().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
+	})
+}
+
+func Css() 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("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</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 Js() 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)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().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("Client MCU Preregister", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/client/mcusetup/mcusetup.templ
+++ b/views/client/mcusetup/mcusetup.templ
@@ -0,0 +1,40 @@
+package client_mcusetup
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client MCU Setup", Css(), Js()) {
+		@Content()
+	}
+}
--- a/views/client/mcusetup/mcusetup_templ.go
+++ b/views/client/mcusetup/mcusetup_templ.go
@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mcusetup
+
+//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/under_development"
+	"cpone/layout"
+)
+
+func Content() 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=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().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
+	})
+}
+
+func Css() 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("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</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 Js() 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)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().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("Client MCU Setup", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/client/mdbahan/mdbahan.templ
+++ b/views/client/mdbahan/mdbahan.templ
@@ -0,0 +1,40 @@
+package client_mdbahan
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md Bahan", Css(), Js()) {
+		@Content()
+	}
+}
--- a/views/client/mdbahan/mdbahan_templ.go
+++ b/views/client/mdbahan/mdbahan_templ.go
@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mdbahan
+
+//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/under_development"
+	"cpone/layout"
+)
+
+func Content() 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=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().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
+	})
+}
+
+func Css() 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("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</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 Js() 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)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().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("Client Md Bahan", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/client/mdcorp/mdcorp.templ
+++ b/views/client/mdcorp/mdcorp.templ
@@ -0,0 +1,40 @@
+package client_mdcorp
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md Corp", Css(), Js()) {
+		@Content()
+	}
+}
--- a/views/client/mdcorp/mdcorp_templ.go
+++ b/views/client/mdcorp/mdcorp_templ.go
@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mdcorp
+
+//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/under_development"
+	"cpone/layout"
+)
+
+func Content() 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=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().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
+	})
+}
+
+func Css() 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("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</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 Js() 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)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().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("Client Md Corp", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/client/mdprofile/mdprofile.templ
+++ b/views/client/mdprofile/mdprofile.templ
@@ -0,0 +1,40 @@
+package client_mdprofile
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md Profile", Css(), Js()) {
+		@Content()
+	}
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
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	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