e.preventDefault()}> Submit Found Item Your item will need to be approved before becoming public.

Description *

</Field.Field>

<Field.Field>
					<Field.Label for="foundLocation">
						Where did you find it?
					</Field.Label>
					<Input
						id="foundLocation"
						name="foundLocation"
						bind:value={foundLocation}
						placeholder="By the tennis courts."
					/>
				</Field.Field>

<RadioGroup.Root name="location" bind:value={itemLocation} required>
					<Field.Label for="location">
						Where is it? <span class="text-error">*</span>
					</Field.Label>
					<div class="flex items-center space-x-2">
						<RadioGroup.Item value="finderPossession" id="finderPossession" />
						<Label for="finderPossession">
							I still have the item.
						</Label>
					</div>

<div class="flex items-center space-x-2">
						<RadioGroup.Item value="turnedIn" id="turnedIn" />
						<Label for="turnedIn">
							I turned the item in to the school lost and found.
						</Label>
					</div>
				</RadioGroup.Root>

<Field.Field
					class={itemLocation !== "finderPossession" ? "hidden pointer-events-none opacity-50" : ""}
				>
					<Field.Label for="email">
						Your Email <span class="text-error">*</span>
					</Field.Label>
					<Input
						id="email"
						name="email"
						placeholder="name@domain.com"
						pattern={EMAIL_REGEX_STRING}
						required={itemLocation === "finderPossession"}
					/>
				</Field.Field>
			</Field.Group>

<Dialog.Footer class="mt-4">
				<Dialog.Close
					type="button"
					class={buttonVariants({ variant: "outline" })}
				>
					Cancel
				</Dialog.Close>
				<Button type="submit">Submit</Button>
			</Dialog.Footer>
		</form>
	</Dialog.Content>
</Dialog.Root>

<div
	class="fixed inset-0 bg-black/85 z-[999999] w-screen h-screen flex justify-center items-center transition-opacity duration-150 flex-col md:flex-row"
	class:opacity-0={!isGenerating}
	class:pointer-events-none={!isGenerating}
>
	<LoadingSpinner classes="w-28 md:w-48 mb-2 md:-mb-4" />
	<p class="text-4xl md:text-6xl text-white">Loading...</p>
</div>