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.

+
+
+
+ +
+ ); +}