Added GST registrant BOD-389

client/src/components/job-totals-table/job-totals-table.component.jsx

@@ -269,6 +269,49 @@ export function JobsTotalsTableComponent({ bodyshop, job }) {
                 value={Dinero(job.job_totals.totals.federal_tax).toFormat()}
               />
             </div>
+            <div
+              className="job-totals-stats"
+              onClick={(e) => {
+                if (e.detail === 3) {
+                  try {
+                    console.log("Job", job);
+                  } catch {
+                    console.log("Unable to show job.");
+                  }
+                }
+              }}
+            >
+              <Statistic
+                title={t("jobs.fields.ded_amt")}
+                value={Dinero(
+                  job.job_totals.totals.custPayable.deductible
+                ).toFormat()}
+              />
+              <Statistic
+                title={t("jobs.fields.federal_tax_payable")}
+                value={Dinero(
+                  job.job_totals.totals.custPayable.federal_tax
+                ).toFormat()}
+              />
+              <Statistic
+                title={t("jobs.fields.other_amount_payable")}
+                value={Dinero(
+                  job.job_totals.totals.custPayable.other_customer_amount
+                ).toFormat()}
+              />
+              <Statistic
+                title={t("jobs.fields.depreciation_taxes")}
+                value={Dinero(
+                  job.job_totals.totals.custPayable.dep_taxes
+                ).toFormat()}
+              />
+              <Statistic
+                title={t("jobs.labels.total_cust_payable")}
+                value={Dinero(
+                  job.job_totals.totals.custPayable.total
+                ).toFormat()}
+              />
+            </div>
             <div
               className="job-totals-stats"
               onClick={(e) => {

client/src/components/jobs-create-jobs-info/jobs-create-jobs-info.component.jsx

@@ -215,12 +215,12 @@ export function JobsCreateJobsInfo({ bodyshop, form, selected }) {
             >
               <InputNumberCalculator />
             </Form.Item>
-            TODO This is equivalent of GST payable.
             <Form.Item
-              label={t("jobs.fields.federal_tax_payable")}
-              name="federal_tax_payable"
+              label={t("jobs.fields.ca_gst_registrant")}
+              name="ca_gst_registrant"
+              valuePropName="checked"
             >
-              <InputNumberCalculator />
+              <Switch />
             </Form.Item>
             <Form.Item
               label={t("jobs.fields.other_amount_payable")}

client/src/components/jobs-detail-rates/jobs-detail-rates.component.jsx

@@ -1,4 +1,4 @@
-import { Form, Select } from "antd";
+import { Form, Select, Switch } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
@@ -38,18 +38,19 @@ export default function JobsDetailRates({ job, form }) {
         >
           <CurrencyInput />
         </Form.Item>
-        <Form.Item
-          label={t("jobs.fields.federal_tax_payable")}
-          name="federal_tax_payable"
-        >
-          <CurrencyInput />
-        </Form.Item>
         <Form.Item
           label={t("jobs.fields.adjustment_bottom_line")}
           name="adjustment_bottom_line"
         >
           <CurrencyInput />
         </Form.Item>
+        <Form.Item
+          label={t("jobs.fields.ca_gst_registrant")}
+          name="ca_gst_registrant"
+          valuePropName="checked"
+        >
+          <Switch />
+        </Form.Item>
       </FormRow>
       <JobsDetailRatesChangeButton form={form} />
       <FormRow header={t("jobs.forms.laborrates")}>