import { Card, Checkbox, Col, Form, Row } from "antd";
import PropTypes from "prop-types";

const InformationSettings = ({ t }) => (
  <Card title={t("production.settings.information")} style={{ maxWidth: "100%", overflowX: "auto" }}>
    <Row gutter={[16, 16]} wrap>
      {[
        "model_info",
        "ownr_nm",
        "clm_no",
        "ins_co_nm",
        "employeeassignments",
        "actual_in",
        "scheduled_completion",
        "ats",
        "production_note",
        "sublets",
        "partsstatus",
        "estimator",
        "subtotal",
        "tasks",
        "partsreceived"
      ].map((item) => (
        <Col xs={24} sm={12} md={8} lg={6} key={item}>
          <Form.Item name={item} valuePropName="checked">
            <Checkbox>{t(`production.labels.${item}`)}</Checkbox>
          </Form.Item>
        </Col>
      ))}
    </Row>
  </Card>
);

InformationSettings.propTypes = {
  t: PropTypes.func.isRequired
};

export default InformationSettings;
