moved mock syn group list item to component

templates/pages/accounts/{acctID.int64}/inventory/mock.html.tmpl

@@ -37,62 +37,6 @@
 	</form>
 {{- end }}
 
-{{- define "sync-group-accordion-header" }}
-	<h3 class="text-center">
-		{{ .Group.Name }}
-	</h3>
-{{- end }}
-
-{{- define "sync-group-accordion-body" }}
-	{{- $acctID := .Identity.Account.AccountID }}
-	<table>
-		<thead>
-			<tr>
-				<th>
-					Name
-				</th>
-				<th>
-					SKU
-				</th>
-				<th>
-					Description
-				</th>
-				<th>
-					Count
-				</th>
-			</tr>
-		</thead>
-		<tbody>
-		{{- $dot := . }}
-		{{- range $listing := .Group.Listings }}
-			<tr>
-				{{- $val := $dot.Accounts.GetMockListing $acctID $listing.Platform $listing.ShopID $listing.ListingID }}
-				<td>
-					{{ $val.Name }}
-				</td>
-				<td>
-					{{ $val.SKU }}
-				</td>
-				<td>
-					{{ $val.Description }}
-				</td>
-				<td>
-					{{ $val.Count }}
-				</td>
-			</tr>
-		{{- end }}
-		</tbody>
-	</table>
-
-	{{- component "button"
-		"Class" "mt-[1em]"
-		"Text" "Delete Group"
-		"HXDelete" (printf "/api/accounts/%d/inventory/sync-groups/mock/%d" $acctID .Group.SyncGroupID)
-		"HXSwap" "none"
-	}}
-{{- end }}
-
-
 <section
 	id="new-mock-sync-group"
 	class="
@@ -122,24 +66,9 @@
 	>
 
 	{{- range $grp := .Accounts.ListMockSyncGroups $acctID }}
-		<li
-			id="sync-group-{{$grp.SyncGroupID}}"
-			class="
-				mx-[1em]
-			"
-		>
-			{{ component "accordion"
-				"Name" "sync-group-page"
-				"GroupName"			"sync-group"
-				"Group"				$grp
-				"Smooth"			false
-				"#accordion-header"	"sync-group-accordion-header"
-				"#accordion-body"	"sync-group-accordion-body"
-			}}
-		</li>
+		{{ component (printf "accounts/%d/inventory/sync-groups/mock/%d/list-item" $acctID $grp.SyncGroupID)
+			"SyncGroup" $grp
+		}}
 	{{- end }}
 	</ul>
-
-
-
 </section>