routing

cmd/main.go

@@ -1,11 +1,9 @@
 package main
 
 import (
-	"net/http"
+	"cpone/db"
+	"cpone/handlers"
 
-	"github.com/emarifer/go-templ-project-structure/db"
-	"github.com/emarifer/go-templ-project-structure/handlers"
-	"github.com/emarifer/go-templ-project-structure/services"
 	"github.com/labstack/echo/v4"
 	"github.com/labstack/echo/v4/middleware"
 )
@@ -21,79 +19,18 @@ func main() {
 
 	app.Static("/", "assets")
 	app.Use(middleware.Logger())
-
-	// We redirect the root route to the "/user" route
-	app.GET("/", func(c echo.Context) error {
-		return c.Redirect(http.StatusMovedPermanently, "/landing_page/")
-	})
-
-	app.GET("/pie_chart", func(c echo.Context) error {
-		return c.Redirect(http.StatusMovedPermanently, "/pie_chart/")
-	})
-
-	uStore, err := db.NewUserStore(dbName)
+	appStore, err := db.NewAppStore(dbName)
 	if err != nil {
 		app.Logger.Fatalf("failed to create store: %s", err)
 	}
 
-	us := services.NewServicesUser(services.User{}, uStore)
-
-	h := handlers.New(us)
-
-	handlers.SetupRoutes(app, h)
-
-	LStore, err := db.NewLoginStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	l := services.NewServicesLogin(services.Login{}, LStore)
-	lh := handlers.NewLoginHandler(l)
-	handlers.SetupRoutesLogin(app, lh)
-
-	xStore, err := db.NewXsampleStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	xs := services.NewServicesXsample(services.Xsample{}, xStore)
-	xh := handlers.NewXsampleHandler(xs)
-	handlers.SetupRoutesXsample(app, xh)
-
-	LpStore, err := db.NewLandingPageStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	lps := services.NewServicesLandingPage(services.LandingPage{}, LpStore)
-	lphs := handlers.NewLandingPageHandler(lps)
-	// handlers.SetupRoutesLandingPage(app, lphs)
-
-	Lpmastermenustore, err := db.NewMasterMenuUserGroupStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	mastermenuservices := services.NewServicesMasterMenuUserGroup(services.MasterMenu{}, Lpmastermenustore)
-	mastermenuhandler := handlers.NewMasterMenuUserGroupHandler(mastermenuservices)
-	handlers.SetupRoutesLandingPage(app, lphs, mastermenuhandler)
-
-	LpchartStore, err := db.NewPieChartStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	bchart, err := db.NewBarChartStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-
-	lpchart := services.NewServicesPiechart(services.Piechart{}, services.Barchart{}, LpchartStore, bchart)
-	lphsx := handlers.NewPiechartHandler(lpchart)
-	handlers.SetupRoutesPieChart(app, lphsx)
-
-	eStore, err := db.NewEmployeeStore(dbName)
-	if err != nil {
-		app.Logger.Fatalf("failed to create store: %s", err)
-	}
-	el := services.NewServicesEmployee(services.Employee{}, eStore)
-	ehs := handlers.NewEmployeeHandler(el)
-	handlers.SetupRoutesEmployee(app, ehs)
+	// SETUP ROUT PUBLIC
+	handlers.SetupRoutesPublic(app, appStore)
+	// SETUP ROUT CORPORATE
+	handlers.SetupRoutesCorporate(app, appStore)
+	// SETUP ROUT CLIENT
+	handlers.SetupRoutesClient(app, appStore)
+	// SETUP ROUT DEV
 
 	app.Logger.Fatal(app.Start(":5000"))
 }

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 {

component/customtextfield/customtextfield_templ.go

@@ -33,7 +33,7 @@ func MainCustomTextField(inpLabelText,
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inpLabelText)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfield\customtextfield.templ`, Line: 8, Col: 90}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfield\customtextfield.templ`, Line: 8, Col: 90}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
@@ -46,7 +46,7 @@ func MainCustomTextField(inpLabelText,
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfield\customtextfield.templ`, Line: 10, Col: 15}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfield\customtextfield.templ`, Line: 10, Col: 15}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -59,7 +59,7 @@ func MainCustomTextField(inpLabelText,
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfield\customtextfield.templ`, Line: 11, Col: 17}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfield\customtextfield.templ`, Line: 11, Col: 17}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
@@ -72,7 +72,7 @@ func MainCustomTextField(inpLabelText,
 		var templ_7745c5c3_Var5 string
 		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfield\customtextfield.templ`, Line: 12, Col: 17}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfield\customtextfield.templ`, Line: 12, Col: 17}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
