feat: implement MainForm component and set up routing; add user table schema and trigger in SQL

This commit is contained in:
2026-01-13 19:01:06 +01:00
parent 8a915ea5f5
commit ba1a221ef3
8 changed files with 151 additions and 23 deletions

View File

@@ -1,3 +0,0 @@
export const Inputs = () => {
return <div>Inputs Page</div>;
};

View File

@@ -0,0 +1,96 @@
import { TextField, FormControlLabel, Checkbox, Button } from "@mui/material";
import { useTranslation } from "react-i18next";
import { useState } from "react";
export const MainForm = () => {
const { t } = useTranslation();
const [invoice, setInvoice] = useState(false);
return (
<>
<form action="" method="post">
<TextField
required
id="first-name"
label={t("first_name")}
variant="filled"
/>
<TextField
required
id="last-name"
label={t("last_name")}
variant="filled"
/>
<TextField required id="email" label={t("email")} variant="filled" />
<TextField
required
id="phone-number"
label={t("phone_number")}
variant="filled"
/>
<TextField
required
id="tickets"
label={t("tickets")}
variant="filled"
/>
<FormControlLabel control={<Checkbox />} label={t("invoice")} />
{invoice && (
<>
<TextField
required
id="company-name"
label={t("company_name")}
variant="filled"
/>
<TextField
required
id="first-name_invoice"
label={t("first_name")}
variant="filled"
/>
<TextField
required
id="last-name_invoice"
label={t("last_name")}
variant="filled"
/>
<TextField
required
id="street"
label={t("street")}
variant="filled"
/>
<TextField
required
id="postal-code"
label={t("postal_code")}
variant="filled"
/>
<TextField
required
id="phone-number_invoice"
label={t("phone_number")}
variant="filled"
/>
<TextField
required
id="email_invoice"
label={t("email")}
variant="filled"
/>
</>
)}
{/* Payment methods - only one must be selected */}
<FormControlLabel control={<Checkbox />} label={t("cash")} />
<FormControlLabel control={<Checkbox />} label={t("paypal")} />
<FormControlLabel control={<Checkbox />} label={t("transfer")} />
<TextField required id="code" label={t("code")} variant="filled" />
<Button variant="contained">{t("submit")}</Button>
</form>
</>
);
};