feat: deposit funds

internal/ui/pages/space_account.templ

@@ -61,6 +61,7 @@ templ SpaceAccountPage(props SpaceAccountPageProps) {
 						@button.Button(button.Props{
 							Class:   "w-full flex gap-2 md:gap-4 items-center",
 							Variant: button.VariantSecondary,
+							Href:    routeurl.URL("page.app.spaces.space.accounts.account.deposits.create", "spaceID", props.SpaceID, "accountID", props.AccountID),
 						}) {
 							Deposit Funds
 							@icon.BanknoteArrowDown()

internal/ui/pages/space_account_transactions.templ

@@ -42,6 +42,7 @@ templ SpaceAccountTransactionsPage(props SpaceAccountTransactionsPageProps) {
 					}
 					@button.Button(button.Props{
 						Variant: button.VariantSecondary,
+						Href:    routeurl.URL("page.app.spaces.space.accounts.account.deposits.create", "spaceID", props.SpaceID, "accountID", props.AccountID),
 						Class:   "flex gap-2 items-center",
 					}) {
 						@icon.BanknoteArrowDown()

internal/ui/pages/space_create_deposit.templ

@@ -1,4 +1,25 @@
 package pages
 
-templ SpaceCreateDeposit() {
+import "git.juancwu.dev/juancwu/budgit/internal/ui/forms"
+import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
+
+type SpaceCreateDepositPageProps struct {
+	SpaceID     string
+	AccountID   string
+	AccountName string
+	Form        forms.CreateDepositProps
+}
+
+templ SpaceCreateDepositPage(props SpaceCreateDepositPageProps) {
+	@layouts.App("Deposit Funds", 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">Deposit Funds</h1>
+				<p class="text-muted-foreground mt-2">
+					Record a deposit into { props.AccountName }.
+				</p>
+			</div>
+			@forms.CreateDeposit(props.Form)
+		</div>
+	}
 }