{{- $dot := or .dot . }}

{{- $dot.Auth.ByMatchingAccountID 2 }}

{{- $acctID := $dot.Identity.Account.AccountID }}
{{- $stores := $dot.Accounts.GetShops $acctID -}}


<table id="inventory-table" class="max-w-full overflow-x-scroll">
	<thead>
		<tr>

		{{- range $store := $stores }}
			<th class="text-nowrap">
				{{ $store.Platform }}: {{ $store.Name }}
			</th>
			<th class="text-nowrap">
				Count
			</th>
		{{- end }}

			<th>
			</th>
		</tr>
	</thead>
	<tbody>
		{{- componentBody "accounts/{acctID}/inventory/sync-table/new-row" "dot" $dot }}
	</tbody>
	<tfoot>
		<tr>

		{{- range $store := $stores }}
			<th class="text-nowrap">
				{{ $store.Platform }}: {{ $store.Name }}
			</th>
			<th class="text-nowrap">
				Count
			</th>
		{{- end }}

			<th>
			</th>
		</tr>
	</tfoot>
</table>