Add login page with form component

internal/view/web/auth/login.go

@@ -3,9 +3,70 @@ package auth
 import (
 	"net/http"
 
+	lucide "github.com/eduardolat/gomponents-lucide"
+	"github.com/eduardolat/pgbackweb/internal/util/echoutil"
+	"github.com/eduardolat/pgbackweb/internal/view/web/component"
+	"github.com/eduardolat/pgbackweb/internal/view/web/layout"
 	"github.com/labstack/echo/v4"
+	"github.com/maragudk/gomponents"
+	"github.com/maragudk/gomponents/html"
 )
 
 func (h *handlers) loginPageHandler(c echo.Context) error {
-	return c.String(http.StatusOK, "login")
+	return echoutil.RenderGomponent(c, http.StatusOK, loginPage())
+}
+
+func loginPage() gomponents.Node {
+	content := []gomponents.Node{
+		component.H1Text("Login"),
+
+		html.Form(
+			html.Class("mt-4 space-y-2"),
+
+			html.Label(
+				html.Class("form-control w-full"),
+				html.Div(
+					html.Class("label"),
+					component.SpanText("Email"),
+				),
+				html.Input(
+					html.Class("input input-bordered w-full"),
+					html.Type("email"),
+					html.Name("email"),
+					html.Required(),
+					html.Placeholder("john@example.com"),
+				),
+			),
+
+			html.Label(
+				html.Class("form-control w-full"),
+				html.Div(
+					html.Class("label"),
+					component.SpanText("Password"),
+				),
+				html.Input(
+					html.Class("input input-bordered w-full"),
+					html.Type("password"),
+					html.Name("password"),
+					html.Required(),
+					html.Placeholder("******"),
+				),
+			),
+
+			html.Div(
+				html.Class("pt-2 grid place-items-end"),
+				html.Button(
+					html.Class("btn btn-primary"),
+					html.Type("submit"),
+					component.SpanText("Login"),
+					lucide.LogIn(),
+				),
+			),
+		),
+	}
+
+	return layout.Auth(layout.AuthParams{
+		Title: "Login",
+		Body:  content,
+	})
 }