Problem

</div>
			<div class="grid grid-cols-4 items-center gap-4">
				<Label for="desc" class="text-right">Solution</Label>
				<Textarea
					bind:value={solution}
					id="desc"
					placeholder="Link to your solution (e.g. a merged PR or some other evidence)"
					class="col-span-3 {validateSolution(solution) ? 'border-green-700' : 'border-red-600'}"
				/>
			</div>
			<div class="grid grid-cols-4 items-center gap-4">
				<Label for="sats" class="text-right">Value of your work (Sats)</Label>
				<Input
					bind:value={sats}
					id="price"
					placeholder="Sats"
					class="col-span-1 {parseInt(sats, 10) > 0 ? 'border-green-700' : 'border-red-600'}"
				/>
				{#if parseInt(sats, 10) > 0}<Label class="text-left">({merits.toString()} Merits)</Label>
				{/if}
			</div>

<div class="flex items-center space-x-2">
				<Checkbox id="sell" bind:checked={wts} aria-labelledby="terms-label" />
				<Label
					id="terms-label"
					for="sell"
					class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
				>
					I want Sats not Merits
				</Label>
			</div>

{#if wts}
				Your Merits will be auctioned to potential sponsors as soon as it is approved, enabling you
				to be paid in Sats for your work. Tip: you don't have to decide right now, you can do this
				at any time.

<div class="grid grid-cols-4 items-center gap-4">
					<Label for="sats" class="col-span-2 text-right">Auction Reserve Price (Sats)</Label>
					<Input bind:value={minimum} id="price" placeholder="Reserve Price" class="col-span-1" />
				</div>
			{/if}
		</div>
		<Dialog.Footer>
			<Button
				on:click={() => {
					publish($ndk);
				}}
				type="submit">Publish</Button
			>
		</Dialog.Footer>
		<Todo
			text={['remove white border on focus so that the validation indication color can be seen']}
		/>
	</Dialog.Content>
</Dialog.Root>