feat: space settings page

internal/handler/space.go

@@ -333,6 +333,108 @@ func (h *spaceHandler) SpaceAccountTransactionsPage(w http.ResponseWriter, r *ht
 	}))
 }
 
+func (h *spaceHandler) SpaceSettingsPage(w http.ResponseWriter, r *http.Request) {
+	spaceID := r.PathValue("spaceID")
+
+	space, err := h.spaceService.GetSpace(spaceID)
+	if err != nil {
+		slog.Error("failed to fetch space", "error", err, "space_id", spaceID)
+		ui.Render(w, r, pages.NotFound())
+		return
+	}
+
+	user := ctxkeys.User(r.Context())
+	canDelete := user != nil && user.ID == space.OwnerID
+
+	ui.Render(w, r, pages.SpaceSettingsPage(pages.SpaceSettingsPageProps{
+		SpaceID:   space.ID,
+		SpaceName: space.Name,
+		CanDelete: canDelete,
+		UpdateForm: forms.UpdateSpaceProps{
+			SpaceID: space.ID,
+			Name:    space.Name,
+		},
+	}))
+}
+
+func (h *spaceHandler) HandleRenameSpace(w http.ResponseWriter, r *http.Request) {
+	spaceID := r.PathValue("spaceID")
+
+	space, err := h.spaceService.GetSpace(spaceID)
+	if err != nil {
+		ui.RenderError(w, r, "Space not found", http.StatusNotFound)
+		return
+	}
+
+	user := ctxkeys.User(r.Context())
+	if user == nil || user.ID != space.OwnerID {
+		ui.RenderError(w, r, "Forbidden", http.StatusForbidden)
+		return
+	}
+
+	nameInput := strings.TrimSpace(r.FormValue("name"))
+	formProps := forms.UpdateSpaceProps{
+		SpaceID: spaceID,
+		Name:    nameInput,
+	}
+
+	if nameInput == "" {
+		formProps.NameErr = "Space name is required."
+		ui.Render(w, r, forms.UpdateSpace(formProps))
+		return
+	}
+
+	if !strings.EqualFold(nameInput, space.Name) {
+		available, err := h.spaceService.IsNameAvailable(nameInput, user.ID)
+		if err != nil {
+			slog.Error("failed to check name availability", "error", err, "user_id", user.ID)
+			formProps.GeneralErr = "Something went wrong. Please try again."
+			ui.Render(w, r, forms.UpdateSpace(formProps))
+			return
+		}
+		if !available {
+			formProps.NameErr = "You already have a space with this name."
+			ui.Render(w, r, forms.UpdateSpace(formProps))
+			return
+		}
+	}
+
+	if err := h.spaceService.UpdateSpaceName(spaceID, nameInput); err != nil {
+		slog.Error("failed to rename space", "error", err, "space_id", spaceID)
+		formProps.GeneralErr = "Something went wrong. Please try again."
+		ui.Render(w, r, forms.UpdateSpace(formProps))
+		return
+	}
+
+	formProps.SuccessMsg = "Space name updated."
+	ui.Render(w, r, forms.UpdateSpace(formProps))
+}
+
+func (h *spaceHandler) HandleDeleteSpace(w http.ResponseWriter, r *http.Request) {
+	spaceID := r.PathValue("spaceID")
+
+	space, err := h.spaceService.GetSpace(spaceID)
+	if err != nil {
+		ui.RenderError(w, r, "Space not found", http.StatusNotFound)
+		return
+	}
+
+	user := ctxkeys.User(r.Context())
+	if user == nil || user.ID != space.OwnerID {
+		ui.RenderError(w, r, "Forbidden", http.StatusForbidden)
+		return
+	}
+
+	if err := h.spaceService.DeleteSpace(spaceID); err != nil {
+		slog.Error("failed to delete space", "error", err, "space_id", spaceID)
+		ui.RenderError(w, r, "Failed to delete space", http.StatusInternalServerError)
+		return
+	}
+
+	w.Header().Set("HX-Redirect", routeurl.URL("page.app.spaces"))
+	w.WriteHeader(http.StatusOK)
+}
+
 func (h *spaceHandler) SpaceAccountSettingsPage(w http.ResponseWriter, r *http.Request) {
 	spaceID := r.PathValue("spaceID")
 	accountID := r.PathValue("accountID")

internal/routes/routes.go

@@ -92,6 +92,9 @@ func SetupRoutes(a *app.App) http.Handler {
 				spaceAccessMw := middleware.RequireSpaceAccess(a.SpaceService)
 				g.Use(spaceAccessMw)
 				g.Get("/overview", spaceH.SpaceOverviewPage).Name("page.app.spaces.space.overview")
+				g.Get("/settings", spaceH.SpaceSettingsPage).Name("page.app.spaces.space.settings")
+				g.Post("/settings/rename", spaceH.HandleRenameSpace).Name("action.app.spaces.space.settings.rename")
+				g.Post("/settings/delete", spaceH.HandleDeleteSpace).Name("action.app.spaces.space.settings.delete")
 				g.Get("/accounts/create", spaceH.SpaceCreateAccountPage).Name("page.app.spaces.space.accounts.create")
 				g.Post("/accounts/create", spaceH.HandleCreateAccount).Name("action.app.spaces.space.accounts.create")
 

internal/ui/forms/update_space.templ

@@ -0,0 +1,75 @@
+package forms
+
+import "git.juancwu.dev/juancwu/budgit/internal/routeurl"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/card"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/form"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/input"
+
+type UpdateSpaceProps struct {
+	SpaceID string
+
+	Name string
+
+	NameErr    string
+	GeneralErr string
+	SuccessMsg string
+}
+
+templ UpdateSpace(props UpdateSpaceProps) {
+	<form
+		id="update-space-form"
+		hx-post={ routeurl.URL("action.app.spaces.space.settings.rename", "spaceID", props.SpaceID) }
+		hx-swap="outerHTML"
+	>
+		@card.Card(card.Props{Class: "rounded-sm"}) {
+			@card.Header() {
+				@card.Title() {
+					Space Details
+				}
+				@card.Description() {
+					Update the space name.
+				}
+			}
+			@card.Content(card.ContentProps{Class: "space-y-4"}) {
+				if props.GeneralErr != "" {
+					@form.Message(form.MessageProps{Variant: form.MessageVariantError}) {
+						{ props.GeneralErr }
+					}
+				}
+				if props.SuccessMsg != "" {
+					@form.Message(form.MessageProps{Variant: form.MessageVariantInfo}) {
+						{ props.SuccessMsg }
+					}
+				}
+				@form.Item() {
+					@form.Label(form.LabelProps{For: "name"}) {
+						Space Name
+					}
+					@input.Input(input.Props{
+						ID:       "name",
+						Name:     "name",
+						Type:     input.TypeText,
+						Class:    "rounded-sm",
+						Value:    props.Name,
+						HasError: props.NameErr != "",
+						Required: true,
+						Attributes: templ.Attributes{
+							"autocomplete": "off",
+						},
+					})
+					if props.NameErr != "" {
+						@form.Message(form.MessageProps{Variant: form.MessageVariantError}) {
+							{ props.NameErr }
+						}
+					}
+				}
+			}
+			@card.Footer(card.FooterProps{Class: "flex justify-end gap-2"}) {
+				@button.Button(button.Props{Type: button.TypeSubmit}) {
+					Save changes
+				}
+			}
+		}
+	</form>
+}

internal/ui/pages/space_overview.templ

@@ -64,6 +64,16 @@ templ spaceSpecificSidebarContent(spaceID string) {
 					<span>Space Overview</span>
 				}
 			}
+			@sidebar.MenuItem() {
+				@sidebar.MenuButton(sidebar.MenuButtonProps{
+					Href:     routeurl.URL("page.app.spaces.space.settings", "spaceID", spaceID),
+					IsActive: ctxkeys.URLPath(ctx) == routeurl.URL("page.app.spaces.space.settings", "spaceID", spaceID),
+					Tooltip:  "Space Settings",
+				}) {
+					@icon.Settings()
+					<span>Settings</span>
+				}
+			}
 		}
 	}
 }

