added chocolates box

frontend/src/pages/MainForm.tsx

@@ -73,6 +73,7 @@ export const MainForm = () => {
       email: "",
       phoneNumber: "",
       tickets: 1,
+      chocolates: false,
       companyName: "",
       cmpFirstName: "",
       cpmLastName: "",
@@ -316,7 +317,7 @@ export const MainForm = () => {
               )}
             </Field>
 
-            {/* Tickets + Invoice toggle */}
+            {/* Tickets + Invoice + Chocolate toggle */}
             <div className="grid grid-cols-2 gap-3 items-end">
               <FormControl required>
                 <FormLabel>{t("tickets")}</FormLabel>
@@ -349,7 +350,7 @@ export const MainForm = () => {
                   }}
                 </Field>
               </FormControl>
-              <div className="flex items-center pb-2">
+              <div className="flex flex-col gap-2 pb-2">
                 <Checkbox
                   checked={invoice}
                   onChange={(e) => {
@@ -368,6 +369,16 @@ export const MainForm = () => {
                   label={t("invoice")}
                   variant="outlined"
                 />
+                <Field name="chocolates">
+                  {(field) => (
+                    <Checkbox
+                      checked={!!field.state.value}
+                      onChange={(e) => field.handleChange(e.target.checked)}
+                      label={t("chocolates")}
+                      variant="outlined"
+                    />
+                  )}
+                </Field>
               </div>
             </div>