add contract pdf generation

frontend/src/components/Forms/Modal/index.tsx

@@ -1,7 +1,7 @@
-import { Button, Group, Modal, Select, TextInput, type ModalBaseProps } from "@mantine/core";
+import { Button, Group, Modal, NumberInput, Select, TextInput, type ModalBaseProps } from "@mantine/core";
 import { t } from "@/config/i18n";
 import { DatePickerInput } from "@mantine/dates";
-import { IconCancel } from "@tabler/icons-react";
+import { IconCancel, IconEdit, IconPlus } from "@tabler/icons-react";
 import { getProductors, getUsers } from "@/services/api";
 import { useForm } from "@mantine/form";
 import { useEffect, useMemo } from "react";
@@ -20,6 +20,7 @@ export default function FormModal({
 }: FormModalProps) {
     const {data: productors} = getProductors();
     const {data: users} = getUsers();
+
     const form = useForm<FormInputs>({
         initialValues: {
             name: "",
@@ -28,6 +29,7 @@ export default function FormModal({
             end: null,
             productor_id: "",
             referer_id: "",
+            minimum_shipment_value: null,
         },
         validate: {
             name: (value) =>
@@ -67,10 +69,9 @@ export default function FormModal({
 
     return (
         <Modal
-            w={{base: "100%", md: "80%", lg: "50%"}} 
             opened={opened}
             onClose={onClose}
-            title={currentForm ? t("edit form") : t('create form')}
+            title={currentForm ? t("edit form",  {capfirst: true}) : t('create form', {capfirst: true})}
         >
             <TextInput
                 label={t("form name", {capfirst: true})}
@@ -123,6 +124,13 @@ export default function FormModal({
                 data={productorsSelect || []}
                 {...form.getInputProps('productor_id')}
             />
+            <NumberInput
+                label={t("minimum shipment value", {capfirst: true})}
+                placeholder={t("minimum shipment value", {capfirst: true})}
+                description={t("some contracts require a minimum value per shipment, ignore this field if it's not the case", {capfirst: true})}
+                radius="sm"
+                {...form.getInputProps('minimum_shipment_value')}
+            />
             <Group mt="sm" justify="space-between">
                 <Button
                     variant="filled"
@@ -137,6 +145,7 @@ export default function FormModal({
                 <Button
                     variant="filled"
                     aria-label={currentForm ? t("edit form", {capfirst: true}) : t('create form', {capfirst: true})}
+                    leftSection={currentForm ? <IconEdit/> : <IconPlus/>}
                     onClick={() => {
                         form.validate();
                         if (form.isValid()) {