internal/ui/pages/space_settings.templ

@@ -0,0 +1,82 @@
+package pages
+
+import "git.juancwu.dev/juancwu/budgit/internal/routeurl"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/forms"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/card"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/dialog"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/components/icon"
+
+type SpaceSettingsPageProps struct {
+	SpaceID    string
+	SpaceName  string
+	CanDelete  bool
+	UpdateForm forms.UpdateSpaceProps
+}
+
+templ SpaceSettingsPage(props SpaceSettingsPageProps) {
+	@layouts.App("Space Settings", spaceOverviewSidebarContent(), spaceSpecificSidebarContent(props.SpaceID)) {
+		<div class="container max-w-3xl px-6 py-8 mx-auto space-y-8">
+			<div>
+				<h1 class="text-3xl font-bold">Space Settings</h1>
+				<p class="text-muted-foreground mt-2">
+					Manage settings for { props.SpaceName }.
+				</p>
+			</div>
+			@forms.UpdateSpace(props.UpdateForm)
+			if props.CanDelete {
+				@card.Card(card.Props{Class: "rounded-sm border-destructive"}) {
+					@card.Header() {
+						@card.Title(card.TitleProps{Class: "text-destructive"}) {
+							Danger Zone
+						}
+						@card.Description() {
+							Deleting a space permanently removes the space and all of its accounts, transactions, and members. This cannot be undone.
+						}
+					}
+					@card.Footer(card.FooterProps{Class: "flex justify-end pt-8"}) {
+						@dialog.Dialog() {
+							@dialog.Trigger() {
+								@button.Button(button.Props{
+									Variant: button.VariantDestructive,
+									Class:   "flex gap-2 items-center",
+								}) {
+									@icon.Trash2()
+									Delete Space
+								}
+							}
+							@dialog.Content() {
+								@dialog.Header() {
+									@dialog.Title() {
+										Delete { props.SpaceName }?
+									}
+									@dialog.Description() {
+										This permanently removes the space along with all of its accounts, transactions, and members. This cannot be undone.
+									}
+								}
+								@dialog.Footer(dialog.FooterProps{Class: "mt-2"}) {
+									@dialog.Close() {
+										@button.Button(button.Props{Variant: button.VariantOutline}) {
+											Cancel
+										}
+									}
+									<form hx-post={ routeurl.URL("action.app.spaces.space.settings.delete", "spaceID", props.SpaceID) }>
+										@button.Button(button.Props{
+											Type:    button.TypeSubmit,
+											Variant: button.VariantDestructive,
+											Class:   "flex gap-2 items-center",
+										}) {
+											@icon.Trash2()
+											Delete Space
+										}
+									</form>
+								}
+							}
+						}
+					}
+				}
+			}
+		</div>
+	}
+}