Resolved courtsey contract creation issues IO-455

client/src/components/contract-cars/contract-cars.container.jsx

@@ -14,6 +14,7 @@ export default function ContractCarsContainer({ selectedCarState, form }) {
     form.setFieldsValue({
       kmstart: record.mileage,
       dailyrate: record.dailycost,
+      fuelout: record.fuel,
     });
   };
 

client/src/components/contract-form/contract-form.component.jsx

@@ -9,6 +9,7 @@ import InputPhone, {
 } from "../form-items-formatted/phone-form-item.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import InputNumberCalculator from "../form-input-number-calculator/form-input-number-calculator.component";
+import CourtesyCarFuelSlider from "../courtesy-car-fuel-select/courtesy-car-fuel-select.component";
 
 export default function ContractFormComponent({ form, create = false }) {
   const { t } = useTranslation();
@@ -86,6 +87,25 @@ export default function ContractFormComponent({ form, create = false }) {
           </Form.Item>
         )}
       </LayoutFormRow>
+      <LayoutFormRow grow>
+        <Form.Item
+          label={t("contracts.fields.fuelout")}
+          name="fuelout"
+          rules={[
+            {
+              required: true,
+              message: t("general.validation.required"),
+            },
+          ]}
+        >
+          <CourtesyCarFuelSlider />
+        </Form.Item>
+        {create ? null : (
+          <Form.Item label={t("contracts.fields.fuelin")} name="fuelin">
+            <CourtesyCarFuelSlider />
+          </Form.Item>
+        )}
+      </LayoutFormRow>
       <LayoutFormRow>
         <Form.Item
           label={t("contracts.fields.driver_dlnumber")}
@@ -229,44 +249,6 @@ export default function ContractFormComponent({ form, create = false }) {
         </Form.Item>
       </LayoutFormRow>
 
-      <LayoutFormRow>
-        <Form.Item
-          label={t("contracts.fields.cc_num")}
-          name="cc_num"
-          rules={[
-            {
-              required: true,
-              message: t("general.validation.required"),
-            },
-          ]}
-        >
-          <Input />
-        </Form.Item>
-        <Form.Item
-          label={t("contracts.fields.cc_expiry")}
-          name="cc_expiry"
-          rules={[
-            {
-              required: true,
-              message: t("general.validation.required"),
-            },
-          ]}
-        >
-          <Input />
-        </Form.Item>
-        <Form.Item
-          label={t("contracts.fields.cc_cardholder")}
-          name="cc_cardholder"
-          rules={[
-            {
-              required: true,
-              message: t("general.validation.required"),
-            },
-          ]}
-        >
-          <Input />
-        </Form.Item>
-      </LayoutFormRow>
       <LayoutFormRow>
         <Form.Item label={t("contracts.fields.dailyrate")} name="dailyrate">
           <InputNumber precision={2} />

client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.component.jsx

@@ -2,7 +2,7 @@ import { Form, InputNumber } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import CourtesyCarFuelSlider from "../courtesy-car-fuel-select/courtesy-car-fuel-select.component";
-import FormDatePicker from '../form-date-picker/form-date-picker.component';
+import FormDatePicker from "../form-date-picker/form-date-picker.component";
 
 export default function CourtesyCarReturnModalComponent() {
   const { t } = useTranslation();
@@ -15,8 +15,8 @@ export default function CourtesyCarReturnModalComponent() {
         rules={[
           {
             required: true,
-            message: t("general.validation.required")
-          }
+            message: t("general.validation.required"),
+          },
         ]}
       >
         <FormDatePicker />
@@ -27,20 +27,20 @@ export default function CourtesyCarReturnModalComponent() {
         rules={[
           {
             required: true,
-            message: t("general.validation.required")
-          }
+            message: t("general.validation.required"),
+          },
         ]}
       >
         <InputNumber />
       </Form.Item>
       <Form.Item
-        label={t("courtesycars.fields.fuel")}
-        name={["courtesycar", "data", "fuel"]}
+        label={t("courtesycars.fields.fuelin")}
+        name={"fuelin"}
         rules={[
           {
             required: true,
-            message: t("general.validation.required")
-          }
+            message: t("general.validation.required"),
+          },
         ]}
       >
         <CourtesyCarFuelSlider />

client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx

@@ -39,11 +39,12 @@ export function BillEnterModalContainer({
           kmend: values.kmend,
           actualreturn: values.actualreturn,
           status: "contracts.status.returned",
+          fuelin: values.fuelin,
         },
         courtesycarid: context.courtesyCarId,
         courtesycar: {
           status: "courtesycars.status.in",
-          fuel: values.fuel,
+          fuel: values.fuelin,
           mileage: values.kmend,
         },
       },