Academy challenge

Submit to {challenge.title}

Attach one of your public artworks and optionally include the prompt or workflow notes used to create it.

{ event.preventDefault(); form.post(submitUrl) }} className="space-y-5 rounded-[30px] border border-white/10 bg-white/[0.04] p-6">

Artwork form.setData('artwork_id', nextValue || '')} options={artworkOptions} placeholder="Select artwork" className="mt-2 rounded-2xl bg-black/20" /> {form.errors.artwork_id ?

{form.errors.artwork_id}

: null}

Prompt used

form.setData('prompt_used', event.target.value)} rows={5} className="mt-2 w-full rounded-2xl border border-white/10 bg-black/20 px-4 py-3 text-sm text-white outline-none" />
          </div>

<div>
            <label className="text-sm font-semibold text-white">Workflow notes</label>
            <textarea value={form.data.workflow_notes} onChange={(event) => form.setData('workflow_notes', event.target.value)} rows={4} className="mt-2 w-full rounded-2xl border border-white/10 bg-black/20 px-4 py-3 text-sm text-white outline-none" />
          </div>

<div>
            <label className="text-sm font-semibold text-white">AI tool used</label>
            <input value={form.data.ai_tool_used} onChange={(event) => form.setData('ai_tool_used', event.target.value)} className="mt-2 w-full rounded-2xl border border-white/10 bg-black/20 px-4 py-3 text-sm text-white outline-none" />
          </div>

<div className="grid gap-4 md:grid-cols-2">
            <label className="flex items-center gap-3 rounded-2xl border border-white/10 bg-black/20 px-4 py-3 text-sm text-slate-200"><input type="checkbox" checked={form.data.is_ai_generated} onChange={(event) => form.setData('is_ai_generated', event.target.checked)} /> AI-generated</label>
            <label className="flex items-center gap-3 rounded-2xl border border-white/10 bg-black/20 px-4 py-3 text-sm text-slate-200"><input type="checkbox" checked={form.data.is_ai_assisted} onChange={(event) => form.setData('is_ai_assisted', event.target.checked)} /> AI-assisted</label>
          </div>

<button type="submit" disabled={form.processing} className="rounded-full border border-sky-300/25 bg-sky-300/12 px-5 py-3 text-sm font-semibold text-sky-100">{form.processing ? 'Submitting...' : 'Submit artwork'}</button>
        </form>
      </div>
    </main>
  )
}