import { Form, Input, Space } from "antd";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectInventoryUpsert } from "../../redux/modals/modals.selectors";
import FormItemCurrency from "../form-items-formatted/currency-form-item.component";

const mapStateToProps = createStructuredSelector({
  inventoryUpsertModal: selectInventoryUpsert
});
const mapDispatchToProps = () => ({
  //setUserLanguage: language => dispatch(setUserLanguage(language))
});
export default connect(mapStateToProps, mapDispatchToProps)(NoteUpsertModalComponent);

export function NoteUpsertModalComponent({ inventoryUpsertModal }) {
  const { t } = useTranslation();
  const { existingInventory } = inventoryUpsertModal.context;

  return (
    <Space wrap>
      <Form.Item label={t("billlines.fields.line_desc")} rules={[{ required: true }]} name="line_desc">
        <Input />
      </Form.Item>
      <Form.Item label={t("inventory.fields.comment")} name="comment">
        <Input />
      </Form.Item>

      {!existingInventory && (
        <>
          <Form.Item label={t("inventory.fields.manualinvoicenumber")} name="manualinvoicenumber">
            <Input />
          </Form.Item>
          <Form.Item label={t("inventory.fields.manualvendor")} name="manualvendor">
            <Input />
          </Form.Item>
          <Form.Item rules={[{ required: true }]} label={t("billlines.fields.actual_cost")} name="actual_cost">
            <FormItemCurrency />
          </Form.Item>
          <Form.Item rules={[{ required: true }]} label={t("billlines.fields.actual_price")} name="actual_price">
            <FormItemCurrency />
          </Form.Item>
        </>
      )}
    </Space>
  );
}
