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
168 changed files with 13102 additions and 448 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
--- a/assets/asset-corporate-portal/js/ktappsetting.js
+++ b/assets/asset-corporate-portal/js/ktappsetting.js
@@ -0,0 +1,58 @@
+var KTAppSettings = {
+    breakpoints: {
+        sm: 576,
+        md: 768,
+        lg: 992,
+        xl: 1200,
+        xxl: 1400,
+    },
+    colors: {
+        theme: {
+            base: {
+                white: "#ffffff",
+                primary: "#3699FF",
+                secondary: "#E5EAEE",
+                success: "#1BC5BD",
+                info: "#8950FC",
+                warning: "#FFA800",
+                danger: "#F64E60",
+                light: "#E4E6EF",
+                dark: "#181C32",
+            },
+            light: {
+                white: "#ffffff",
+                primary: "#E1F0FF",
+                secondary: "#EBEDF3",
+                success: "#C9F7F5",
+                info: "#EEE5FF",
+                warning: "#FFF4DE",
+                danger: "#FFE2E5",
+                light: "#F3F6F9",
+                dark: "#D6D6E0",
+            },
+            inverse: {
+                white: "#ffffff",
+                primary: "#ffffff",
+                secondary: "#3F4254",
+                success: "#ffffff",
+                info: "#ffffff",
+                warning: "#ffffff",
+                danger: "#ffffff",
+                light: "#464E5F",
+                dark: "#ffffff",
+            },
+        },
+        gray: {
+            "gray-100": "#F3F6F9",
+            "gray-200": "#EBEDF3",
+            "gray-300": "#E4E6EF",
+            "gray-400": "#D1D3E0",
+            "gray-500": "#B5B5C3",
+            "gray-600": "#7E8299",
+            "gray-700": "#5E6278",
+            "gray-800": "#3F4254",
+            "gray-900": "#181C32",
+        },
+    },
+    "font-family": "Poppins",
+};
--- a/assets/sindhu/catatan_inputan.txt
+++ b/assets/sindhu/catatan_inputan.txt
@@ -0,0 +1,5 @@
+// Example Custom Text Field
+@customtextfield.MainCustomTextField("Kode", "kode", "Kode", "text")
+
+// Example Active Search
+@customtextfieldsearch.MainCustomTextFieldSearch("pid", "PID / Nama","text","/search", "", "input changed delay:500ms, search", ".htmx-indicator")
--- a/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,71 +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)
-
-	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/component/breadcrumbadmin/breadcrumbadmin.templ
+++ b/component/breadcrumbadmin/breadcrumbadmin.templ
@@ -0,0 +1,23 @@
+package breadcrumadmin
+
+templ MainBreadcrumbAdmin() {
+	<div class="col-11">
+		<h1 class="title text-black" style="margin-bottom: 0">
+			PT. Sadhana Abiyasa Sampoerna
+		</h1>
+		<nav aria-label="breadcrumb">
+			<ol class="breadcrumb" style="margin-bottom: 0">
+				<li class="breadcrumb-item"><a href="#">Dashboard</a></li>
+				<li class="breadcrumb-item">
+					<a href="#">Employee Health Medical Analytic</a>
+				</li>
+				<li class="breadcrumb-item">
+					<a href="#">PT. Sadhana Abiyasa Sampoerna</a>
+				</li>
+				<li class="breadcrumb-item active" aria-current="page">
+					Mcu Karyawan
+				</li>
+			</ol>
+		</nav>
+	</div>
+}
--- a/component/breadcrumbadmin/breadcrumbadmin_templ.go
+++ b/component/breadcrumbadmin/breadcrumbadmin_templ.go
@@ -0,0 +1,35 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package breadcrumadmin
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func MainBreadcrumbAdmin() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"col-11\"><h1 class=\"title text-black\" style=\"margin-bottom: 0\">PT. Sadhana Abiyasa Sampoerna\r</h1><nav aria-label=\"breadcrumb\"><ol class=\"breadcrumb\" style=\"margin-bottom: 0\"><li class=\"breadcrumb-item\"><a href=\"#\">Dashboard</a></li><li class=\"breadcrumb-item\"><a href=\"#\">Employee Health Medical Analytic</a></li><li class=\"breadcrumb-item\"><a href=\"#\">PT. Sadhana Abiyasa Sampoerna</a></li><li class=\"breadcrumb-item active\" aria-current=\"page\">Mcu Karyawan\r</li></ol></nav></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/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/component/customtextfield/customtextfield.templ
+++ b/component/customtextfield/customtextfield.templ
@@ -0,0 +1,17 @@
+package customtextfield
+
+templ MainCustomTextField(inpLabelText,
+	inpName,
+	inpPlaceHolder,
+	inpType string) {
+	<div class="form-group">
+		<label class="text-black" style="font-family: Poppins; font-weight: 600;">{ inpLabelText } </label>
+		<input
+			id={ inpName }
+			name={ inpName }
+			type={ inpType }
+			placeholder={ inpPlaceHolder }
+			class="form-control bg-field border-0 h-auto py-6 px-6 rounded-lg"
+		/>
+	</div>
+}
--- a/component/customtextfield/customtextfield_templ.go
+++ b/component/customtextfield/customtextfield_templ.go
@@ -0,0 +1,103 @@
+// 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"
+
+func MainCustomTextField(inpLabelText,
+	inpName,
+	inpPlaceHolder,
+	inpType string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			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(inpLabelText)
+		if templ_7745c5c3_Err != nil {
+			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 {
+			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(inpName)
+		if templ_7745c5c3_Err != nil {
+			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 {
+			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(inpName)
+		if templ_7745c5c3_Err != nil {
+			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 {
+			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(inpType)
+		if templ_7745c5c3_Err != nil {
+			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 {
+			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(inpPlaceHolder)
+		if templ_7745c5c3_Err != nil {
+			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 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/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/component/customtextfieldsearch/customtextfieldsearch.templ
+++ b/component/customtextfieldsearch/customtextfieldsearch.templ
@@ -0,0 +1,22 @@
+package customtextfieldsearch
+
+templ MainCustomTextFieldSearch(
+	inpName,
+	inpPlaceHolder,
+	inpType,
+    hxPost,
+    hxTrigger,
+    hxTarget,
+    hxIndicator string) {
+    <input 
+        class="form-control bg-field border-0"
+        type={ inpType }
+        name={ inpName }
+        id={ inpName } 
+        placeholder={ inpPlaceHolder } 
+        hx-post={ hxPost } 
+        hx-trigger={ hxTrigger } 
+        hx-target={ hxTarget }  
+        hx-indicator={ hxIndicator } 
+    />
+}
--- a/component/customtextfieldsearch/customtextfieldsearch_templ.go
+++ b/component/customtextfieldsearch/customtextfieldsearch_templ.go
@@ -0,0 +1,146 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package customtextfieldsearch
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func MainCustomTextFieldSearch(
+	inpName,
+	inpPlaceHolder,
+	inpType,
+	hxPost,
+	hxTrigger,
+	hxTarget,
+	hxIndicator string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<input class=\"form-control bg-field border-0\" type=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" name=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" placeholder=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var5 string
+		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inpPlaceHolder)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-post=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(hxPost)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-trigger=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var7 string
+		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-target=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" hx-indicator=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var9 string
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `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 {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+		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
+++ b/component/modal/modal.templ
@@ -0,0 +1,30 @@
+package modalcomponent
+
+templ Modal(modalID string, modalTitle string, modalBody templ.Component, modalAction templ.Component, btnClose templ.Component) {
+	<div
+		class="modal fade"
+		style="display: none"
+		id={ modalID }
+		tabindex="-1"
+		role="dialog"
+		data-backdrop="static"
+		aria-hidden="true"
+	>
+		<div class="modal-dialog modal-dialog-centered" role="document">
+			<div class="modal-content rounded-lg">
+				<div class="modal-header border-bottom-0">
+					<h6 class="modal-title text-black font-weight-bolder">
+						{ modalTitle }
+					</h6>
+					@btnClose
+				</div>
+				<div class="modal-body border-bottom-0">
+					@modalBody
+				</div>
+				<div class="modal-footer border-top-0">
+					@modalAction
+				</div>
+			</div>
+		</div>
+	</div>
+}
--- a/component/modal/modal_confirmation.templ
+++ b/component/modal/modal_confirmation.templ
@@ -0,0 +1,52 @@
+package modalcomponent
+
+templ ModalConfirmation(
+	id string,
+	modalTitle string,
+	message string,
+	btnClose templ.Component,
+	datHeader []string,
+	dataText []string,
+	modalAction templ.Component) {
+	<div
+		class="modal fade"
+		id={ id }
+		tabindex="-1"
+		aria-labelledby="exampleModalLabel"
+		data-backdrop="static"
+		aria-hidden="true"
+	>
+		<div class="modal-dialog modal-dialog-centered">
+			<div class="modal-content rounded-lg">
+				<div class="modal-header border-bottom-0">
+					<h6 class="modal-title text-black font-weight-bolder">
+						{ modalTitle }
+					</h6>
+					@btnClose
+				</div>
+				<div class="modal-body border-bottom-0">
+					<p>{ message }</p>
+					<div class="card rounded-lg">
+						<div class="card-body d-flex flex-row">
+							<div class="d-flex flex-column ">
+								for _, v := range datHeader {
+									<div class="mb-3 text-disabled font-weight-bold mr-5">{ v }</div>
+								}
+							</div>
+							<div class="d-flex flex-column ">
+								for _, v := range dataText {
+									<div class="mb-3 font-weight-bold">
+										{ v }
+									</div>
+								}
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="modal-footer border-top-0">
+					@modalAction
+				</div>
+			</div>
+		</div>
+	</div>
+}
--- a/component/modal/modal_confirmation_templ.go
+++ b/component/modal/modal_confirmation_templ.go
@@ -0,0 +1,143 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package modalcomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func ModalConfirmation(
+	id string,
+	modalTitle string,
+	message string,
+	btnClose templ.Component,
+	datHeader []string,
+	dataText []string,
+	modalAction templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"modal fade\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(id)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal_confirmation.templ`, Line: 13, Col: 9}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" data-backdrop=\"static\" aria-hidden=\"true\"><div class=\"modal-dialog modal-dialog-centered\"><div class=\"modal-content rounded-lg\"><div class=\"modal-header border-bottom-0\"><h6 class=\"modal-title text-black font-weight-bolder\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(modalTitle)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal_confirmation.templ`, Line: 23, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h6>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = btnClose.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-body border-bottom-0\"><p>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(message)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal_confirmation.templ`, Line: 28, Col: 17}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</p><div class=\"card rounded-lg\"><div class=\"card-body d-flex flex-row\"><div class=\"d-flex flex-column \">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, v := range datHeader {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-3 text-disabled font-weight-bold mr-5\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var5 string
+			templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(v)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal_confirmation.templ`, Line: 33, Col: 66}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"d-flex flex-column \">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, v := range dataText {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"mb-3 font-weight-bold\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var6 string
+			templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(v)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal_confirmation.templ`, Line: 39, Col: 13}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div><div class=\"modal-footer border-top-0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = modalAction.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/component/modal/modal_templ.go
+++ b/component/modal/modal_templ.go
@@ -0,0 +1,85 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package modalcomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func Modal(modalID string, modalTitle string, modalBody templ.Component, modalAction templ.Component, btnClose templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"modal fade\" style=\"display: none\" id=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(modalID)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal.templ`, Line: 7, Col: 14}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" tabindex=\"-1\" role=\"dialog\" data-backdrop=\"static\" aria-hidden=\"true\"><div class=\"modal-dialog modal-dialog-centered\" role=\"document\"><div class=\"modal-content rounded-lg\"><div class=\"modal-header border-bottom-0\"><h6 class=\"modal-title text-black font-weight-bolder\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(modalTitle)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\modal\modal.templ`, Line: 17, Col: 18}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</h6>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = btnClose.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-body border-bottom-0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = modalBody.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"modal-footer border-top-0\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = modalAction.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/component/navbar/navbar.templ
+++ b/component/navbar/navbar.templ
@@ -0,0 +1,74 @@
+package navbar
+
+import (
+	"cpone/component/sidebarmaster"
+	services "cpone/services/dev"
+	"cpone/models"
+)
+
+templ Navbar(dataUser models.User) {
+	<div id="kt_header" class="header header-fixed ">
+		<!--begin::Container-->
+		<div class="container-fluid  d-flex align-items-stretch justify-content-between">
+			<!--begin::Header Menu Wrapper-->
+			<div class="header-menu-wrapper header-menu-wrapper-left" id="kt_header_menu_wrapper"></div>
+			<!--end::Header Menu Wrapper-->
+			<!--begin::Topbar-->
+			<div class="topbar">
+				<!--begin::User-->
+				<div class="topbar-item">
+					<div
+						class="btn btn-icon btn-icon-mobile w-auto btn-clean d-flex align-items-center btn-lg px-2"
+						id="kt_quick_user_toggle"
+					>
+						<span
+							class="text-muted font-weight-bold font-size-base d-none d-md-inline mr-1"
+						>Hi,</span>
+						<span
+							class="text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3"
+						>{ dataUser.Username }</span>
+						<span class="bg-primary-transparent p-3" style="border-radius: 50%; width: 40px; height: 40px;">
+							<span class="iconify text-primary" data-icon="gravity-ui:person"></span>
+						</span>
+					</div>
+				</div>
+				<!--end::User-->
+			</div>
+			<!--end::Topbar-->
+		</div>
+		<!--end::Container-->
+	</div>
+}
+
+templ NavbarMenu(datamenu []services.MasterMenu) {
+	<div class="aside-menu-wrapper flex-column-fluid" id="kt_aside_menu_wrapper">
+		<!--begin::Menu Container-->
+		<div
+			id="kt_aside_menu"
+			class="aside-menu my-4 "
+			data-menu-vertical="1"
+			data-menu-scroll="1"
+			data-menu-dropdown-timeout="500"
+		>
+			<!--begin::Menu Nav-->
+			<ul class="menu-nav ">
+				for index, d := range datamenu {
+					if index == 0 {
+						// @MenuDashboard(d.ParentMenuName, d.ParentUrl)
+						@sidebarmaster.MenuDashboard(d.ParentMenuName, d.ParentUrl)
+						<li class="menu-section ">
+							<h4 class="menu-text">Menu</h4>
+							<i class="menu-icon ki ki-bold-more-hor icon-md"></i>
+						</li>
+					}
+					if index+1 < len(datamenu) {
+						// @ListMenuNavbar(datamenu[index+1].ParentMenuName, d.Children)
+						@sidebarmaster.ListMenuNavbar(datamenu[index+1].ParentMenuName, datamenu[index+1].Children)
+					}
+				}
+			</ul>
+			<!--end::Menu Nav-->
+		</div>
+		<!--end::Menu Container-->
+	</div>
+}
--- a/component/navbar/navbar_templ.go
+++ b/component/navbar/navbar_templ.go
@@ -0,0 +1,112 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package navbar
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/sidebarmaster"
+	"cpone/models"
+	services "cpone/services/dev"
+)
+
+func Navbar(dataUser models.User) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"kt_header\" class=\"header header-fixed \"><!--begin::Container--><div class=\"container-fluid  d-flex align-items-stretch justify-content-between\"><!--begin::Header Menu Wrapper--><div class=\"header-menu-wrapper header-menu-wrapper-left\" id=\"kt_header_menu_wrapper\"></div><!--end::Header Menu Wrapper--><!--begin::Topbar--><div class=\"topbar\"><!--begin::User--><div class=\"topbar-item\"><div class=\"btn btn-icon btn-icon-mobile w-auto btn-clean d-flex align-items-center btn-lg px-2\" id=\"kt_quick_user_toggle\"><span class=\"text-muted font-weight-bold font-size-base d-none d-md-inline mr-1\">Hi,</span> <span class=\"text-dark-50 font-weight-bolder font-size-base d-none d-md-inline mr-3\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.Username)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\navbar\navbar.templ`, Line: 29, Col: 26}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span> <span class=\"bg-primary-transparent p-3\" style=\"border-radius: 50%; width: 40px; height: 40px;\"><span class=\"iconify text-primary\" data-icon=\"gravity-ui:person\"></span></span></div></div><!--end::User--></div><!--end::Topbar--></div><!--end::Container--></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func NavbarMenu(datamenu []services.MasterMenu) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"aside-menu-wrapper flex-column-fluid\" id=\"kt_aside_menu_wrapper\"><!--begin::Menu Container--><div id=\"kt_aside_menu\" class=\"aside-menu my-4 \" data-menu-vertical=\"1\" data-menu-scroll=\"1\" data-menu-dropdown-timeout=\"500\"><!--begin::Menu Nav--><ul class=\"menu-nav \">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for index, d := range datamenu {
+			if index == 0 {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" ")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = sidebarmaster.MenuDashboard(d.ParentMenuName, d.ParentUrl).Render(ctx, templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" <li class=\"menu-section \"><h4 class=\"menu-text\">Menu</h4><i class=\"menu-icon ki ki-bold-more-hor icon-md\"></i></li>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" ")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if index+1 < len(datamenu) {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" ")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = sidebarmaster.ListMenuNavbar(datamenu[index+1].ParentMenuName, datamenu[index+1].Children).Render(ctx, templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</ul><!--end::Menu Nav--></div><!--end::Menu Container--></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/component/pagination/pagination.templ
+++ b/component/pagination/pagination.templ
@@ -0,0 +1,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/component/sidebar_user_profile/sidebar_user_profile.templ
+++ b/component/sidebar_user_profile/sidebar_user_profile.templ
@@ -0,0 +1,82 @@
+package sidebaruserprofile
+
+import "cpone/models"
+
+templ Navbaruserprofile(dataUser models.User) {
+	<div id="kt_quick_user" class="offcanvas offcanvas-right p-10">
+		<!--begin::Header-->
+		<div class="offcanvas-header d-flex align-items-center justify-content-between pb-5">
+			<h3 class="font-weight-bold m-0 text-black">
+				User Profile
+				// <small class="text-muted font-size-sm ml-2">12 messages</small>
+			</h3>
+			<a href="#" class="btn btn-xs btn-icon btn-light btn-hover-primary" id="kt_quick_user_close">
+				<i class="ki ki-close icon-xs text-muted"></i>
+			</a>
+		</div>
+		<!--end::Header-->
+		<!--begin::Content-->
+		<div class="offcanvas-content pr-5 mr-n5">
+			<!--begin::Header-->
+			@ProfileHeader(dataUser)
+			<!--end::Header-->
+			<!--begin::Separator-->
+			<div class="separator separator-dashed my-7"></div>
+			<!--end::Separator-->
+			<!--begin::Notifications-->
+			<div>
+				<!--begin:Heading-->
+				<h5 class="mb-5">
+					Recent Notifications
+				</h5>
+				<!--end:Heading-->
+				<!--begin::Item-->
+				@NotificationCard()
+				<!--end::Item-->
+			</div>
+			<!--end::Notifications-->
+		</div>
+		<!--end::Content-->
+	</div>
+}
+
+templ ProfileHeader(dataUser models.User) {
+	<div class="d-flex align-items-center mt-5">
+		<div class="symbol symbol-100 mr-5 p-2 bg-primary-transparent">
+			// <div class="symbol-label" style="background-image:url('/assets/media/users/300_21.jpg')"></div>
+			// <i class="symbol-badge bg-success"></i>
+			<span class="iconify symbol-label bg-primary-transparent text-primary" data-icon="gravity-ui:person"></span>
+		</div>
+		<div class="d-flex flex-column">
+			<a href="#" class="font-weight-bold font-size-h5 text-dark-75 text-hover-primary">
+				{ dataUser.UserFullName }
+			</a>
+			<div class="text-muted mt-1">
+				{ dataUser.UserPosition }
+			</div>
+			<div class="navi mt-2">
+				<a href="#" class="btn btn-sm btn-light-primary font-weight-bolder py-2 px-5">Sign Out</a>
+			</div>
+		</div>
+	</div>
+}
+
+templ NotificationCard() {
+	<div class="d-flex align-items-center bg-light-warning rounded p-5 gutter-b">
+		<span class="svg-icon svg-icon-warning mr-5">
+			<span
+				class="svg-icon svg-icon-lg"
+			>
+				<!--begin::Svg Icon | path:/assets/media/svg/icons/Home/Library.svg-->
+				<span class="iconify" data-icon="material-symbols:notifications-active-outline-rounded"></span>
+			</span>
+		</span>
+		<div class="d-flex flex-column flex-grow-1 mr-2">
+			<a href="#" class="font-weight-normal text-dark-75 text-hover-primary font-size-lg mb-1">
+				Another
+				purpose persuade
+			</a>
+			<span class="text-muted font-size-sm">Due in 2 Days</span>
+		</div>
+	</div>
+}
--- a/component/sidebar_user_profile/sidebar_user_profile_templ.go
+++ b/component/sidebar_user_profile/sidebar_user_profile_templ.go
@@ -0,0 +1,127 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package sidebaruserprofile
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import "cpone/models"
+
+func Navbaruserprofile(dataUser models.User) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div id=\"kt_quick_user\" class=\"offcanvas offcanvas-right p-10\"><!--begin::Header--><div class=\"offcanvas-header d-flex align-items-center justify-content-between pb-5\"><h3 class=\"font-weight-bold m-0 text-black\">User Profile\r</h3><a href=\"#\" class=\"btn btn-xs btn-icon btn-light btn-hover-primary\" id=\"kt_quick_user_close\"><i class=\"ki ki-close icon-xs text-muted\"></i></a></div><!--end::Header--><!--begin::Content--><div class=\"offcanvas-content pr-5 mr-n5\"><!--begin::Header-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = ProfileHeader(dataUser).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Header--><!--begin::Separator--><div class=\"separator separator-dashed my-7\"></div><!--end::Separator--><!--begin::Notifications--><div><!--begin:Heading--><h5 class=\"mb-5\">Recent Notifications\r</h5><!--end:Heading--><!--begin::Item-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = NotificationCard().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Item--></div><!--end::Notifications--></div><!--end::Content--></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ProfileHeader(dataUser models.User) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex align-items-center mt-5\"><div class=\"symbol symbol-100 mr-5 p-2 bg-primary-transparent\"><span class=\"iconify symbol-label bg-primary-transparent text-primary\" data-icon=\"gravity-ui:person\"></span></div><div class=\"d-flex flex-column\"><a href=\"#\" class=\"font-weight-bold font-size-h5 text-dark-75 text-hover-primary\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.UserFullName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 52, Col: 27}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a><div class=\"text-muted mt-1\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.UserPosition)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 55, Col: 27}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><div class=\"navi mt-2\"><a href=\"#\" class=\"btn btn-sm btn-light-primary font-weight-bolder py-2 px-5\">Sign Out</a></div></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func NotificationCard() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var5 == nil {
+			templ_7745c5c3_Var5 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"d-flex align-items-center bg-light-warning rounded p-5 gutter-b\"><span class=\"svg-icon svg-icon-warning mr-5\"><span class=\"svg-icon svg-icon-lg\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Home/Library.svg--><span class=\"iconify\" data-icon=\"material-symbols:notifications-active-outline-rounded\"></span></span></span><div class=\"d-flex flex-column flex-grow-1 mr-2\"><a href=\"#\" class=\"font-weight-normal text-dark-75 text-hover-primary font-size-lg mb-1\">Another\r purpose persuade\r</a> <span class=\"text-muted font-size-sm\">Due in 2 Days</span></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/component/sidebarmaster/sidebarmaster.templ
+++ b/component/sidebarmaster/sidebarmaster.templ
@@ -0,0 +1,102 @@
+package sidebarmaster
+
+import (
+	services "cpone/services/dev"
+)
+
+templ MenuDashboard(ParentMenuName string, ParentMenuUrl string) {
+	<li class="menu-item menu-item-active" aria-haspopup="true">
+		<a
+			href={ templ.SafeURL(ParentMenuUrl) }
+			class="menu-link "
+		>
+			<span
+				class="svg-icon menu-icon"
+			>
+				<!--begin::Svg Icon | path:/assets/media/svg/icons/Design/Layers.svg-->
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					xmlns:xlink="http://www.w3.org/1999/xlink"
+					width="24px"
+					height="24px"
+					viewBox="0 0 24 24"
+					version="1.1"
+				>
+					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+						<polygon points="0 0 24 0 24 24 0 24"></polygon>
+						<path
+							d="M12.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z"
+							fill="#000000"
+							fill-rule="nonzero"
+						></path>
+						<path
+							d="M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z"
+							fill="#000000"
+							opacity="0.3"
+						></path>
+					</g>
+				</svg><!--end::Svg Icon-->
+			</span><span class="menu-text">{ ParentMenuName }</span>
+		</a>
+	</li>
+}
+
+templ ListMenuChildren(ChildrenMenuURL string, ChildrenMenuName string) {
+	<li class="menu-item" aria-haspopup="true">
+		<a href={ templ.SafeURL(ChildrenMenuURL) } class="menu-link">
+			<i class="menu-bullet menu-bullet-line"><span></span></i>
+			<span class="menu-text">{ ChildrenMenuName }</span>
+		</a>
+	</li>
+}
+
+templ ListMenuNavbar(ParentMenuName string, datamenuchildren []services.ChildrenMenu) {
+	<li class="menu-item  menu-item-submenu" aria-haspopup="true" data-menu-toggle="hover">
+		<a
+			href="javascript:;"
+			class="menu-link menu-toggle"
+		>
+			<span
+				class="svg-icon menu-icon"
+			>
+				<!--begin::Svg Icon | path:/assets/media/svg/icons/Shopping/Barcode-read.svg-->
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					xmlns:xlink="http://www.w3.org/1999/xlink"
+					width="24px"
+					height="24px"
+					viewBox="0 0 24 24"
+					version="1.1"
+				>
+					<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+						<rect x="0" y="0" width="24" height="24"></rect>
+						<path
+							d="M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z"
+							fill="#000000"
+						></path>
+						<path
+							d="M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z"
+							fill="#000000"
+							opacity="0.3"
+						></path>
+					</g>
+				</svg><!--end::Svg Icon-->
+			</span><span class="menu-text">{ ParentMenuName }</span><i
+	class="menu-arrow"
+></i>
+		</a>
+		<div class="menu-submenu ">
+			<i class="menu-arrow"></i>
+			<ul class="menu-subnav">
+				<li class="menu-item  menu-item-parent" aria-haspopup="true">
+					<span
+						class="menu-link"
+					><span class="menu-text">{ ParentMenuName }</span></span>
+				</li>
+				for _, dx := range datamenuchildren {
+					@ListMenuChildren(dx.ChildrenMenuURL, dx.ChildrenMenuName)
+				}
+			</ul>
+		</div>
+	</li>
+}
--- a/component/sidebarmaster/sidebarmaster_templ.go
+++ b/component/sidebarmaster/sidebarmaster_templ.go
@@ -0,0 +1,167 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package sidebarmaster
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	services "cpone/services/dev"
+)
+
+func MenuDashboard(ParentMenuName string, ParentMenuUrl string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<li class=\"menu-item menu-item-active\" aria-haspopup=\"true\"><a href=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 templ.SafeURL = templ.SafeURL(ParentMenuUrl)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(string(templ_7745c5c3_Var2)))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"menu-link \"><span class=\"svg-icon menu-icon\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Design/Layers.svg--><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><polygon points=\"0 0 24 0 24 24 0 24\"></polygon> <path d=\"M12.9336061,16.072447 L19.36,10.9564761 L19.5181585,10.8312381 C20.1676248,10.3169571 20.2772143,9.3735535 19.7629333,8.72408713 C19.6917232,8.63415859 19.6104327,8.55269514 19.5206557,8.48129411 L12.9336854,3.24257445 C12.3871201,2.80788259 11.6128799,2.80788259 11.0663146,3.24257445 L4.47482784,8.48488609 C3.82645598,9.00054628 3.71887192,9.94418071 4.23453211,10.5925526 C4.30500305,10.6811601 4.38527899,10.7615046 4.47382636,10.8320511 L4.63,10.9564761 L11.0659024,16.0730648 C11.6126744,16.5077525 12.3871218,16.5074963 12.9336061,16.072447 Z\" fill=\"#000000\" fill-rule=\"nonzero\"></path> <path d=\"M11.0563554,18.6706981 L5.33593024,14.122919 C4.94553994,13.8125559 4.37746707,13.8774308 4.06710397,14.2678211 C4.06471678,14.2708238 4.06234874,14.2738418 4.06,14.2768747 L4.06,14.2768747 C3.75257288,14.6738539 3.82516916,15.244888 4.22214834,15.5523151 C4.22358765,15.5534297 4.2250303,15.55454 4.22647627,15.555646 L11.0872776,20.8031356 C11.6250734,21.2144692 12.371757,21.2145375 12.909628,20.8033023 L19.7677785,15.559828 C20.1693192,15.2528257 20.2459576,14.6784381 19.9389553,14.2768974 C19.9376429,14.2751809 19.9363245,14.2734691 19.935,14.2717619 L19.935,14.2717619 C19.6266937,13.8743807 19.0546209,13.8021712 18.6572397,14.1104775 C18.654352,14.112718 18.6514778,14.1149757 18.6486172,14.1172508 L12.9235044,18.6705218 C12.377022,19.1051477 11.6029199,19.1052208 11.0563554,18.6706981 Z\" fill=\"#000000\" opacity=\"0.3\"></path></g></svg><!--end::Svg Icon--></span><span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 39, Col: 50}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></a></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ListMenuChildren(ChildrenMenuURL string, ChildrenMenuName string) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<li class=\"menu-item\" aria-haspopup=\"true\"><a href=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var5 templ.SafeURL = templ.SafeURL(ChildrenMenuURL)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(string(templ_7745c5c3_Var5)))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"menu-link\"><i class=\"menu-bullet menu-bullet-line\"><span></span></i> <span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var6 string
+		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(ChildrenMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 48, Col: 45}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></a></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func ListMenuNavbar(ParentMenuName string, datamenuchildren []services.ChildrenMenu) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var7 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var7 == nil {
+			templ_7745c5c3_Var7 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<li class=\"menu-item  menu-item-submenu\" aria-haspopup=\"true\" data-menu-toggle=\"hover\"><a href=\"javascript:;\" class=\"menu-link menu-toggle\"><span class=\"svg-icon menu-icon\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Shopping/Barcode-read.svg--><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><rect x=\"0\" y=\"0\" width=\"24\" height=\"24\"></rect> <path d=\"M7,3 L17,3 C19.209139,3 21,4.790861 21,7 C21,9.209139 19.209139,11 17,11 L7,11 C4.790861,11 3,9.209139 3,7 C3,4.790861 4.790861,3 7,3 Z M7,9 C8.1045695,9 9,8.1045695 9,7 C9,5.8954305 8.1045695,5 7,5 C5.8954305,5 5,5.8954305 5,7 C5,8.1045695 5.8954305,9 7,9 Z\" fill=\"#000000\"></path> <path d=\"M7,13 L17,13 C19.209139,13 21,14.790861 21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 C3,14.790861 4.790861,13 7,13 Z M17,19 C18.1045695,19 19,18.1045695 19,17 C19,15.8954305 18.1045695,15 17,15 C15.8954305,15 15,15.8954305 15,17 C15,18.1045695 15.8954305,19 17,19 Z\" fill=\"#000000\" opacity=\"0.3\"></path></g></svg><!--end::Svg Icon--></span><span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var8 string
+		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 84, Col: 50}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span><i class=\"menu-arrow\"></i></a><div class=\"menu-submenu \"><i class=\"menu-arrow\"></i><ul class=\"menu-subnav\"><li class=\"menu-item  menu-item-parent\" aria-haspopup=\"true\"><span class=\"menu-link\"><span class=\"menu-text\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var9 string
+		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 94, Col: 46}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</span></span></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, dx := range datamenuchildren {
+			templ_7745c5c3_Err = ListMenuChildren(dx.ChildrenMenuURL, dx.ChildrenMenuName).Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</ul></div></li>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/component/table/table.templ
+++ b/component/table/table.templ
@@ -0,0 +1,25 @@
+package tablecomponent
+
+templ Table(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component) {
+	if len(thName) != len(thWidth) {
+		<div>length array thname berbeda dengan array thwidth</div>
+	} else {
+		<div>
+			<table class="table table-hover table-borderless">
+				<thead>
+					<tr class="rounded-lg bg-header-table">
+						for i, item := range thName {
+							<th scope="col" width={ thWidth[i] }>{ item }</th>
+						}
+					</tr>
+				</thead>
+				<tbody>
+					@trComponent
+				</tbody>
+			</table>
+		</div>
+		<div>
+			@pagination
+		</div>
+	}
+}
--- a/component/table/table_templ.go
+++ b/component/table/table_templ.go
@@ -0,0 +1,94 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package tablecomponent
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+func Table(thName []string, thWidth []string, trComponent templ.Component, pagination templ.Component) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if len(thName) != len(thWidth) {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>length array thname berbeda dengan array thwidth</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		} else {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div><table class=\"table table-hover table-borderless\"><thead><tr class=\"rounded-lg bg-header-table\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			for i, item := range thName {
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<th scope=\"col\" width=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var2 string
+				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\table.templ`, Line: 12, Col: 41}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(item)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\table.templ`, Line: 12, Col: 50}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</th>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tr></thead> <tbody>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = trComponent.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</tbody></table></div><div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = pagination.Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/component/under_development/under_development.templ
+++ b/component/under_development/under_development.templ
--- a/component/under_development/under_development_templ.go
+++ b/component/under_development/under_development_templ.go
--- a/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/db/mastermenuusergroup.go
+++ b/db/mastermenuusergroup.go
@@ -0,0 +1,26 @@
+package db
+
+import (
+	"database/sql"
+
+	_ "github.com/glebarez/go-sqlite"
+)
+
+type MasterMenuUserGroupStore struct {
+	Db *sql.DB
+}
+
+func NewMasterMenuUserGroupStore(dbName string) (MasterMenuUserGroupStore, error) {
+	Db, err := getConnection(dbName)
+	if err != nil {
+		return MasterMenuUserGroupStore{}, err
+	}
+
+	if err := createMigrations(dbName, Db); err != nil {
+		return MasterMenuUserGroupStore{}, err
+	}
+
+	return MasterMenuUserGroupStore{
+		Db,
+	}, nil
+}
--- a/go.mod
+++ b/go.mod
@@ -1,17 +1,16 @@
-module github.com/emarifer/go-templ-project-structure
+module cpone

 go 1.21.0

 require (
 	github.com/a-h/templ v0.2.663
+	github.com/glebarez/go-sqlite v1.22.0
 	github.com/labstack/echo/v4 v4.11.3
-	github.com/mattn/go-sqlite3 v1.14.19
 	golang.org/x/text v0.14.0
 )

 require (
 	github.com/dustin/go-humanize v1.0.1 // indirect
-	github.com/glebarez/go-sqlite v1.22.0 // indirect
 	github.com/golang-jwt/jwt v3.2.2+incompatible // indirect
 	github.com/google/uuid v1.5.0 // indirect
 	github.com/labstack/gommon v0.4.0 // indirect
--- a/go.sum
+++ b/go.sum
@@ -1,5 +1,3 @@
-github.com/a-h/templ v0.2.476 h1:+H4hP4CwK4kfJwXsE6kHeFWMGtcVOVoOm/I64uzARBk=
-github.com/a-h/templ v0.2.476/go.mod h1:zQ95mSyadNTGHv6k5Fm+wQU8zkBMMbHCHg7eAvUZKNM=
 github.com/a-h/templ v0.2.663 h1:aa0WMm27InkYHGjimcM7us6hJ6BLhg98ZbfaiDPyjHE=
 github.com/a-h/templ v0.2.663/go.mod h1:SA7mtYwVEajbIXFRh3vKdYm/4FYyLQAtPH1+KxzGPA8=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
@@ -13,6 +11,8 @@ github.com/golang-jwt/jwt v3.2.2+incompatible h1:IfV12K8xAKAnZqdXVzCZ+TOjboZ2keL
 github.com/golang-jwt/jwt v3.2.2+incompatible/go.mod h1:8pz2t5EyA70fFQQSrl6XZXzqecmYZeUEB8OUGHkxJ+I=
 github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
 github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
+github.com/google/pprof v0.0.0-20221118152302-e6195bd50e26 h1:Xim43kblpZXfIBQsbuBVKCudVG457BR2GZFIz3uw3hQ=
+github.com/google/pprof v0.0.0-20221118152302-e6195bd50e26/go.mod h1:dDKJzRmX4S37WGHujM7tX//fmj1uioxKzKxz3lo4HJo=
 github.com/google/uuid v1.5.0 h1:1p67kYwdtXjb0gL0BPiP1Av9wiZPo5A8z2cWkTZ+eyU=
 github.com/google/uuid v1.5.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
 github.com/labstack/echo/v4 v4.11.3 h1:Upyu3olaqSHkCjs1EJJwQ3WId8b8b1hxbogyommKktM=
@@ -24,12 +24,8 @@ github.com/mattn/go-colorable v0.1.13 h1:fFA4WZxdEF4tXPZVKMLwD8oUnCTTo08duU7wxec
 github.com/mattn/go-colorable v0.1.13/go.mod h1:7S9/ev0klgBDR4GtXTXX8a3vIGJpMovkB8vQcUbaXHg=
 github.com/mattn/go-isatty v0.0.14/go.mod h1:7GGIvUiUoEMVVmxf/4nioHXj79iQHKdU27kJ6hsGG94=
 github.com/mattn/go-isatty v0.0.16/go.mod h1:kYGgaQfpe5nmfYZH+SKPsOc2e4SrIfOl2e/yFXSvRLM=
-github.com/mattn/go-isatty v0.0.19 h1:JITubQf0MOLdlGRuRq+jtsDlekdYPia9ZFsB8h/APPA=
-github.com/mattn/go-isatty v0.0.19/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
 github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
 github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
-github.com/mattn/go-sqlite3 v1.14.19 h1:fhGleo2h1p8tVChob4I9HpmVFIAkKGpiukdrgQbWfGI=
-github.com/mattn/go-sqlite3 v1.14.19/go.mod h1:2eHXhiwb8IkHr+BDWZGa96P6+rkvnG63S2DGjv9HUNg=
 github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
 github.com/remyoudompheng/bigfft v0.0.0-20230129092748-24d4a6f8daec h1:W09IVJc94icq4NjY3clb7Lk8O1qJ8BdBEF8z0ibU0rE=
@@ -43,12 +39,8 @@ github.com/valyala/bytebufferpool v1.0.0/go.mod h1:6bBcMArwyJ5K/AmCkWv1jt77kVWyC
 github.com/valyala/fasttemplate v1.2.1/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+qRAEEKiv+SiQ=
 github.com/valyala/fasttemplate v1.2.2 h1:lxLXG0uE3Qnshl9QyaK6XJxMXlQZELvChBOCmQD0Loo=
 github.com/valyala/fasttemplate v1.2.2/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+qRAEEKiv+SiQ=
-golang.org/x/crypto v0.14.0 h1:wBqGXzWJW6m1XrIKlAH0Hs1JJ7+9KBwnIO8v66Q9cHc=
-golang.org/x/crypto v0.14.0/go.mod h1:MVFd36DqK4CsrnJYDkBA3VC4m2GkXAM0PvzMCn4JQf4=
 golang.org/x/crypto v0.16.0 h1:mMMrFzRSCF0GvB7Ne27XVtVAaXLrPmgPC7/v0tkwHaY=
 golang.org/x/crypto v0.16.0/go.mod h1:gCAAfMLgwOJRpTjQ2zCCt2OcSfYMTeZVSRtQlPC7Nq4=
-golang.org/x/net v0.17.0 h1:pVaXccu2ozPjCXewfr1S7xza/zcXTity9cCdXQYSjIM=
-golang.org/x/net v0.17.0/go.mod h1:NxSsAGuq816PNPmqtQdLE42eU2Fs7NoRIZrHJAlaCOE=
 golang.org/x/net v0.19.0 h1:zTwKpTd2XuCqf8huc7Fo2iSy+4RHPd10s4KzeTnVr1c=
 golang.org/x/net v0.19.0/go.mod h1:CfAk/cbD4CthTvqiEl8NpboMuiuOYsAr/7NOjZJtv1U=
 golang.org/x/sys v0.0.0-20210630005230-0f9fa26af87c/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
@@ -56,12 +48,8 @@ golang.org/x/sys v0.0.0-20210927094055-39ccf1dd6fa6/go.mod h1:oPkhp1MJrh7nUepCBc
 golang.org/x/sys v0.0.0-20211103235746-7861aae1554b/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.0.0-20220811171246-fbc7d0a398ab/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.13.0 h1:Af8nKPmuFypiUBjVoU9V20FiaFXOcuZI21p0ycVYYGE=
-golang.org/x/sys v0.13.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.15.0 h1:h48lPFYpsTvQJZF4EKyI4aLHaev3CxivZmv7yZig9pc=
 golang.org/x/sys v0.15.0/go.mod h1:/VUhepiaJMQUp4+oa/7Zr1D23ma6VTLIYjOOTFZPUcA=
-golang.org/x/text v0.13.0 h1:ablQoSUd0tRdKxZewP80B+BaqeKJuVhuRxj/dkrun3k=
-golang.org/x/text v0.13.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE=
 golang.org/x/text v0.14.0 h1:ScX5w1eTa3QqT8oi6+ziP7dTV1S2+ALU0bI+0zXKWiQ=
 golang.org/x/text v0.14.0/go.mod h1:18ZOQIKpY8NJVqYksKHtTdi31H5itFRjB5/qKTNYzSU=
 golang.org/x/time v0.3.0 h1:rg5rLMjNzMS1RkNLzCG38eapWhnYLFYXDXj2gOlr8j4=
--- 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"
 )
@@ -14,6 +16,7 @@ type LandingPageService interface {
 	GetClientService() ([]services.ClientService, error)
 	GetClientAdvantage() ([]services.AdvantageClient, error)
 	GetPromotionList() ([]services.Promotion, error)
+	GetFooterNavList() ([]services.FooterNav, error)
 }

 func NewLandingPageHandler(us LandingPageService) *LandingPageHandler {
@@ -42,11 +45,15 @@ func (uh *LandingPageHandler) ShowLandingPage(c echo.Context) error {
 		// fmt.Println(err)
 		return err
 	}
+	ftNav, err := uh.LandingPageService.GetFooterNavList()
+	if err != nil {
+		return err
+	}
 	fmt.Printf("%+v\n", udata)
 	helo := landingpage.ShowLandingPage("Hello World",
 		landingpage.MainLandingPage(landingpage.ListMedicalService(udata),
 			landingpage.ListAdvantage(adData), landingpage.ListPromotion(lpData),
-			landingpage.Footer()),
+			landingpage.FooterSection(ftNav)),
 		landingpage.CssLandingPage(),
 		landingpage.JsLandingPage())
 	return uh.View(c, helo)
--- 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
@@ -0,0 +1,99 @@
+package dev_handlers
+
+import (
+	"fmt"
+	"strconv"
+
+	services "cpone/services/dev"
+	"cpone/utils"
+	"cpone/views/dev/xsample"
+
+	"github.com/a-h/templ"
+
+	"github.com/labstack/echo/v4"
+)
+
+type XsampleService interface {
+	GetListMenus() ([]services.MasterMenu, error)
+}
+
+func NewXsampleHandler(us XsampleService) *XsampleHandler {
+	return &XsampleHandler{
+		XsampleService: us,
+	}
+}
+
+type XsampleHandler struct {
+	XsampleService XsampleService
+}
+
+func (uh *XsampleHandler) Hello(c echo.Context) error {
+	helo := xsample.ShowHelo("Hello World", xsample.HelloWorld("Hello World"), xsample.CssHelo(), xsample.JsHelo())
+	return uh.View(c, helo)
+}
+func (uh *XsampleHandler) ShowCoba(c echo.Context) error {
+	dataMenu, err := uh.XsampleService.GetListMenus()
+	fmt.Println(dataMenu)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataMenu)
+		return err
+	}
+	randomID := utils.GenerateRandomID("coba")
+	fmt.Println(randomID)
+	dataUser, err := services.GetUser()
+	fmt.Println(dataUser)
+	fmt.Println(err)
+	if err != nil {
+		fmt.Println(dataUser)
+		return err
+	}
+	helo := xsample.ShowCoba("Hello World", xsample.Coba("Hello World"), xsample.CssCoba(), xsample.JsCoba(), dataMenu, dataUser)
+	return uh.View(c, helo)
+}
+func (uh *XsampleHandler) ShowCounter(c echo.Context) error {
+	typectr := c.QueryParam("type")
+
+	counter := c.QueryParam("counter")
+	if counter == "" {
+		counter = "0"
+	}
+	ctr, err := strconv.Atoi(counter)
+	if err != nil {
+		fmt.Println("Error counter parse int")
+		return err
+	}
+
+	if typectr == "min" {
+		ctr = ctr - 1
+	} else if typectr == "plus" {
+		ctr = ctr + 1
+	}
+	helo := xsample.Page(ctr)
+	return uh.View(c, helo)
+}
+func (uh *XsampleHandler) ChangeCounter(c echo.Context) error {
+
+	typectr := c.QueryParam("type")
+
+	counter := c.QueryParam("counter")
+	ctr, err := strconv.Atoi(counter)
+	if err != nil {
+		fmt.Println("Error counter parse int")
+		return err
+	}
+
+	if typectr == "min" {
+		ctr = ctr - 1
+	} else {
+		ctr = ctr + 1
+	}
+	helo := xsample.Counts(ctr)
+	return uh.View(c, helo)
+}
+
+func (uh *XsampleHandler) View(c echo.Context, cmp templ.Component) error {
+	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
+
+	return cmp.Render(c.Request().Context(), c.Response().Writer)
+}
--- a/handlers/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,29 +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) {
+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/handlers/xsample.handlers.go
+++ b/handlers/xsample.handlers.go
@@ -1,32 +0,0 @@
-package handlers
-
-import (
-	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/views/xsample"
-
-	"github.com/labstack/echo/v4"
-)
-
-type XsampleService interface {
-}
-
-func NewXsampleHandler(us XsampleService) *XsampleHandler {
-	return &XsampleHandler{
-		XsampleService: us,
-	}
-}
-
-type XsampleHandler struct {
-	XsampleService XsampleService
-}
-
-func (uh *XsampleHandler) Hello(c echo.Context) error {
-	helo := xsample.ShowHelo("Hello World", xsample.HelloWorld("Hello World"), xsample.CssHelo(), xsample.JsHelo())
-	return uh.View(c, helo)
-}
-
-func (uh *XsampleHandler) View(c echo.Context, cmp templ.Component) error {
-	c.Response().Header().Set(echo.HeaderContentType, echo.MIMETextHTML)
-
-	return cmp.Render(c.Request().Context(), c.Response().Writer)
-}
--- a/views/layout/base.layout.templ
+++ b/views/layout/base.layout.templ
--- a/views/layout/base.layout_templ.go
+++ b/views/layout/base.layout_templ.go
@@ -30,7 +30,7 @@ func Base(title string) templ.Component {
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\layout\base.layout.templ`, Line: 18, Col: 40}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\base.layout.templ`, Line: 18, Col: 40}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
--- a/views/layout/canvas_layout.templ
+++ b/views/layout/canvas_layout.templ
@@ -83,6 +83,25 @@ templ CanvasLayout(title string, css templ.Component, js templ.Component) {
 				rel="stylesheet"
 				type="text/css"
 			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/publicsans.css"
+			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/roboto.css"
+			/>
+			<!-- slick -->
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick.css"
+			/>
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick-theme.css"
+			/>
 			@css
 		</head>
 		<!--end::Head-->
@@ -94,72 +113,8 @@ templ CanvasLayout(title string, css templ.Component, js templ.Component) {
 			<!--begin::Main-->
 			{ children... }
 			<!--end::Main-->
-			<script>
-      var HOST_URL =
-        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
-    </script>
-			<!--begin::Global Config(global config for global JS scripts)-->
-			<script>
-      var KTAppSettings = {
-        breakpoints: {
-          sm: 576,
-          md: 768,
-          lg: 992,
-          xl: 1200,
-          xxl: 1400,
-        },
-        colors: {
-          theme: {
-            base: {
-              white: "#ffffff",
-              primary: "#3699FF",
-              secondary: "#E5EAEE",
-              success: "#1BC5BD",
-              info: "#8950FC",
-              warning: "#FFA800",
-              danger: "#F64E60",
-              light: "#E4E6EF",
-              dark: "#181C32",
-            },
-            light: {
-              white: "#ffffff",
-              primary: "#E1F0FF",
-              secondary: "#EBEDF3",
-              success: "#C9F7F5",
-              info: "#EEE5FF",
-              warning: "#FFF4DE",
-              danger: "#FFE2E5",
-              light: "#F3F6F9",
-              dark: "#D6D6E0",
-            },
-            inverse: {
-              white: "#ffffff",
-              primary: "#ffffff",
-              secondary: "#3F4254",
-              success: "#ffffff",
-              info: "#ffffff",
-              warning: "#ffffff",
-              danger: "#ffffff",
-              light: "#464E5F",
-              dark: "#ffffff",
-            },
-          },
-          gray: {
-            "gray-100": "#F3F6F9",
-            "gray-200": "#EBEDF3",
-            "gray-300": "#E4E6EF",
-            "gray-400": "#D1D3E0",
-            "gray-500": "#B5B5C3",
-            "gray-600": "#7E8299",
-            "gray-700": "#5E6278",
-            "gray-800": "#3F4254",
-            "gray-900": "#181C32",
-          },
-        },
-        "font-family": "Poppins",
-      };
-    </script>
-	<!-- iconify -->
+			<script src="asset-corporate-portal/js/ktappsetting.js"></script>
+			<!-- iconify -->
 			<script src="assets/js/iconify/iconify.min.js"></script>
 			<!--end::Global Config-->
 			<!--begin::Global Theme Bundle(used by all pages)-->
--- a/views/layout/canvas_layout_templ.go
+++ b/views/layout/canvas_layout_templ.go
@@ -30,13 +30,13 @@ func CanvasLayout(title string, css templ.Component, js templ.Component) templ.C
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\layout\canvas_layout.templ`, Line: 22, Col: 34}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\canvas_layout.templ`, Line: 22, Col: 34}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--end::Fonts--><!--begin::Page Custom Styles(used by this page)--><link href=\"assets/css/pages/login/login-1.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Page Custom Styles--><!--begin::Global Theme Styles(used by all pages)--><link href=\"assets/plugins/global/plugins.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/plugins/custom/prismjs/prismjs.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/style.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Global Theme Styles--><!--begin::Layout Themes(used by all pages)--><link href=\"assets/css/themes/layout/header/base/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/header/menu/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/brand/dark.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/aside/dark.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Layout Themes--><link rel=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--end::Fonts--><!--begin::Page Custom Styles(used by this page)--><link href=\"assets/css/pages/login/login-1.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Page Custom Styles--><!--begin::Global Theme Styles(used by all pages)--><link href=\"assets/plugins/global/plugins.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/plugins/custom/prismjs/prismjs.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/style.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Global Theme Styles--><!--begin::Layout Themes(used by all pages)--><link href=\"assets/css/themes/layout/header/base/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/header/menu/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/brand/dark.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/aside/dark.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Layout Themes--><link rel=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><!-- slick --><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick.css\"><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick-theme.css\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -52,7 +52,7 @@ func CanvasLayout(title string, css templ.Component, js templ.Component) templ.C
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Main--><script>\r\n      var HOST_URL =\r\n        \"https://preview.keenthemes.com/metronic/theme/html/tools/preview\";\r\n    </script><!--begin::Global Config(global config for global JS scripts)--><script>\r\n      var KTAppSettings = {\r\n        breakpoints: {\r\n          sm: 576,\r\n          md: 768,\r\n          lg: 992,\r\n          xl: 1200,\r\n          xxl: 1400,\r\n        },\r\n        colors: {\r\n          theme: {\r\n            base: {\r\n              white: \"#ffffff\",\r\n              primary: \"#3699FF\",\r\n              secondary: \"#E5EAEE\",\r\n              success: \"#1BC5BD\",\r\n              info: \"#8950FC\",\r\n              warning: \"#FFA800\",\r\n              danger: \"#F64E60\",\r\n              light: \"#E4E6EF\",\r\n              dark: \"#181C32\",\r\n            },\r\n            light: {\r\n              white: \"#ffffff\",\r\n              primary: \"#E1F0FF\",\r\n              secondary: \"#EBEDF3\",\r\n              success: \"#C9F7F5\",\r\n              info: \"#EEE5FF\",\r\n              warning: \"#FFF4DE\",\r\n              danger: \"#FFE2E5\",\r\n              light: \"#F3F6F9\",\r\n              dark: \"#D6D6E0\",\r\n            },\r\n            inverse: {\r\n              white: \"#ffffff\",\r\n              primary: \"#ffffff\",\r\n              secondary: \"#3F4254\",\r\n              success: \"#ffffff\",\r\n              info: \"#ffffff\",\r\n              warning: \"#ffffff\",\r\n              danger: \"#ffffff\",\r\n              light: \"#464E5F\",\r\n              dark: \"#ffffff\",\r\n            },\r\n          },\r\n          gray: {\r\n            \"gray-100\": \"#F3F6F9\",\r\n            \"gray-200\": \"#EBEDF3\",\r\n            \"gray-300\": \"#E4E6EF\",\r\n            \"gray-400\": \"#D1D3E0\",\r\n            \"gray-500\": \"#B5B5C3\",\r\n            \"gray-600\": \"#7E8299\",\r\n            \"gray-700\": \"#5E6278\",\r\n            \"gray-800\": \"#3F4254\",\r\n            \"gray-900\": \"#181C32\",\r\n          },\r\n        },\r\n        \"font-family\": \"Poppins\",\r\n      };\r\n    </script><!-- iconify --><script src=\"assets/js/iconify/iconify.min.js\"></script><!--end::Global Config--><!--begin::Global Theme Bundle(used by all pages)--><script src=\"assets/plugins/global/plugins.bundle.js\"></script><script src=\"assets/plugins/custom/prismjs/prismjs.bundle.js\"></script><script src=\"assets/js/scripts.bundle.js\"></script><!--end::Global Theme Bundle-->")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Main--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></script><!-- iconify --><script src=\"assets/js/iconify/iconify.min.js\"></script><!--end::Global Config--><!--begin::Global Theme Bundle(used by all pages)--><script src=\"assets/plugins/global/plugins.bundle.js\"></script><script src=\"assets/plugins/custom/prismjs/prismjs.bundle.js\"></script><script src=\"assets/js/scripts.bundle.js\"></script><!--end::Global Theme Bundle-->")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
--- a/layout/layout_corporate.templ
+++ b/layout/layout_corporate.templ
@@ -0,0 +1,256 @@
+package layout
+
+import (
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
+)
+
+// LAYOUT PLAYGROUND
+templ CorporateLayout(title string, css templ.Component, js templ.Component, datamenu []services.MasterMenu, dataUser models.User) {
+	<!DOCTYPE html>
+	<!--
+		Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
+		Author: KeenThemes
+		Website: http://www.keenthemes.com/
+		Contact: support@keenthemes.com
+		Follow: www.twitter.com/keenthemes
+		Dribbble: www.dribbble.com/keenthemes
+		Like: www.facebook.com/keenthemes
+		Purchase: https://1.envato.market/EA4JP
+		Renew Support: https://1.envato.market/EA4JP
+		License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
+		-->
+	<html lang="en">
+		<!--begin::Head-->
+		<head>
+			<base href="/"/>
+			<meta charset="utf-8"/>
+			<title>Company Portal | { title }</title>
+			<meta name="description" content="Company Portal"/>
+			<meta
+				name="viewport"
+				content="width=device-width, initial-scale=1, shrink-to-fit=no"
+			/>
+			<!--begin::Fonts-->
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/poppins.css"
+			/>
+			<!--end::Fonts-->
+			<!--begin::Page Custom Styles(used by this page)-->
+			<link
+				href="assets/css/pages/login/login-1.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<!--end::Page Custom Styles-->
+			<!--begin::Global Theme Styles(used by all pages)-->
+			<link
+				href="assets/plugins/global/plugins.bundle.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link
+				href="assets/plugins/custom/prismjs/prismjs.bundle.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css"/>
+			<!--end::Global Theme Styles-->
+			<!--begin::Layout Themes(used by all pages)-->
+			<link
+				href="assets/css/themes/layout/header/base/light.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link
+				href="assets/css/themes/layout/header/menu/light.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link
+				href="assets/css/themes/layout/brand/dark.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link
+				href="assets/css/themes/layout/aside/dark.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<!--end::Layout Themes-->
+			<link
+				rel="shortcut icon"
+				href="asset-corporate-portal/media/logo/logo-small.jpg"
+			/>
+			<!--end::Layout Themes SAS-->
+			<link
+				href="asset-corporate-portal/css/sas.bundle.css"
+				rel="stylesheet"
+				type="text/css"
+			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/publicsans.css"
+			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/roboto.css"
+			/>
+			<!-- slick -->
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick.css"
+			/>
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick-theme.css"
+			/>
+			@css
+		</head>
+		<!--end::Head-->
+		<!--begin::Body-->
+		<body
+			id="kt_body"
+			class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading bg-white"
+		>
+			// htmx
+			<script src="assets/js/htmx/htmx.min.js"></script>
+			<!--start::Navbar Mobile-->
+			<div id="kt_header_mobile" class="header-mobile align-items-center  header-mobile-fixed ">
+				<!--begin::Logo-->
+				<a href="index.html">
+					<img alt="Logo" src="asset-corporate-portal/media/logo/logo.png" style="object-fit: contain;height: 4vh;"/>
+				</a>
+				<!--end::Logo-->
+				<!--begin::Toolbar-->
+				<div class="d-flex align-items-center">
+					<!--begin::Aside Mobile Toggle-->
+					<button class="btn p-0 burger-icon burger-icon-left" id="kt_aside_mobile_toggle">
+						<span></span>
+					</button>
+					<!--end::Aside Mobile Toggle-->
+					<!--begin::Topbar Mobile Toggle-->
+					<button class="btn btn-hover-text-primary p-0 ml-2" id="kt_header_mobile_topbar_toggle">
+						<span class="svg-icon svg-icon-xl">
+							<!--begin::Svg Icon | path:/assets/media/svg/icons/General/User.svg-->
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								xmlns:xlink="http://www.w3.org/1999/xlink"
+								width="24px"
+								height="24px"
+								viewBox="0 0 24 24"
+								version="1.1"
+							>
+								<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+									<polygon points="0 0 24 0 24 24 0 24"></polygon>
+									<path
+										d="M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z"
+										fill="#000000"
+										fill-rule="nonzero"
+										opacity="0.3"
+									></path>
+									<path
+										d="M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z"
+										fill="#000000"
+										fill-rule="nonzero"
+									></path>
+								</g>
+							</svg><!--end::Svg Icon-->
+						</span>
+					</button>
+					<!--end::Topbar Mobile Toggle-->
+				</div>
+				<!--end::Toolbar-->
+			</div>
+			<!--start::Navbar Mobile-->
+			<!--start::Navbar Laptop With Sidebar-->
+			<div class="d-flex flex-column flex-root">
+				<!--begin::Page-->
+				<div class="d-flex flex-row flex-column-fluid page">
+					<!--begin::Aside-->
+					<div class="aside aside-left  aside-fixed  d-flex flex-column flex-row-auto" id="kt_aside">
+						<!--begin::Brand-->
+						<div class="brand flex-column-auto " id="kt_brand">
+							<!--begin::Logo-->
+							<a href="index.html" class="brand-logo" style="">
+								<img alt="Logo" class="img-fluid" src="asset-corporate-portal/media/logo/logo.png"/>
+							</a>
+							<!--end::Logo-->
+							<!--begin::Toggle-->
+							<button class="brand-toggle btn btn-sm px-0" id="kt_aside_toggle">
+								<span
+									class="svg-icon svg-icon svg-icon-xl"
+								>
+									<!--begin::Svg Icon | path:/assets/media/svg/icons/Navigation/Angle-double-left.svg-->
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										xmlns:xlink="http://www.w3.org/1999/xlink"
+										width="24px"
+										height="24px"
+										viewBox="0 0 24 24"
+										version="1.1"
+									>
+										<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+											<polygon points="0 0 24 0 24 24 0 24"></polygon>
+											<path
+												d="M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z"
+												fill="#000000"
+												fill-rule="nonzero"
+												transform="translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) "
+											></path>
+											<path
+												d="M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z"
+												fill="#000000"
+												fill-rule="nonzero"
+												opacity="0.3"
+												transform="translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) "
+											></path>
+										</g>
+									</svg><!--end::Svg Icon-->
+								</span>
+							</button>
+							<!--end::Toolbar-->
+						</div>
+						<!--end::Brand-->
+						<!--begin::Aside Menu-->
+						@navbar.NavbarMenu(datamenu)
+						<!--end::Aside Menu-->
+					</div>
+					<!--end::Aside-->
+					<!--begin::Wrapper-->
+					<div class="d-flex flex-column flex-row-fluid wrapper" id="kt_wrapper">
+						<!--begin::Header-->
+						@navbar.Navbar(dataUser)
+						<!--end::Header-->
+						<!--begin::Content-->
+						<div class="container-fluid">
+							{ children... }
+						</div>
+						<!--end::Content-->
+					</div>
+					<!--end::Wrapper-->
+				</div>
+				<!--end::Page-->
+			</div>
+			<!--end::Navbar Laptop With Sidebar-->
+			@sidebaruserprofile.Navbaruserprofile(dataUser)
+			<!--begin::Global Config(global config for global JS scripts)-->
+			<script src="asset-corporate-portal/js/ktappsetting.js"></script>
+			<!--end::Global Config-->
+			<!--begin::Global Theme Bundle(used by all pages)-->
+			<script src="assets/plugins/global/plugins.bundle.js"></script>
+			<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
+			<script src="assets/js/scripts.bundle.js"></script>
+			<!--end::Global Theme Bundle-->
+			<script src="assets/js/iconify/iconify.min.js"></script>
+			@js
+			<!--end::Page Scripts-->
+		</body>
+		<!--end::Body-->
+	</html>
+}
--- a/layout/layout_corporate_templ.go
+++ b/layout/layout_corporate_templ.go
@@ -0,0 +1,104 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package layout
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
+)
+
+// LAYOUT PLAYGROUND
+func CorporateLayout(title string, css templ.Component, js templ.Component, datamenu []services.MasterMenu, dataUser models.User) templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><!--\r\n\t\tTemplate Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme\r\n\t\tAuthor: KeenThemes\r\n\t\tWebsite: http://www.keenthemes.com/\r\n\t\tContact: support@keenthemes.com\r\n\t\tFollow: www.twitter.com/keenthemes\r\n\t\tDribbble: www.dribbble.com/keenthemes\r\n\t\tLike: www.facebook.com/keenthemes\r\n\t\tPurchase: https://1.envato.market/EA4JP\r\n\t\tRenew Support: https://1.envato.market/EA4JP\r\n\t\tLicense: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.\r\n\t\t--><html lang=\"en\"><!--begin::Head--><head><base href=\"/\"><meta charset=\"utf-8\"><title>Company Portal | ")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 string
+		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\layout_corporate.templ`, Line: 30, Col: 34}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--end::Fonts--><!--begin::Page Custom Styles(used by this page)--><link href=\"assets/css/pages/login/login-1.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Page Custom Styles--><!--begin::Global Theme Styles(used by all pages)--><link href=\"assets/plugins/global/plugins.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/plugins/custom/prismjs/prismjs.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/style.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Global Theme Styles--><!--begin::Layout Themes(used by all pages)--><link href=\"assets/css/themes/layout/header/base/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/header/menu/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/brand/dark.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/aside/dark.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Layout Themes--><link rel=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><!-- slick --><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick.css\"><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick-theme.css\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = css.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</head><!--end::Head--><!--begin::Body--><body id=\"kt_body\" class=\"header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading bg-white\"><script src=\"assets/js/htmx/htmx.min.js\"></script><!--start::Navbar Mobile--><div id=\"kt_header_mobile\" class=\"header-mobile align-items-center  header-mobile-fixed \"><!--begin::Logo--><a href=\"index.html\"><img alt=\"Logo\" src=\"asset-corporate-portal/media/logo/logo.png\" style=\"object-fit: contain;height: 4vh;\"></a><!--end::Logo--><!--begin::Toolbar--><div class=\"d-flex align-items-center\"><!--begin::Aside Mobile Toggle--><button class=\"btn p-0 burger-icon burger-icon-left\" id=\"kt_aside_mobile_toggle\"><span></span></button><!--end::Aside Mobile Toggle--><!--begin::Topbar Mobile Toggle--><button class=\"btn btn-hover-text-primary p-0 ml-2\" id=\"kt_header_mobile_topbar_toggle\"><span class=\"svg-icon svg-icon-xl\"><!--begin::Svg Icon | path:/assets/media/svg/icons/General/User.svg--><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><polygon points=\"0 0 24 0 24 24 0 24\"></polygon> <path d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\" fill=\"#000000\" fill-rule=\"nonzero\" opacity=\"0.3\"></path> <path d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\" fill=\"#000000\" fill-rule=\"nonzero\"></path></g></svg><!--end::Svg Icon--></span></button><!--end::Topbar Mobile Toggle--></div><!--end::Toolbar--></div><!--start::Navbar Mobile--><!--start::Navbar Laptop With Sidebar--><div class=\"d-flex flex-column flex-root\"><!--begin::Page--><div class=\"d-flex flex-row flex-column-fluid page\"><!--begin::Aside--><div class=\"aside aside-left  aside-fixed  d-flex flex-column flex-row-auto\" id=\"kt_aside\"><!--begin::Brand--><div class=\"brand flex-column-auto \" id=\"kt_brand\"><!--begin::Logo--><a href=\"index.html\" class=\"brand-logo\" style=\"\"><img alt=\"Logo\" class=\"img-fluid\" src=\"asset-corporate-portal/media/logo/logo.png\"></a><!--end::Logo--><!--begin::Toggle--><button class=\"brand-toggle btn btn-sm px-0\" id=\"kt_aside_toggle\"><span class=\"svg-icon svg-icon svg-icon-xl\"><!--begin::Svg Icon | path:/assets/media/svg/icons/Navigation/Angle-double-left.svg--><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><polygon points=\"0 0 24 0 24 24 0 24\"></polygon> <path d=\"M5.29288961,6.70710318 C4.90236532,6.31657888 4.90236532,5.68341391 5.29288961,5.29288961 C5.68341391,4.90236532 6.31657888,4.90236532 6.70710318,5.29288961 L12.7071032,11.2928896 C13.0856821,11.6714686 13.0989277,12.281055 12.7371505,12.675721 L7.23715054,18.675721 C6.86395813,19.08284 6.23139076,19.1103429 5.82427177,18.7371505 C5.41715278,18.3639581 5.38964985,17.7313908 5.76284226,17.3242718 L10.6158586,12.0300721 L5.29288961,6.70710318 Z\" fill=\"#000000\" fill-rule=\"nonzero\" transform=\"translate(8.999997, 11.999999) scale(-1, 1) translate(-8.999997, -11.999999) \"></path> <path d=\"M10.7071009,15.7071068 C10.3165766,16.0976311 9.68341162,16.0976311 9.29288733,15.7071068 C8.90236304,15.3165825 8.90236304,14.6834175 9.29288733,14.2928932 L15.2928873,8.29289322 C15.6714663,7.91431428 16.2810527,7.90106866 16.6757187,8.26284586 L22.6757187,13.7628459 C23.0828377,14.1360383 23.1103407,14.7686056 22.7371482,15.1757246 C22.3639558,15.5828436 21.7313885,15.6103465 21.3242695,15.2371541 L16.0300699,10.3841378 L10.7071009,15.7071068 Z\" fill=\"#000000\" fill-rule=\"nonzero\" opacity=\"0.3\" transform=\"translate(15.999997, 11.999999) scale(-1, 1) rotate(-270.000000) translate(-15.999997, -11.999999) \"></path></g></svg><!--end::Svg Icon--></span></button><!--end::Toolbar--></div><!--end::Brand--><!--begin::Aside Menu-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = navbar.NavbarMenu(datamenu).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Aside Menu--></div><!--end::Aside--><!--begin::Wrapper--><div class=\"d-flex flex-column flex-row-fluid wrapper\" id=\"kt_wrapper\"><!--begin::Header-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = navbar.Navbar(dataUser).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Header--><!--begin::Content--><div class=\"container-fluid\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ_7745c5c3_Var1.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div><!--end::Content--></div><!--end::Wrapper--></div><!--end::Page--></div><!--end::Navbar Laptop With Sidebar-->")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = sidebaruserprofile.Navbaruserprofile(dataUser).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--begin::Global Config(global config for global JS scripts)--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></script><!--end::Global Config--><!--begin::Global Theme Bundle(used by all pages)--><script src=\"assets/plugins/global/plugins.bundle.js\"></script><script src=\"assets/plugins/custom/prismjs/prismjs.bundle.js\"></script><script src=\"assets/js/scripts.bundle.js\"></script><!--end::Global Theme Bundle--><script src=\"assets/js/iconify/iconify.min.js\"></script>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = js.Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Page Scripts--></body><!--end::Body--></html>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
--- a/views/layout/playground_layout.templ
+++ b/views/layout/playground_layout.templ
@@ -84,6 +84,25 @@ templ PlaygroundLayout(title string, css templ.Component, js templ.Component) {
 				rel="stylesheet"
 				type="text/css"
 			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/publicsans.css"
+			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/roboto.css"
+			/>
+			<!-- slick -->
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick.css"
+			/>
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick-theme.css"
+			/>
 			@css
 		</head>
 		<!--end::Head-->
@@ -97,71 +116,7 @@ templ PlaygroundLayout(title string, css templ.Component, js templ.Component) {
 			<!--begin::Main-->
 			{ children... }
 			<!--end::Main-->
-			<script>
-      var HOST_URL =
-        "https://preview.keenthemes.com/metronic/theme/html/tools/preview";
-    </script>
-			<!--begin::Global Config(global config for global JS scripts)-->
-			<script>
-      var KTAppSettings = {
-        breakpoints: {
-          sm: 576,
-          md: 768,
-          lg: 992,
-          xl: 1200,
-          xxl: 1400,
-        },
-        colors: {
-          theme: {
-            base: {
-              white: "#ffffff",
-              primary: "#3699FF",
-              secondary: "#E5EAEE",
-              success: "#1BC5BD",
-              info: "#8950FC",
-              warning: "#FFA800",
-              danger: "#F64E60",
-              light: "#E4E6EF",
-              dark: "#181C32",
-            },
-            light: {
-              white: "#ffffff",
-              primary: "#E1F0FF",
-              secondary: "#EBEDF3",
-              success: "#C9F7F5",
-              info: "#EEE5FF",
-              warning: "#FFF4DE",
-              danger: "#FFE2E5",
-              light: "#F3F6F9",
-              dark: "#D6D6E0",
-            },
-            inverse: {
-              white: "#ffffff",
-              primary: "#ffffff",
-              secondary: "#3F4254",
-              success: "#ffffff",
-              info: "#ffffff",
-              warning: "#ffffff",
-              danger: "#ffffff",
-              light: "#464E5F",
-              dark: "#ffffff",
-            },
-          },
-          gray: {
-            "gray-100": "#F3F6F9",
-            "gray-200": "#EBEDF3",
-            "gray-300": "#E4E6EF",
-            "gray-400": "#D1D3E0",
-            "gray-500": "#B5B5C3",
-            "gray-600": "#7E8299",
-            "gray-700": "#5E6278",
-            "gray-800": "#3F4254",
-            "gray-900": "#181C32",
-          },
-        },
-        "font-family": "Poppins",
-      };
-    </script>
+			<script src="asset-corporate-portal/js/ktappsetting.js"></script>
 			<!--end::Global Config-->
 			<!--begin::Global Theme Bundle(used by all pages)-->
 			<script src="assets/plugins/global/plugins.bundle.js"></script>
--- a/views/layout/playground_layout_templ.go
+++ b/views/layout/playground_layout_templ.go
@@ -31,13 +31,13 @@ func PlaygroundLayout(title string, css templ.Component, js templ.Component) tem
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\layout\playground_layout.templ`, Line: 23, Col: 34}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\playground_layout.templ`, Line: 23, Col: 34}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--end::Fonts--><!--begin::Page Custom Styles(used by this page)--><link href=\"assets/css/pages/login/login-1.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Page Custom Styles--><!--begin::Global Theme Styles(used by all pages)--><link href=\"assets/plugins/global/plugins.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/plugins/custom/prismjs/prismjs.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/style.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Global Theme Styles--><!--begin::Layout Themes(used by all pages)--><link href=\"assets/css/themes/layout/header/base/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/header/menu/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/brand/dark.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/aside/dark.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Layout Themes--><link rel=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--end::Fonts--><!--begin::Page Custom Styles(used by this page)--><link href=\"assets/css/pages/login/login-1.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Page Custom Styles--><!--begin::Global Theme Styles(used by all pages)--><link href=\"assets/plugins/global/plugins.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/plugins/custom/prismjs/prismjs.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/style.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Global Theme Styles--><!--begin::Layout Themes(used by all pages)--><link href=\"assets/css/themes/layout/header/base/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/header/menu/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/brand/dark.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/aside/dark.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Layout Themes--><link rel=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><!-- slick --><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick.css\"><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick-theme.css\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -53,7 +53,7 @@ func PlaygroundLayout(title string, css templ.Component, js templ.Component) tem
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Main--><script>\r\n      var HOST_URL =\r\n        \"https://preview.keenthemes.com/metronic/theme/html/tools/preview\";\r\n    </script><!--begin::Global Config(global config for global JS scripts)--><script>\r\n      var KTAppSettings = {\r\n        breakpoints: {\r\n          sm: 576,\r\n          md: 768,\r\n          lg: 992,\r\n          xl: 1200,\r\n          xxl: 1400,\r\n        },\r\n        colors: {\r\n          theme: {\r\n            base: {\r\n              white: \"#ffffff\",\r\n              primary: \"#3699FF\",\r\n              secondary: \"#E5EAEE\",\r\n              success: \"#1BC5BD\",\r\n              info: \"#8950FC\",\r\n              warning: \"#FFA800\",\r\n              danger: \"#F64E60\",\r\n              light: \"#E4E6EF\",\r\n              dark: \"#181C32\",\r\n            },\r\n            light: {\r\n              white: \"#ffffff\",\r\n              primary: \"#E1F0FF\",\r\n              secondary: \"#EBEDF3\",\r\n              success: \"#C9F7F5\",\r\n              info: \"#EEE5FF\",\r\n              warning: \"#FFF4DE\",\r\n              danger: \"#FFE2E5\",\r\n              light: \"#F3F6F9\",\r\n              dark: \"#D6D6E0\",\r\n            },\r\n            inverse: {\r\n              white: \"#ffffff\",\r\n              primary: \"#ffffff\",\r\n              secondary: \"#3F4254\",\r\n              success: \"#ffffff\",\r\n              info: \"#ffffff\",\r\n              warning: \"#ffffff\",\r\n              danger: \"#ffffff\",\r\n              light: \"#464E5F\",\r\n              dark: \"#ffffff\",\r\n            },\r\n          },\r\n          gray: {\r\n            \"gray-100\": \"#F3F6F9\",\r\n            \"gray-200\": \"#EBEDF3\",\r\n            \"gray-300\": \"#E4E6EF\",\r\n            \"gray-400\": \"#D1D3E0\",\r\n            \"gray-500\": \"#B5B5C3\",\r\n            \"gray-600\": \"#7E8299\",\r\n            \"gray-700\": \"#5E6278\",\r\n            \"gray-800\": \"#3F4254\",\r\n            \"gray-900\": \"#181C32\",\r\n          },\r\n        },\r\n        \"font-family\": \"Poppins\",\r\n      };\r\n    </script><!--end::Global Config--><!--begin::Global Theme Bundle(used by all pages)--><script src=\"assets/plugins/global/plugins.bundle.js\"></script><script src=\"assets/plugins/custom/prismjs/prismjs.bundle.js\"></script><script src=\"assets/js/scripts.bundle.js\"></script><!--end::Global Theme Bundle--><script src=\"assets/js/iconify/iconify.min.js\"></script>")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!--end::Main--><script src=\"asset-corporate-portal/js/ktappsetting.js\"></script><!--end::Global Config--><!--begin::Global Theme Bundle(used by all pages)--><script src=\"assets/plugins/global/plugins.bundle.js\"></script><script src=\"assets/plugins/custom/prismjs/prismjs.bundle.js\"></script><script src=\"assets/js/scripts.bundle.js\"></script><!--end::Global Theme Bundle--><script src=\"assets/js/iconify/iconify.min.js\"></script>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
--- a/models/CustomTextField.models.go
+++ b/models/CustomTextField.models.go
@@ -0,0 +1,14 @@
+package models
+
+// inpLabelText,
+// 	inpName,
+// 	inpPlaceHolder,
+// 	inpType string
+// MainCustomTextField
+type CustomTextFieldv2Prm struct {
+	Label       string `default:"Label"`
+	Name        string `default:"name"`
+	Placeholder string `default:"Placeholder"`
+	Type        string `default:"text"`
+	Value       string `default:""`
+}
--- a/models/table.models.go
+++ b/models/table.models.go
@@ -0,0 +1,15 @@
+package models
+
+type TableHead struct {
+	Name  string `json:"name"`
+	Width string `json:"width"`
+}
+
+func GetTableHead() []TableHead {
+	a := []TableHead{
+		{Name: "Kode", Width: "30%"},
+		{Name: "User Group", Width: "40%"},
+		{Name: "Aksi", Width: "30%"},
+	}
+	return a
+}
--- a/models/user.models.go
+++ b/models/user.models.go
@@ -0,0 +1,8 @@
+package models
+
+type User struct {
+	UserID       int    `json:"userID"`
+	Username     string `json:"username"`
+	UserFullName string `json:"userFullName"`
+	UserPosition string `json:"userPosition"`
+}
--- a/models/usergroup.models.go
+++ b/models/usergroup.models.go
@@ -0,0 +1,7 @@
+package models
+
+type UserGroup struct {
+	UserGroupID   int    `json:"user_group_id"`
+	UserGroupKode string `json:"user_group_kode"`
+	UserGroupName string `json:"user_group_name"`
+}
--- a/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 {
@@ -40,6 +40,18 @@ type Promotion struct {
 	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.LandingPageStore
@@ -203,3 +215,73 @@ func (su *ServicesLandingPage) GetPromotionList() ([]Promotion, error) {

 	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/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
@@ -0,0 +1,822 @@
+package dev_services
+
+import (
+	"fmt"
+	"strconv"
+
+	"cpone/db"
+	"cpone/models"
+	"cpone/utils"
+)
+
+func NewServicesMasterMenuUserGroup(u MasterMenu, uStore db.MasterMenuUserGroupStore) *ServicesMasterMenuUserGroup {
+
+	return &ServicesMasterMenuUserGroup{
+		MasterMenu:               u,
+		MasterMenuUserGroupStore: uStore,
+	}
+}
+
+// MasterMenu struct
+type Breadcrumb struct {
+	IDBreadcrumb string `json:"id_breadcrumb"`
+	Name         string `json:"name"`
+	Url          string `json:"url"`
+}
+
+type ChildrenMenu struct {
+	ChildrenParentID string `json:"children_parent_id"`
+	ChildrenMenuID   string `json:"children_menu_id"`
+	ChildrenMenuName string `json:"children_menu_name"`
+	ChildrenMenuURL  string `json:"children_menu_url"`
+	// Breadcrumb       []Breadcrumb `json:"breadcrumb"`
+}
+
+type MasterMenu struct {
+	ID             string         `json:"id"`
+	ParentMenuID   string         `json:"parent_menu_id"`
+	ParentMenuName string         `json:"parent_menu_name"`
+	ParentUrl      string         `json:"parent_url"`
+	ParentIcon     string         `json:"parent_icon"`
+	Children       []ChildrenMenu `json:"children"`
+}
+
+type ServicesMasterMenuUserGroup struct {
+	MasterMenu               MasterMenu
+	MasterMenuUserGroupStore db.MasterMenuUserGroupStore
+}
+
+type AutoComplete struct {
+	Name string `json:"name"`
+}
+
+func (su *ServicesMasterMenuUserGroup) GetMasterMenus() ([]MasterMenu, error) {
+
+	// dummyBreadcrumb := []Breadcrumb{
+	// 	{
+	// 		Name: "Dashboard",
+	// 		Url:  "/client/dashboard",
+	// 	},
+	// 	{
+	// 		Name: "Front Office",
+	// 		Url:  "/client/usermanagement",
+	// 	},
+	// }
+
+	dummyMenu := []MasterMenu{
+		// 1. Dashboard
+		{
+			ID:             "1",
+			ParentMenuID:   "0",
+			ParentMenuName: "Dashboard",
+			ParentUrl:      "/client/md/dashboard",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "1",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Master User",
+					ChildrenMenuURL:  "/client/md/user",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 2. Front Office
+		{
+			ID:             "2",
+			ParentMenuID:   "1",
+			ParentMenuName: "Front Office",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "1",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Registrasi",
+					ChildrenMenuURL:  "/fo/registrasi",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 3. Station
+		{
+			ID:             "3",
+			ParentMenuID:   "2",
+			ParentMenuName: "Station",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "2",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Sample Station",
+					ChildrenMenuURL:  "/station/sample",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 4. Management MCU
+		{
+			ID:             "4",
+			ParentMenuID:   "3",
+			ParentMenuName: "Management MCU",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "3",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Setup MCU",
+					ChildrenMenuURL:  "/mcu/setup",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+				{
+					ChildrenParentID: "3",
+					ChildrenMenuID:   "2",
+					ChildrenMenuName: "Pre-Registrasi",
+					ChildrenMenuURL:  "/mcu/preregister",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 5. Master Data
+		{
+			ID:             "5",
+			ParentMenuID:   "4",
+			ParentMenuName: "Master Data",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				// * Master User
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Master User",
+					ChildrenMenuURL:  "/client/md/user",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Master User Group
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "2",
+					ChildrenMenuName: "Master User Group",
+					ChildrenMenuURL:  "/client/md/usergroup",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Master Corporate
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "3",
+					ChildrenMenuName: "Corporate",
+					ChildrenMenuURL:  "/client/md/corp",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Test
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "4",
+					ChildrenMenuName: "Test",
+					ChildrenMenuURL:  "/client/md/test",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Bahan
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "5",
+					ChildrenMenuName: "Bahan",
+					ChildrenMenuURL:  "/client/md/bahan",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Sample Type
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "6",
+					ChildrenMenuName: "Sample Type",
+					ChildrenMenuURL:  "/client/sample/type",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Sample Station
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "7",
+					ChildrenMenuName: "Sample Station",
+					ChildrenMenuURL:  "/station/sample",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Result Non Lab
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "8",
+					ChildrenMenuName: "Result Non Lab",
+					ChildrenMenuURL:  "/client/md/resultnonlab",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Template Fisik
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "9",
+					ChildrenMenuName: "Template Fisik",
+					ChildrenMenuURL:  "/client/md/template-fisik",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Pasien
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "10",
+					ChildrenMenuName: "Pasien",
+					ChildrenMenuURL:  "/client/md/pasien",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Dokter
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "11",
+					ChildrenMenuName: "Dokter",
+					ChildrenMenuURL:  "/client/md/dokter",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Paket
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "12",
+					ChildrenMenuName: "Paket",
+					ChildrenMenuURL:  "/client/md/paket",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Harga Single
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "13",
+					ChildrenMenuName: "Harga Single",
+					ChildrenMenuURL:  "/client/md/hargasingle",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+	}
+
+	return dummyMenu, nil
+}
+
+// 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`
+
+// 	rows, err := su.MasterMenuUserGroupStore.Db.Query(query)
+// 	if err != nil {
+// 		return []MasterMenu{}, err
+// 	}
+// 	// We close the resource
+// 	defer rows.Close()
+
+// 	MasterMenus := []MasterMenu{}
+// 	for rows.Next() {
+// 		rows.Scan(
+// 			&su.MasterMenu.ID,
+// 			&su.MasterMenu.MasterMenuname,
+// 			&su.MasterMenu.Email,
+// 			&su.MasterMenu.CreatedAt,
+// 		)
+
+// 		MasterMenus = append(MasterMenus, su.MasterMenu)
+// 	}
+
+// 	return MasterMenus, nil
+// }
+
+// func (su *ServicesMasterMenuUserGroup) GetMasterMenuById(id int) (MasterMenu, error) {
+
+// 	query := `SELECT id, MasterMenuname, email, created_at FROM MasterMenus
+// 		WHERE id = ?`
+
+// 	stmt, err := su.MasterMenuUserGroupStore.Db.Prepare(query)
+// 	if err != nil {
+// 		return MasterMenu{}, err
+// 	}
+
+// 	defer stmt.Close()
+
+// 	su.MasterMenu.ID = id
+// 	err = stmt.QueryRow(
+// 		su.MasterMenu.ID,
+// 	).Scan(
+// 		&su.MasterMenu.ID,
+// 		&su.MasterMenu.MasterMenuname,
+// 		&su.MasterMenu.Email,
+// 		&su.MasterMenu.CreatedAt,
+// 	)
+// 	if err != nil {
+// 		return MasterMenu{}, err
+// 	}
+
+// 	return su.MasterMenu, nil
+// }
--- a/services/dev/user.services.go
+++ b/services/dev/user.services.go
@@ -1,16 +1,17 @@
-package services
+package dev_services

 import (
 	"time"

-	"github.com/emarifer/go-templ-project-structure/db"
+	"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,
 	}
 }

@@ -22,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
 	}
@@ -56,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
 	}
@@ -84,3 +85,13 @@ func ConverDateTime(tz string, dt time.Time) string {

 	return dt.In(loc).Format(time.RFC822Z)
 }
+
+func GetUser() (models.User, error) {
+	a := models.User{
+		UserID:       1,
+		Username:     "andy",
+		UserFullName: "Alfianto Andy P",
+		UserPosition: "Software Developer",
+	}
+	return a, nil
+}
--- a/services/dev/xsample.services.go
+++ b/services/dev/xsample.services.go
@@ -0,0 +1,582 @@
+package dev_services
+
+import (
+	"time"
+
+	"cpone/db"
+)
+
+func NewServicesXsample(u Xsample, uStore db.XsampleStore) *ServicesXsample {
+
+	return &ServicesXsample{
+		Xsample:      u,
+		XsampleStore: uStore,
+	}
+}
+
+type Xsample struct {
+	ID          int       `json:"id"`
+	Xsamplename string    `json:"Xsamplename"`
+	Email       string    `json:"email"`
+	CreatedAt   time.Time `json:"created_at,omitempty"`
+}
+
+type ServicesXsample struct {
+	Xsample      Xsample
+	XsampleStore db.XsampleStore
+}
+
+func (su *ServicesXsample) GetAllXsamples() ([]Xsample, error) {
+	query := `SELECT id, Xsamplename, email, created_at FROM Xsamples ORDER BY created_at DESC`
+
+	rows, err := su.XsampleStore.Db.Query(query)
+	if err != nil {
+		return []Xsample{}, err
+	}
+	// We close the resource
+	defer rows.Close()
+
+	Xsamples := []Xsample{}
+	for rows.Next() {
+		rows.Scan(
+			&su.Xsample.ID,
+			&su.Xsample.Xsamplename,
+			&su.Xsample.Email,
+			&su.Xsample.CreatedAt,
+		)
+
+		Xsamples = append(Xsamples, su.Xsample)
+	}
+
+	return Xsamples, nil
+}
+
+func (su *ServicesXsample) GetXsampleById(id int) (Xsample, error) {
+
+	query := `SELECT id, Xsamplename, email, created_at FROM Xsamples
+		WHERE id = ?`
+
+	stmt, err := su.XsampleStore.Db.Prepare(query)
+	if err != nil {
+		return Xsample{}, err
+	}
+
+	defer stmt.Close()
+
+	su.Xsample.ID = id
+	err = stmt.QueryRow(
+		su.Xsample.ID,
+	).Scan(
+		&su.Xsample.ID,
+		&su.Xsample.Xsamplename,
+		&su.Xsample.Email,
+		&su.Xsample.CreatedAt,
+	)
+	if err != nil {
+		return Xsample{}, err
+	}
+
+	return su.Xsample, nil
+}
+
+func (su *ServicesXsample) GetListMenus() ([]MasterMenu, error) {
+
+	// dummyBreadcrumb := []Breadcrumb{
+	// 	{
+	// 		Name: "Dashboard",
+	// 		Url:  "/client/dashboard",
+	// 	},
+	// 	{
+	// 		Name: "Front Office",
+	// 		Url:  "/client/usermanagement",
+	// 	},
+	// }
+
+	dummyMenu := []MasterMenu{
+		// 1. Dashboard
+		{
+			ID:             "1",
+			ParentMenuID:   "0",
+			ParentMenuName: "Dashboard",
+			ParentUrl:      "/client/md/dashboard",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "1",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Master User",
+					ChildrenMenuURL:  "/client/md/user",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 2. Front Office
+		{
+			ID:             "2",
+			ParentMenuID:   "1",
+			ParentMenuName: "Front Office",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "1",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Registrasi",
+					ChildrenMenuURL:  "/fo/registrasi",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 3. Station
+		{
+			ID:             "3",
+			ParentMenuID:   "2",
+			ParentMenuName: "Station",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "2",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Sample Station",
+					ChildrenMenuURL:  "/station/sample",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 4. Management MCU
+		{
+			ID:             "4",
+			ParentMenuID:   "3",
+			ParentMenuName: "Management MCU",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				{
+					ChildrenParentID: "3",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Setup MCU",
+					ChildrenMenuURL:  "/mcu/setup",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+				{
+					ChildrenParentID: "3",
+					ChildrenMenuID:   "2",
+					ChildrenMenuName: "Pre-Registrasi",
+					ChildrenMenuURL:  "/mcu/preregister",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+
+		// 5. Master Data
+		{
+			ID:             "5",
+			ParentMenuID:   "4",
+			ParentMenuName: "Master Data",
+			ParentUrl:      "#",
+			ParentIcon:     "",
+			Children: []ChildrenMenu{
+				// * Master User
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "1",
+					ChildrenMenuName: "Master User",
+					ChildrenMenuURL:  "/client/md/user",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Master User Group
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "2",
+					ChildrenMenuName: "Master User Group",
+					ChildrenMenuURL:  "/client/md/usergroup",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Master Corporate
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "3",
+					ChildrenMenuName: "Corporate",
+					ChildrenMenuURL:  "/client/md/corp",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Test
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "4",
+					ChildrenMenuName: "Test",
+					ChildrenMenuURL:  "/client/md/test",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Bahan
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "5",
+					ChildrenMenuName: "Bahan",
+					ChildrenMenuURL:  "/client/md/bahan",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Sample Type
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "6",
+					ChildrenMenuName: "Sample Type",
+					ChildrenMenuURL:  "/client/sample/type",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Sample Station
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "7",
+					ChildrenMenuName: "Sample Station",
+					ChildrenMenuURL:  "/station/sample",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Result Non Lab
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "8",
+					ChildrenMenuName: "Result Non Lab",
+					ChildrenMenuURL:  "/client/md/resultnonlab",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Template Fisik
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "9",
+					ChildrenMenuName: "Template Fisik",
+					ChildrenMenuURL:  "/client/md/template-fisik",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Pasien
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "10",
+					ChildrenMenuName: "Pasien",
+					ChildrenMenuURL:  "/client/md/pasien",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Dokter
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "11",
+					ChildrenMenuName: "Dokter",
+					ChildrenMenuURL:  "/client/md/dokter",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Paket
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "12",
+					ChildrenMenuName: "Paket",
+					ChildrenMenuURL:  "/client/md/paket",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+
+				// * Harga Single
+				{
+					ChildrenParentID: "4",
+					ChildrenMenuID:   "13",
+					ChildrenMenuName: "Harga Single",
+					ChildrenMenuURL:  "/client/md/hargasingle",
+					// Breadcrumb: []Breadcrumb{
+					// 	{
+					// 		IDBreadcrumb: "1",
+					// 		Title:        "Dashboard",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "2",
+					// 		Title:        "Master",
+					// 		IsActive:     "N",
+					// 	},
+					// 	{
+					// 		IDBreadcrumb: "3",
+					// 		Title:        "User Group",
+					// 		IsActive:     "Y",
+					// 	},
+					// },
+				},
+			},
+		},
+	}
+
+	return dummyMenu, nil
+}
--- 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/services/xsample.services.go
+++ b/services/xsample.services.go
@@ -1,80 +0,0 @@
-package services
-
-import (
-	"time"
-
-	"github.com/emarifer/go-templ-project-structure/db"
-)
-
-func NewServicesXsample(u Xsample, uStore db.XsampleStore) *ServicesXsample {
-
-	return &ServicesXsample{
-		Xsample:      u,
-		XsampleStore: uStore,
-	}
-}
-
-type Xsample struct {
-	ID          int       `json:"id"`
-	Xsamplename string    `json:"Xsamplename"`
-	Email       string    `json:"email"`
-	CreatedAt   time.Time `json:"created_at,omitempty"`
-}
-
-type ServicesXsample struct {
-	Xsample      Xsample
-	XsampleStore db.XsampleStore
-}
-
-func (su *ServicesXsample) GetAllXsamples() ([]Xsample, error) {
-	query := `SELECT id, Xsamplename, email, created_at FROM Xsamples ORDER BY created_at DESC`
-
-	rows, err := su.XsampleStore.Db.Query(query)
-	if err != nil {
-		return []Xsample{}, err
-	}
-	// We close the resource
-	defer rows.Close()
-
-	Xsamples := []Xsample{}
-	for rows.Next() {
-		rows.Scan(
-			&su.Xsample.ID,
-			&su.Xsample.Xsamplename,
-			&su.Xsample.Email,
-			&su.Xsample.CreatedAt,
-		)
-
-		Xsamples = append(Xsamples, su.Xsample)
-	}
-
-	return Xsamples, nil
-}
-
-func (su *ServicesXsample) GetXsampleById(id int) (Xsample, error) {
-
-	query := `SELECT id, Xsamplename, email, created_at FROM Xsamples
-		WHERE id = ?`
-
-	stmt, err := su.XsampleStore.Db.Prepare(query)
-	if err != nil {
-		return Xsample{}, err
-	}
-
-	defer stmt.Close()
-
-	su.Xsample.ID = id
-	err = stmt.QueryRow(
-		su.Xsample.ID,
-	).Scan(
-		&su.Xsample.ID,
-		&su.Xsample.Xsamplename,
-		&su.Xsample.Email,
-		&su.Xsample.CreatedAt,
-	)
-	if err != nil {
-		return Xsample{}, err
-	}
-
-	return su.Xsample, nil
-}
--- 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/generaterandomid.utils.go
+++ b/utils/generaterandomid.utils.go
@@ -0,0 +1,16 @@
+package utils
+
+import (
+	"crypto/md5"
+	"encoding/hex"
+	"strings"
+	"time"
+)
+
+func GenerateRandomID(text string) string {
+	seed := text + time.Now().String()
+	hash := md5.Sum([]byte(seed))
+	randomID := hex.EncodeToString(hash[:])
+	randomID = strings.ReplaceAll(randomID, "-", "")
+	return randomID
+}
--- 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/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
Sas Andy	963885d8a3	Merge branch 'andy/table' of https://devone.aplikasi.web.id/gitea/andy/corporate_portal_westerindo into andy/table	2024-05-06 15:34:10 +07:00
Sas Andy	1f2973360c	table component	2024-05-06 15:25:51 +07:00
Sas Andy	329db2e2ac	layout corporate, navbar & side bar templ	2024-05-06 15:25:51 +07:00
Sas Andy	f527eaa17e	text hover css	2024-05-06 15:25:51 +07:00
Sas Andy	559f0b41a2	user group table	2024-05-06 15:25:51 +07:00
Sas Andy	89bac6fabe	custom buton tosca	2024-05-06 15:25:51 +07:00
Sas Andy	e157e2fe43	table component	2024-05-06 15:23:34 +07:00
Sas Andy	728c4ccf7a	layout corporate, navbar & side bar templ	2024-05-06 13:27:28 +07:00
Sas Andy	6972963f41	text hover css	2024-05-06 13:27:01 +07:00
sindhu	48b4de265f	add active search dan text field biasa	2024-05-06 09:14:45 +07:00
Sas Andy	662382b50b	user group table	2024-05-03 16:54:04 +07:00
Sas Andy	b278020911	custom buton tosca	2024-05-03 16:45:58 +07:00
sindhu	80ff72e3b3	from stash menu sidebar	2024-05-03 09:21:49 +07:00
adibwp	f5e512aa6e	fix bug	2024-05-02 17:16:34 +07:00
adibwp	a4f262af4c	add margin	2024-05-02 17:11:56 +07:00
adibwp	3baa3a2cac	footer + responsive layout	2024-05-02 16:59:33 +07:00
adibwp	df96880e76	create component footer	2024-05-02 16:59:33 +07:00
adibwp	f4c7507e6d	footer + responsive layout	2024-05-02 16:58:26 +07:00
sindhu	cca5fe06d1	Merge branch 'fixcdnall' googlefont and other cdn	2024-05-02 16:38:25 +07:00
adibwp	8a474a3082	create component footer	2024-05-02 14:04:03 +07:00