{{- $acctID := .Identity.Account.AccountID }}

<section
	class="m-[1rem]"
	hx-get="/ui/accounts/{{$acctID}}/mock-mode-section"
	hx-trigger="sse:accounts_{{$acctID}}_mock-mode"
	hx-swap="morph"
>
	{{- $mockMode := .Accounts.GetMockMode $acctID }}

	<form id="mock-mode-form">
		<label class="flex items-center gap-[0.5em] font-display text-[1.5em]">
			Mock Mode
			<input
				type="checkbox"
				{{- if $mockMode }}
				checked
				{{- end }}
				class="h-[1em] w-[1em]"
				hx-put="/api/accounts/{{$acctID}}/mock-mode"
				hx-vals='{"on": {{not $mockMode}}}'
				hx-swap="none"
			/>
		</label>
	</form>
</section>