Added reminaing balance to payments screen BOD-231

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

@@ -59,6 +59,26 @@ export function PaymentFormComponent({ form, stripeStateArr, bodyshop }) {
         <Input />
       </Form.Item>
 
+      <Form.Item
+        label={t("payments.fields.payer")}
+        name="payer"
+        rules={[
+          {
+            required: true,
+            message: t("general.validation.required"),
+          },
+        ]}
+      >
+        <Select>
+          <Select.Option value={t("payments.labels.customer")}>
+            {t("payments.labels.customer")}
+          </Select.Option>
+          <Select.Option value={t("payments.labels.insurance")}>
+            {t("payments.labels.insurance")}
+          </Select.Option>
+        </Select>
+      </Form.Item>
+
       <Form.Item
         label={t("payments.fields.type")}
         name="type"
@@ -75,6 +95,7 @@ export function PaymentFormComponent({ form, stripeStateArr, bodyshop }) {
           <Select.Option value="AMEX">AMEX</Select.Option>
           <Select.Option value="Discover">Discover</Select.Option>
           <Select.Option value="Cash">Cash</Select.Option>
+          <Select.Option value="EFT">EFT</Select.Option>
         </Select>
       </Form.Item>