import { Divider, Form, Input, InputNumber, Row, Col } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import JobTotalsTableContainer from "../job-totals-table/job-totals-table.container";

export default function JobsDetailFinancials({ job }) {
  const { t } = useTranslation();

  return (
    <Row>
      <Col offset={1} span={10}>
        <Form.Item label={t("jobs.fields.ded_amt")} name='ded_amt'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.ded_status")} name='ded_status'>
          <Input />
        </Form.Item>
        <Form.Item
          label={t("jobs.fields.depreciation_taxes")}
          name='depreciation_taxes'>
          <InputNumber />
        </Form.Item>
        TODO This is equivalent of GST payable.
        <Form.Item
          label={t("jobs.fields.federal_tax_payable")}
          name='federal_tax_payable'>
          <InputNumber />
        </Form.Item>
        TODO equivalent of other customer amount
        <Form.Item
          label={t("jobs.fields.other_amount_payable")}
          name='other_amount_payable'>
          <InputNumber />
        </Form.Item>
        <Form.Item
          label={t("jobs.fields.towing_payable")}
          name='towing_payable'>
          <InputNumber />
        </Form.Item>
        <Form.Item
          label={t("jobs.fields.storage_payable")}
          name='storage_payable'>
          <InputNumber />
        </Form.Item>
        <Form.Item
          label={t("jobs.fields.adjustment_bottom_line")}
          name='adjustment_bottom_line'>
          <InputNumber />
        </Form.Item>
        <Divider />
        <Form.Item
          label={t("jobs.fields.labor_rate_desc")}
          name='labor_rate_desc'>
          <Input />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_lab")} name='rate_lab'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_lad")} name='rate_lad'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_lae")} name='rate_lae'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_lar")} name='rate_lar'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_las")} name='rate_las'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_laf")} name='rate_laf'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_lam")} name='rate_lam'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_lag")} name='rate_lag'>
          <InputNumber />
        </Form.Item>
        Note //TODO Remove ATP rate?
        <Form.Item label={t("jobs.fields.rate_atp")} name='rate_atp'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_lau")} name='rate_lau'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_la1")} name='rate_la1'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_la2")} name='rate_la2'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_la3")} name='rate_la3'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_la4")} name='rate_la4'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_mapa")} name='rate_mapa'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_mash")} name='rate_mash'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_mahw")} name='rate_mahw'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_ma2s")} name='rate_ma2s'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_ma3s")} name='rate_ma3s'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_mabl")} name='rate_mabl'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_macs")} name='rate_macs'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_matd")} name='rate_matd'>
          <InputNumber />
        </Form.Item>
        <Form.Item label={t("jobs.fields.rate_laa")} name='rate_laa'>
          <InputNumber />
        </Form.Item>
      </Col>
      <Col offset={1} span={12}>
        <JobTotalsTableContainer jobId={job.id} />
      </Col>
    </Row>
  );
}