import { Form, Input, Switch } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";

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

  return (
    <div>
      <Form.Item label={t("jobs.fields.csr")} name="csr">
        <Input />
      </Form.Item>
      <Form.Item label={t("jobs.fields.loss_desc")} name="loss_desc">
        <Input />
      </Form.Item>
      TODO How to handle different taxes and marking them as exempt?
      {
        // <Form.Item label={t("jobs.fields.exempt")}>
        //     {getFieldDecorator("exempt", {
        //       initialValue: job.exempt
        //     })(<Input name='exempt' />)}
        //   </Form.Item>
      }
      <Form.Item label={t("jobs.fields.ponumber")} name="po_number">
        <Input />
      </Form.Item>
      <Form.Item label={t("jobs.fields.unitnumber")} name="unit_number">
        <Input />
      </Form.Item>
      <Form.Item
        label={t("jobs.fields.specialcoveragepolicy")}
        valuePropName="checked"
        name="special_coverage_policy"
      >
        <Switch />
      </Form.Item>
      <Form.Item label={t("jobs.fields.kmin")} name="kmin">
        <Input />
      </Form.Item>
      <Form.Item label={t("jobs.fields.kmout")} name="kmout">
        <Input />
      </Form.Item>
      <Form.Item label={t("jobs.fields.referralsource")} name="referral_source">
        <Input />
      </Form.Item>
    </div>
  );
}
