From 4ee6ebfcede117290c26bc3502fcad01e91cf87c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Anna-Sara=20S=C3=A9lea?= Date: Sun, 20 Apr 2025 22:04:17 +0200 Subject: [PATCH] Frontend: Form --- resources/js/Pages/Form.tsx | 105 ++++++++++++++++++++++++++++++++ resources/js/Pages/Thankyou.tsx | 21 +++++++ 2 files changed, 126 insertions(+) create mode 100644 resources/js/Pages/Form.tsx create mode 100644 resources/js/Pages/Thankyou.tsx diff --git a/resources/js/Pages/Form.tsx b/resources/js/Pages/Form.tsx new file mode 100644 index 0000000..70d6317 --- /dev/null +++ b/resources/js/Pages/Form.tsx @@ -0,0 +1,105 @@ + +import Checkbox from '@/Components/Checkbox'; +import TextInput from '@/Components/TextInput'; +import { Head, useForm } from '@inertiajs/react'; +import { FormEventHandler } from 'react'; + +export default function Form() { + + const { data, setData, post, processing, errors, reset } = useForm({ + name: '', + guardian_name: '', + give_leftover: false as boolean, + }); + + const submit: FormEventHandler = (e) => { + e.preventDefault() + post(route('register_customer'), { + onFinish: () => reset('name','guardian_name', 'give_leftover'), + }); + } + + return ( +
+ + + +
+
+
+ +

Registering av deltagare

+

Fyll i deltagarens och dina uppgifter. Swisha sedan en önskad summa pengar och meddela kioskpersonal

+

+
+
+ +
+ setData('name', e.target.value)} + /> +
+
+
+ +
+ setData('guardian_name', e.target.value)} + /> +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+ + ); +} diff --git a/resources/js/Pages/Thankyou.tsx b/resources/js/Pages/Thankyou.tsx new file mode 100644 index 0000000..8965f83 --- /dev/null +++ b/resources/js/Pages/Thankyou.tsx @@ -0,0 +1,21 @@ + +import { Head } from '@inertiajs/react'; + +export default function Thankyou() { + + + return ( +
+ +
+
+
+

Tack! Deltagaren registrerad

+

Swisha en önskad summa pengar och meddela kioskpersonal.

+
+
+
+ +
+ ); +}