@@ -85,7 +85,7 @@ func MainCustomTextField(inpLabelText,
 		var templ_7745c5c3_Var6 string
 		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(inpPlaceHolder)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfield\customtextfield.templ`, Line: 13, Col: 31}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfield\customtextfield.templ`, Line: 13, Col: 31}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {

component/customtextfield/customtextfieldv2.templ

@@ -1,6 +1,6 @@
 package customtextfield
 
-import "github.com/emarifer/go-templ-project-structure/models"
+import "cpone/models"
 
 templ CustomTextFieldv2(inp models.CustomTextFieldv2Prm) {
 	<div class="form-group">

component/customtextfield/customtextfieldv2_templ.go

@@ -10,7 +10,7 @@ import "context"
 import "io"
 import "bytes"
 
-import "github.com/emarifer/go-templ-project-structure/models"
+import "cpone/models"
 
 func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
@@ -32,7 +32,7 @@ func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 		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: `views\component\customtextfield\customtextfieldv2.templ`, Line: 7, Col: 87}
+			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 {
@@ -45,7 +45,7 @@ func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 		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: `views\component\customtextfield\customtextfieldv2.templ`, Line: 9, Col: 16}
+			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 {
@@ -58,7 +58,7 @@ func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 		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: `views\component\customtextfield\customtextfieldv2.templ`, Line: 10, Col: 18}
+			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 {
@@ -71,7 +71,7 @@ func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 		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: `views\component\customtextfield\customtextfieldv2.templ`, Line: 11, Col: 18}
+			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 {
@@ -84,7 +84,7 @@ func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 		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: `views\component\customtextfield\customtextfieldv2.templ`, Line: 12, Col: 32}
+			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 {
@@ -97,7 +97,7 @@ func CustomTextFieldv2(inp models.CustomTextFieldv2Prm) templ.Component {
 		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: `views\component\customtextfield\customtextfieldv2.templ`, Line: 13, Col: 20}
+			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 {

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
+	}
+}

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
+	})
+}

component/customtextfieldsearch/customtextfieldsearch_templ.go

@@ -37,7 +37,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(inpType)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 13, Col: 22}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 13, Col: 22}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
@@ -50,7 +50,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 14, Col: 22}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 14, Col: 22}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -63,7 +63,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(inpName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 15, Col: 20}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 15, Col: 20}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {
@@ -76,7 +76,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var5 string
 		templ_7745c5c3_Var5, templ_7745c5c3_Err = templ.JoinStringErrs(inpPlaceHolder)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 16, Col: 36}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 16, Col: 36}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var5))
 		if templ_7745c5c3_Err != nil {
@@ -89,7 +89,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var6 string
 		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(hxPost)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 17, Col: 24}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 17, Col: 24}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {
@@ -102,7 +102,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var7 string
 		templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(hxTrigger)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 18, Col: 30}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 18, Col: 30}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
 		if templ_7745c5c3_Err != nil {
@@ -115,7 +115,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var8 string
 		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(hxTarget)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 19, Col: 28}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 19, Col: 28}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
