stubbed simulations page content: refund

templates/pages/accounts/{acctID.int64}/simulations.html.tmpl

@@ -3,6 +3,7 @@
 </h1>
 
 
+{{/* SALES */}}
 {{- define "sale-accordion-header" }}
 	<h2 class="inline-block">
 		Simulate Sale
@@ -72,7 +73,7 @@
 
 		<div>
 			{{ component "button"
-				"Text"			"Simulate Sale"
+				"Text"			"Submit"
 				"Background"	true
 				"Class"			"m-0"
 			}}
@@ -81,7 +82,7 @@
 {{ end }}
 
 {{ component "accordion"
-	"Name"	"sale"
+	"Name"	"simulate"
 	"Open"	true
 	"Class" `
 		mx-[1em]
@@ -90,3 +91,92 @@
 	"#accordion-header"	"sale-accordion-header"
 	"#accordion-body"	"sale-accordion-body"
 }}
+
+
+{{/* REFUNDS */}}
+{{- define "refund-accordion-header" }}
+	<h2 class="inline-block">
+		Simulate Refund
+	</h2>
+{{ end }}
+
+{{- define "refund-accordion-body" }}
+	{{ $acctID := .Identity.Account.AccountID }}
+	<form
+		class="flex flex-col items-center gap-[0.75em]"
+		hx-post="/api/accounts/{{$acctID}}/simulations/refund"
+		hx-swap="none"
+	>
+		<select
+			name="shop-id"
+			class="bg-background"
+			required
+		>
+			<option value="shop-1">
+				Shop 1
+			</option>
+			<option value="shop-2">
+				Shop 2
+			</option>
+			<option value="shop-3">
+				Shop 3
+			</option>
+			<option value="shop-4">
+				Shop 4
+			</option>
+			<option value="shop-5">
+				Shop 5
+			</option>
+		</select>
+
+		<select
+			name="listing-id"
+			class="bg-background"
+			required
+		>
+			<option value="listing-1">
+				Listing 1
+			</option>
+			<option value="listing-2">
+				Listing 2
+			</option>
+			<option value="listing-3">
+				Listing 3
+			</option>
+			<option value="listing-4">
+				Listing 4
+			</option>
+			<option value="listing-5">
+				Listing 5
+			</option>
+		</select>
+
+		<input
+			class="p-[0.5em] border-medium border-border rounded-lg bg-background"
+			type="number"
+			min="1"
+			max="1000000000"
+			name="count"
+			value="0"
+			required
+		/>
+
+		<div>
+			{{ component "button"
+				"Text"			"Submit"
+				"Background"	true
+				"Class"			"m-0"
+			}}
+		</div>
+	</form>
+{{ end }}
+
+{{ component "accordion"
+	"Name"	"simulate"
+	"Class" `
+		mx-[1em]
+		mb-[1em]
+	`
+	"#accordion-header"	"refund-accordion-header"
+	"#accordion-body"	"refund-accordion-body"
+}}