@@ -128,7 +128,7 @@ func MainCustomTextFieldSearch(
 		var templ_7745c5c3_Var9 string
 		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(hxIndicator)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 20, Col: 34}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\customtextfieldsearch\customtextfieldsearch.templ`, Line: 20, Col: 34}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {

component/modal/modal_confirmation_templ.go

@@ -37,7 +37,7 @@ func ModalConfirmation(
 		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: `views\component\modal\modal_confirmation.templ`, Line: 13, Col: 9}
+			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 {
@@ -50,7 +50,7 @@ func ModalConfirmation(
 		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: `views\component\modal\modal_confirmation.templ`, Line: 23, Col: 18}
+			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 {
@@ -71,7 +71,7 @@ func ModalConfirmation(
 		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: `views\component\modal\modal_confirmation.templ`, Line: 28, Col: 17}
+			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 {
@@ -89,7 +89,7 @@ func ModalConfirmation(
 			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: `views\component\modal\modal_confirmation.templ`, Line: 33, Col: 66}
+				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 {
@@ -112,7 +112,7 @@ func ModalConfirmation(
 			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: `views\component\modal\modal_confirmation.templ`, Line: 39, Col: 13}
+				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 {

component/modal/modal_templ.go

@@ -30,7 +30,7 @@ func Modal(modalID string, modalTitle string, modalBody templ.Component, modalAc
 		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: `views\component\modal\modal.templ`, Line: 7, Col: 14}
+			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 {
@@ -43,7 +43,7 @@ func Modal(modalID string, modalTitle string, modalBody templ.Component, modalAc
 		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: `views\component\modal\modal.templ`, Line: 17, Col: 18}
+			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 {

component/navbar/navbar.templ

@@ -1,9 +1,9 @@
 package navbar
 
 import (
-	"github.com/emarifer/go-templ-project-structure/views/component/sidebarmaster"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/models"
+	"cpone/component/sidebarmaster"
+	services "cpone/services/dev"
+	"cpone/models"
 )
 
 templ Navbar(dataUser models.User) {

component/navbar/navbar_templ.go

@@ -11,9 +11,9 @@ import "io"
 import "bytes"
 
 import (
-	"github.com/emarifer/go-templ-project-structure/models"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/component/sidebarmaster"
+	"cpone/component/sidebarmaster"
+	"cpone/models"
+	services "cpone/services/dev"
 )
 
 func Navbar(dataUser models.User) templ.Component {
@@ -36,7 +36,7 @@ func Navbar(dataUser models.User) templ.Component {
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.Username)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\navbar\navbar.templ`, Line: 29, Col: 26}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\navbar\navbar.templ`, Line: 29, Col: 26}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {

component/pagination/pagination_templ.go

@@ -38,7 +38,7 @@ func Pagination(length int, currentPage int) templ.Component {
 				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: `views\component\pagination\pagination.templ`, Line: 10, Col: 118}
+					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 {
@@ -56,7 +56,7 @@ func Pagination(length int, currentPage int) templ.Component {
 				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: `views\component\pagination\pagination.templ`, Line: 12, Col: 93}
+					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 {

component/sidebar_user_profile/sidebar_user_profile.templ

@@ -1,6 +1,6 @@
 package sidebaruserprofile
 
-import "github.com/emarifer/go-templ-project-structure/models"
+import "cpone/models"
 
 templ Navbaruserprofile(dataUser models.User) {
 	<div id="kt_quick_user" class="offcanvas offcanvas-right p-10">

component/sidebar_user_profile/sidebar_user_profile_templ.go

@@ -10,7 +10,7 @@ import "context"
 import "io"
 import "bytes"
 
-import "github.com/emarifer/go-templ-project-structure/models"
+import "cpone/models"
 
 func Navbaruserprofile(dataUser models.User) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
@@ -72,7 +72,7 @@ func ProfileHeader(dataUser models.User) templ.Component {
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.UserFullName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 52, Col: 27}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 52, Col: 27}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -85,7 +85,7 @@ func ProfileHeader(dataUser models.User) templ.Component {
 		var templ_7745c5c3_Var4 string
 		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(dataUser.UserPosition)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 55, Col: 27}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebar_user_profile\sidebar_user_profile.templ`, Line: 55, Col: 27}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
 		if templ_7745c5c3_Err != nil {

component/sidebarmaster/sidebarmaster.templ

@@ -1,7 +1,7 @@
 package sidebarmaster
 
 import (
-	"github.com/emarifer/go-templ-project-structure/services"
+	services "cpone/services/dev"
 )
 
 templ MenuDashboard(ParentMenuName string, ParentMenuUrl string) {

component/sidebarmaster/sidebarmaster_templ.go

@@ -11,7 +11,7 @@ import "io"
 import "bytes"
 
 import (
-	"github.com/emarifer/go-templ-project-structure/services"
+	services "cpone/services/dev"
 )
 
 func MenuDashboard(ParentMenuName string, ParentMenuUrl string) templ.Component {
@@ -43,7 +43,7 @@ func MenuDashboard(ParentMenuName string, ParentMenuUrl string) templ.Component
 		var templ_7745c5c3_Var3 string
 		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 39, Col: 50}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 39, Col: 50}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 		if templ_7745c5c3_Err != nil {
@@ -89,7 +89,7 @@ func ListMenuChildren(ChildrenMenuURL string, ChildrenMenuName string) templ.Com
 		var templ_7745c5c3_Var6 string
 		templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(ChildrenMenuName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 48, Col: 45}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 48, Col: 45}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6))
 		if templ_7745c5c3_Err != nil {
@@ -126,7 +126,7 @@ func ListMenuNavbar(ParentMenuName string, datamenuchildren []services.ChildrenM
 		var templ_7745c5c3_Var8 string
 		templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 84, Col: 50}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 84, Col: 50}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
 		if templ_7745c5c3_Err != nil {
@@ -139,7 +139,7 @@ func ListMenuNavbar(ParentMenuName string, datamenuchildren []services.ChildrenM
 		var templ_7745c5c3_Var9 string
 		templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(ParentMenuName)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\sidebarmaster\sidebarmaster.templ`, Line: 94, Col: 46}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\sidebarmaster\sidebarmaster.templ`, Line: 94, Col: 46}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
 		if templ_7745c5c3_Err != nil {

component/table/table_templ.go

@@ -41,7 +41,7 @@ func Table(thName []string, thWidth []string, trComponent templ.Component, pagin
 				var templ_7745c5c3_Var2 string
 				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(thWidth[i])
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\table\table.templ`, Line: 12, Col: 41}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\table.templ`, Line: 12, Col: 41}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 				if templ_7745c5c3_Err != nil {
@@ -54,7 +54,7 @@ func Table(thName []string, thWidth []string, trComponent templ.Component, pagin
 				var templ_7745c5c3_Var3 string
 				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(item)
 				if templ_7745c5c3_Err != nil {
-					return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\component\table\table.templ`, Line: 12, Col: 50}
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `component\table\table.templ`, Line: 12, Col: 50}
 				}
 				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
 				if templ_7745c5c3_Err != nil {

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
 }

go.mod

@@ -1,4 +1,4 @@
-module github.com/emarifer/go-templ-project-structure
+module cpone
 
 go 1.21.0
 

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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)
+}

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"
 )
 

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"
 )
 

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"
 )

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"
 )

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)
+}

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"

handlers/dev/xsample.handlers.go

@@ -1,13 +1,14 @@
-package handlers
+package dev_handlers
 
 import (
 	"fmt"
 	"strconv"
 
+	services "cpone/services/dev"
+	"cpone/utils"
+	"cpone/views/dev/xsample"
+
 	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/utils"
-	"github.com/emarifer/go-templ-project-structure/views/xsample"
 
 	"github.com/labstack/echo/v4"
 )

handlers/mastermenuusergroup.handlers.go

@@ -1,108 +0,0 @@
-package handlers
-
-import (
-	"fmt"
-	"strconv"
-
-	"github.com/a-h/templ"
-	"github.com/emarifer/go-templ-project-structure/models"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/component/pagination"
-	tablecomponent "github.com/emarifer/go-templ-project-structure/views/component/table"
-	mastermenuusergroup "github.com/emarifer/go-templ-project-structure/views/mastermenuusergroup"
-	"github.com/labstack/echo/v4"
-)
-
-type MasterMenuUserGroupService interface {
-	GetMasterMenus() ([]services.MasterMenu, 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)
-}
-
-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)
-}

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)
+}

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)
+}

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,39 +22,112 @@ func SetupRoutes(app *echo.Echo, h *UserHandler) {
 
 }
 
-//PLAYGROUND TESTING
-func SetupRoutesLogin(app *echo.Echo, h *LoginHandler) {
+// PLAYGROUND TESTING
+func SetupRoutesLogin(app *echo.Echo, h *dev_handlers.LoginHandler) {
 	l := app.Group("/login")
 	l.GET("/", h.HandlerShowLogin)
 }
-func SetupRoutesXsample(app *echo.Echo, h *XsampleHandler) {
+func SetupRoutesXsample(app *echo.Echo, h *dev_handlers.XsampleHandler) {
 	xSample := app.Group("/xsample")
 	xSample.GET("/xsample01", h.Hello)
 	xSample.GET("/coba", h.ShowCoba)
 	xSample.GET("/counter", h.ShowCounter)
 	xSample.GET("/counterchange", h.ChangeCounter)
 }
-func SetupRoutesLandingPage(app *echo.Echo, h *LandingPageHandler, mastermenuusergroupHandler *MasterMenuUserGroupHandler) {
+func SetupRoutesLandingPage(app *echo.Echo, h *dev_handlers.LandingPageHandler, mastermenuusergroupHandler *dev_handlers.MasterMenuUserGroupHandler) {
 	Lp := app.Group("/landing_page")
 	Lp.GET("/", h.ShowLandingPage)
 	clientgroup := app.Group("/client")
 	// mdgroup := clientgroup.Group("/md")
 	// clientusergroup.GET("/md", mastermenuusergroupHandler.HandlerShowMasterMenuUserGroup)
 	clientgroup.GET("/usergroup", mastermenuusergroupHandler.HandlerShowMasterMenuUserGroup)
+	autocomplete := app.Group("/client")
+	autocomplete.GET("/autocomplete", mastermenuusergroupHandler.HandlerListAutoComplete)
+	autocomplete.GET("/autoCompleteLoadMore/:pageOf/:searchParam/:limit", mastermenuusergroupHandler.HandlerListAutoCompleteLoadMore)
+	autocomplete.GET("/autoCompleteSetValue/:setvalue", mastermenuusergroupHandler.HandlerListAutoCompleteAfterSelected)
 	clientgroup.GET("/usergroup/edit", mastermenuusergroupHandler.ChangeFormEdit)
 	clientgroup.GET("/usergroup/pagination", mastermenuusergroupHandler.HandleChangePage)
 
 }
-func SetupRoutesPieChart(app *echo.Echo, h *PiechartHandler) {
+func SetupRoutesPieChart(app *echo.Echo, h *dev_handlers.PiechartHandler) {
 	Lp := app.Group("/pie_chart")
 	Lp.GET("/", h.ShowPieChart)
 	Lp.GET("/peserta", h.ShowMcuPeserta)
 	Lp.GET("/bar", h.ShowBarChart)
 }
-func SetupRoutesEmployee(app *echo.Echo, e *EmployeeHandler) {
+func SetupRoutesEmployee(app *echo.Echo, e *dev_handlers.EmployeeHandler) {
 	employee := app.Group("/employee")
 	employee.GET("/", e.ShowEmployee)
 }
 func SetupRoutesProject(app *echo.Echo) {
 
 }
+func SetupRoutesPublic(app *echo.Echo, appStore db.AppStore) {
+	public := app.Group("/")
+	l := public_services.NewServicesLandingPage(public_services.LandingPage{}, appStore)
+	lh := public_handlers.NewLandingPageHandler(l)
+	public.GET("landingpage", lh.ShowLandingPage)
+	loginHdr := public_handlers.NewLoginHandler(l)
+	public.GET("login", loginHdr.HandlerShowLogin)
+}
+func SetupRoutesCorporate(app *echo.Echo, appStore db.AppStore) {
+	public := app.Group("/corp")
+	l := corporate_services.NewServicesCompany(appStore)
+	lh := corporate_handlers.NewCompanyHandler(l)
+	public.GET("/company", lh.ShowCompany)
+	patientHandler := corporate_handlers.NewPatientHandler(l)
+	public.GET("/patient", patientHandler.ShowPatient)
+}
+
+func SetupRoutesClient(app *echo.Echo, appStore db.AppStore) {
+	public := app.Group("/client")
+	//MD BAHAN
+	mdBahanService := client_services.NewServicesMdBahan(appStore)
+	mdbahanHandler := client_handlers.NewMdBahanHandler(mdBahanService)
+	public.GET("/md/bahan", mdbahanHandler.ShowMdBahan)
+
+	//Client Dahboard
+	clientDashboardService := client_services.NewServicesClientDashboard(appStore)
+	clientdshbrdHandler := client_handlers.NewClientDashboardHandler(clientDashboardService)
+	public.GET("", clientdshbrdHandler.ShowClientDashboard)
+
+	//MD User
+	mdUserService := client_services.NewServicesMdUser(appStore)
+	mdUserHandler := client_handlers.NewMdUserHandler(mdUserService)
+	public.GET("/md/user", mdUserHandler.ShowMdUser)
+
+	// MD Corp
+	mdCorpService := client_services.NewServicesMdCorp(appStore)
+	mdCorpHandler := client_handlers.NewMdCorpHandler(mdCorpService)
+	public.GET("/md/corp", mdCorpHandler.ShowMdCorp)
+
+	// Md User Group
+	mdUserGroupService := client_services.NewServicesMdUserGroup(appStore)
+	mdUserGroupHandler := client_handlers.NewMdUserGroupHandler(mdUserGroupService)
+	public.GET("/md/usergroup", mdUserGroupHandler.ShowMdUserGroup)
+
+	//MD Test
+	mdTestService := client_services.NewServicesMdTest(appStore)
+	mdTestHandler := client_handlers.NewMdTestHandler(mdTestService)
+	public.GET("/md/test", mdTestHandler.ShowMdTest)
+
+	//MD Profile
+	mdProfileService := client_services.NewServicesMdProfile(appStore)
+	mdProfileHandler := client_handlers.NewMdProfileHandler(mdProfileService)
+	public.GET("/md/profile", mdProfileHandler.ShowMdProfile)
+
+	//MCU Setup
+	mcuSetupService := client_services.NewServicesMCUSetup(appStore)
+	mcuSetupHandler := client_handlers.NewMCUSetupHandler(mcuSetupService)
+	public.GET("/mcu/setup", mcuSetupHandler.ShowMCUSetup)
+
+	//MCU Preregister
+	mcuPreregisterService := client_services.NewServicesMCUPreregister(appStore)
+	mcuPreregisterHandler := client_handlers.NewMCUPreregisterHandler(mcuPreregisterService)
+	public.GET("/mcu/preregister", mcuPreregisterHandler.ShowMCUPreregister)
+
+	//Transaksi Sample Station
+	txSampleStationService := client_services.NewServicesTransaksiSampleStation(appStore)
+	txSampleStationHandler := client_handlers.NewTransaksiSampleStationHandler(txSampleStationService)
+	public.GET("/transaksi/samplestation", txSampleStationHandler.ShowTransaksiSampleStation)
+}

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 {

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-->

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
 		}

layout/layout_corporate.templ

@@ -1,10 +1,10 @@
 package layout
 
 import (
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/component/navbar"
-	"github.com/emarifer/go-templ-project-structure/views/component/sidebar_user_profile"
-	"github.com/emarifer/go-templ-project-structure/models"
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
 )
 
 // LAYOUT PLAYGROUND
@@ -91,6 +91,25 @@ templ CorporateLayout(title string, css templ.Component, js templ.Component, dat
 				rel="stylesheet"
 				type="text/css"
 			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/publicsans.css"
+			/>
+			<link
+				rel="stylesheet"
+				href="assets/css/googlefont/roboto.css"
+			/>
+			<!-- slick -->
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick.css"
+			/>
+			<link
+				rel="stylesheet"
+				type="text/css"
+				href="assets/css/slick/slick-theme.css"
+			/>
 			@css
 		</head>
 		<!--end::Head-->

layout/layout_corporate_templ.go

@@ -11,10 +11,10 @@ import "io"
 import "bytes"
 
 import (
-	"github.com/emarifer/go-templ-project-structure/models"
-	"github.com/emarifer/go-templ-project-structure/services"
-	"github.com/emarifer/go-templ-project-structure/views/component/navbar"
-	"github.com/emarifer/go-templ-project-structure/views/component/sidebar_user_profile"
+	"cpone/component/navbar"
+	"cpone/component/sidebar_user_profile"
+	"cpone/models"
+	services "cpone/services/dev"
 )
 
 // LAYOUT PLAYGROUND
@@ -38,13 +38,13 @@ func CorporateLayout(title string, css templ.Component, js templ.Component, data
 		var templ_7745c5c3_Var2 string
 		templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(title)
 		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `views\layout\layout_corporate.templ`, Line: 30, Col: 34}
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `layout\layout_corporate.templ`, Line: 30, Col: 34}
 		}
 		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--end::Fonts--><!--begin::Page Custom Styles(used by this page)--><link href=\"assets/css/pages/login/login-1.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Page Custom Styles--><!--begin::Global Theme Styles(used by all pages)--><link href=\"assets/plugins/global/plugins.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/plugins/custom/prismjs/prismjs.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/style.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Global Theme Styles--><!--begin::Layout Themes(used by all pages)--><link href=\"assets/css/themes/layout/header/base/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/header/menu/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/brand/dark.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/aside/dark.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Layout Themes--><link rel=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\">")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</title><meta name=\"description\" content=\"Company Portal\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\"><!--begin::Fonts--><link rel=\"stylesheet\" href=\"assets/css/googlefont/poppins.css\"><!--end::Fonts--><!--begin::Page Custom Styles(used by this page)--><link href=\"assets/css/pages/login/login-1.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Page Custom Styles--><!--begin::Global Theme Styles(used by all pages)--><link href=\"assets/plugins/global/plugins.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/plugins/custom/prismjs/prismjs.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/style.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Global Theme Styles--><!--begin::Layout Themes(used by all pages)--><link href=\"assets/css/themes/layout/header/base/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/header/menu/light.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/brand/dark.css\" rel=\"stylesheet\" type=\"text/css\"><link href=\"assets/css/themes/layout/aside/dark.css\" rel=\"stylesheet\" type=\"text/css\"><!--end::Layout Themes--><link rel=\"shortcut icon\" href=\"asset-corporate-portal/media/logo/logo-small.jpg\"><!--end::Layout Themes SAS--><link href=\"asset-corporate-portal/css/sas.bundle.css\" rel=\"stylesheet\" type=\"text/css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/publicsans.css\"><link rel=\"stylesheet\" href=\"assets/css/googlefont/roboto.css\"><!-- slick --><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick.css\"><link rel=\"stylesheet\" type=\"text/css\" href=\"assets/css/slick/slick-theme.css\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}

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-->

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
 		}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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,
+	}
+}

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 {

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 {

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 {

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 {

services/dev/mastermenuusergroup.services.go

@@ -1,11 +1,12 @@
-package services
+package dev_services
 
 import (
 	"fmt"
 	"strconv"
 
-	"github.com/emarifer/go-templ-project-structure/db"
-	"github.com/emarifer/go-templ-project-structure/models"
+	"cpone/db"
+	"cpone/models"
+	"cpone/utils"
 )
 
 func NewServicesMasterMenuUserGroup(u MasterMenu, uStore db.MasterMenuUserGroupStore) *ServicesMasterMenuUserGroup {
@@ -45,6 +46,10 @@ type ServicesMasterMenuUserGroup struct {
 	MasterMenuUserGroupStore db.MasterMenuUserGroupStore
 }
 
+type AutoComplete struct {
+	Name string `json:"name"`
+}
+
 func (su *ServicesMasterMenuUserGroup) GetMasterMenus() ([]MasterMenu, error) {
 
 	// dummyBreadcrumb := []Breadcrumb{
@@ -547,6 +552,192 @@ func (su *ServicesMasterMenuUserGroup) GetMasterMenus() ([]MasterMenu, error) {
 	return dummyMenu, nil
 }
 
+// example autocomplete
+func (su *ServicesMasterMenuUserGroup) GetAutoComplete(param string, pageOfParam string, limitOfStr string) (string, string, string, []AutoComplete, error) {
+	// fmt.Println("ini param : ", param)
+
+	dummyAutoComplete := []AutoComplete{
+		{
+			Name: "Google",
+		},
+		{
+			Name: "Google 1",
+		},
+		{
+			Name: "Google 2",
+		},
+		{
+			Name: "Google 3",
+		},
+		{
+			Name: "Google 4",
+		},
+		{
+			Name: "Google 5",
+		},
+		{
+			Name: "Google 6",
+		},
+		{
+			Name: "Gojek",
+		},
+		{
+			Name: "Mozilla Firefox",
+		},
+		{
+			Name: "Apple",
+		},
+		{
+			Name: "Microsoft",
+		},
+		{
+			Name: "Facebook",
+		},
+		{
+			Name: "Amazon",
+		},
+		{
+			Name: "Twitter",
+		},
+		{
+			Name: "Instagram",
+		},
+		{
+			Name: "Snapchat",
+		},
+		{
+			Name: "LinkedIn",
+		},
+		{
+			Name: "Netflix",
+		},
+		{
+			Name: "YouTube",
+		},
+		{
+			Name: "Reddit",
+		},
+		{
+			Name: "WhatsApp",
+		},
+		{
+			Name: "Pinterest",
+		},
+		{
+			Name: "TikTok",
+		},
+		{
+			Name: "Spotify",
+		},
+		{
+			Name: "Zoom",
+		},
+	}
+
+	var textFound string
+	var results []AutoComplete
+	// var currentRes []AutoComplete
+	// var oldResults []AutoComplete
+	// var limit int = 3
+	var count int = 0
+	var foundCount int = 0
+	var totalData int = 0
+	var startIndex int = 0
+	var endIndex int = 3
+
+	if len(dummyAutoComplete) > 0 {
+		totalData = len(dummyAutoComplete)
+	}
+
+	// pageOf, err := strconv.Atoi(pageOfParam)
+	// if err != nil {
+	// 	return "", "", "", nil, err
+	// }
+
+	limit, err := strconv.Atoi(limitOfStr)
+	if err != nil {
+		return "", "", "", nil, err
+	}
+
+	// find data search
+	if pageOfParam == "1" {
+		count = 0
+		// for _, item := range dummyAutoComplete {
+		// 	if utils.Contains(item.Name, param) {
+		// 		results = append(results, item)
+		// 		count++
+		// 		if count == limit {
+		// 			break
+		// 		}
+		// 	}
+		// }
+
+		for _, item := range dummyAutoComplete {
+			if utils.Contains(item.Name, param) {
+				// Check if the item is already in results
+				found := false
+				for _, res := range results {
+					if res.Name == item.Name {
+						found = true
+						break
+					}
+				}
+				// If not found, append it
+				if !found {
+					results = append(results, item)
+					count++
+					if count == limit {
+						break
+					}
+				}
+			}
+		}
+
+	} else {
+		// ketika klik load more
+		// count = 0
+		for _, item := range dummyAutoComplete {
+			if utils.Contains(item.Name, param) {
+				results = append(results, item)
+				count++
+				if count == limit {
+					break
+				}
+			}
+		}
+
+		startIndex = 0
+		endIndex = limit
+
+		if startIndex >= len(dummyAutoComplete) {
+			return "", "max", "", nil, nil
+		}
+
+		if endIndex > len(dummyAutoComplete) {
+			endIndex = len(dummyAutoComplete)
+		}
+
+		for _, item := range dummyAutoComplete[startIndex:endIndex] {
+			found := false
+			for _, res := range results {
+				if res.Name == item.Name {
+					found = true
+					break
+				}
+			}
+			// If not found, append it
+			if !found {
+				results = append(results, item)
+			}
+		}
+	}
+
+	foundCount = len(results)
+	totalCount := len(dummyAutoComplete)
+	textFound = fmt.Sprintf("Ditemukan %d dari %d", foundCount, totalCount)
+
+	return strconv.Itoa(totalData), strconv.Itoa(foundCount), textFound, results, nil
+}
 func (ug *ServicesMasterMenuUserGroup) GetUserGroup() ([]models.UserGroup, error) {
 	data := []models.UserGroup{
 		{UserGroupID: 1, UserGroupKode: "A", UserGroupName: "UG1"},

services/dev/user.services.go

@@ -1,17 +1,17 @@
-package services
+package dev_services
 
 import (
 	"time"
 
-	"github.com/emarifer/go-templ-project-structure/db"
-	"github.com/emarifer/go-templ-project-structure/models"
+	"cpone/db"
+	"cpone/models"
 )
 
-func NewServicesUser(u User, uStore db.UserStore) *ServicesUser {
+func NewServicesUser(u User, uStore db.AppStore) *ServicesUser {
 
 	return &ServicesUser{
-		User:      u,
-		UserStore: uStore,
+		User:     u,
+		AppStore: uStore,
 	}
 }
 
@@ -23,14 +23,14 @@ type User struct {
 }
 
 type ServicesUser struct {
-	User      User
-	UserStore db.UserStore
+	User     User
+	AppStore db.AppStore
 }
 
 func (su *ServicesUser) GetAllUsers() ([]User, error) {
 	query := `SELECT id, username, email, created_at FROM users ORDER BY created_at DESC`
 
-	rows, err := su.UserStore.Db.Query(query)
+	rows, err := su.AppStore.Db.Query(query)
 	if err != nil {
 		return []User{}, err
 	}
@@ -57,7 +57,7 @@ func (su *ServicesUser) GetUserById(id int) (User, error) {
 	query := `SELECT id, username, email, created_at FROM users
 		WHERE id = ?`
 
-	stmt, err := su.UserStore.Db.Prepare(query)
+	stmt, err := su.AppStore.Db.Prepare(query)
 	if err != nil {
 		return User{}, err
 	}

services/dev/xsample.services.go

@@ -1,9 +1,9 @@
-package services
+package dev_services
 
 import (
 	"time"
 
-	"github.com/emarifer/go-templ-project-structure/db"
+	"cpone/db"
 )
 
 func NewServicesXsample(u Xsample, uStore db.XsampleStore) *ServicesXsample {

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
+}

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,
+	}
+}

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))
+}

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)
+}

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()
+	}
+}

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
+	})
+}

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()
+	}
+}

views/client/mcupreregister/mcupreregister_templ.go

@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mcupreregister
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+func Content() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Css() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Js() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout("Client MCU Preregister", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}

views/client/mcusetup/mcusetup.templ

@@ -0,0 +1,40 @@
+package client_mcusetup
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client MCU Setup", Css(), Js()) {
+		@Content()
+	}
+}

views/client/mcusetup/mcusetup_templ.go

@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mcusetup
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+func Content() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Css() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Js() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout("Client MCU Setup", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}

views/client/mdbahan/mdbahan.templ

@@ -0,0 +1,40 @@
+package client_mdbahan
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md Bahan", Css(), Js()) {
+		@Content()
+	}
+}

views/client/mdbahan/mdbahan_templ.go

@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mdbahan
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+func Content() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Css() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Js() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout("Client Md Bahan", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}

views/client/mdcorp/mdcorp.templ

@@ -0,0 +1,40 @@
+package client_mdcorp
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md Corp", Css(), Js()) {
+		@Content()
+	}
+}

views/client/mdcorp/mdcorp_templ.go

@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mdcorp
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+func Content() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Css() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Js() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout("Client Md Corp", Css(), Js()).Render(templ.WithChildren(ctx, templ_7745c5c3_Var5), templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}

views/client/mdprofile/mdprofile.templ

@@ -0,0 +1,40 @@
+package client_mdprofile
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md Profile", Css(), Js()) {
+		@Content()
+	}
+}

views/client/mdprofile/mdprofile_templ.go

@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mdprofile
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+func Content() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Css() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Js() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout("Client Md Profile", 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
+	})
+}

views/client/mdtest/mdtest.templ

@@ -0,0 +1,40 @@
+package client_mdtest
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md Test", Css(), Js()) {
+		@Content()
+	}
+}

views/client/mdtest/mdtest_templ.go

@@ -0,0 +1,131 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.2.663
+package client_mdtest
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import "context"
+import "io"
+import "bytes"
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+func Content() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div class=\"bg-white h-100\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = under_development.UnderDevelopment().Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Css() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var2 == nil {
+			templ_7745c5c3_Var2 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<style>\r\n\t\t .underdev {\r\n        font-family: \"Public Sans\";\r\n        font-size: 64px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n      }\r\n      .underdevsub {\r\n        font-family: \"Public Sans\";\r\n        font-size: 26px;\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        line-height: normal;\r\n      }\r\n\t</style>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Js() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var3 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var3 == nil {
+			templ_7745c5c3_Var3 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		if !templ_7745c5c3_IsBuffer {
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteTo(templ_7745c5c3_W)
+		}
+		return templ_7745c5c3_Err
+	})
+}
+
+func Show() templ.Component {
+	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+		if !templ_7745c5c3_IsBuffer {
+			templ_7745c5c3_Buffer = templ.GetBuffer()
+			defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var4 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var4 == nil {
+			templ_7745c5c3_Var4 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Var5 := templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
+			templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
+			if !templ_7745c5c3_IsBuffer {
+				templ_7745c5c3_Buffer = templ.GetBuffer()
+				defer templ.ReleaseBuffer(templ_7745c5c3_Buffer)
+			}
+			templ_7745c5c3_Err = Content().Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			if !templ_7745c5c3_IsBuffer {
+				_, templ_7745c5c3_Err = io.Copy(templ_7745c5c3_W, templ_7745c5c3_Buffer)
+			}
+			return templ_7745c5c3_Err
+		})
+		templ_7745c5c3_Err = layout.PlaygroundLayout("Client Md Test", 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
+	})
+}

views/client/mduser/mduser.templ

@@ -0,0 +1,40 @@
+package client_mduser
+
+import (
+	"cpone/component/under_development"
+	"cpone/layout"
+)
+
+templ Content() {
+	<div class="bg-white h-100">
+		@under_development.UnderDevelopment()
+	</div>
+}
+
+templ Css() {
+	<style>
+		 .underdev {
+        font-family: "Public Sans";
+        font-size: 64px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: normal;
+      }
+      .underdevsub {
+        font-family: "Public Sans";
+        font-size: 26px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
+      }
+	</style>
+}
+
+templ Js() {
+}
+
+templ Show() {
+	@layout.PlaygroundLayout("Client Md User", Css(), Js()) {
+		@Content()
+	}
+}