import React from 'react';
import {useState,useEffect} from 'react';
import { Form, Input, Button, Select,Card, Row, Col } from 'antd';
import './so-design-form.css';
import CustomerDetailsForm from './customer-details-form';
import PoDetailsForm from './po-details-form';
import ProcessDetailsForm from './process-details-form';
import LabInspectionForm from './lab-inspection';
import ItemDetailsForm from './item-details-form';
import { SoInvoiceDetailsInfo } from '@gtpl/shared-models/sale-management';
// import ItemDetailsForm from './item-details-form';

/* eslint-disable-next-line */
export interface SoDesignFormProps {
  isUpdate:boolean;
}

export function SoDesignForm(props: SoDesignFormProps) {
  const [itemDetailsGridData, setItemDetailsGridData] = useState([]);


  const addDataToItemDetails=(itemDetalFormdata)=>{
    setItemDetailsGridData(itemDetalFormdata)
  }
  return (
    <Card title={props.isUpdate?"Update Sale Order Details":"Create Sale Order"}>
      <CustomerDetailsForm intialData={new SoInvoiceDetailsInfo(null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null)}/>
      <ItemDetailsForm  addDataToItemDetails={addDataToItemDetails}/>
      <PoDetailsForm/>
      <ProcessDetailsForm itemDetailsData={itemDetailsGridData} key={Date.now()}/>
      <LabInspectionForm/>
      {/* <CustomerDetailsForm/> */}
      <br/>
    </Card>

  );
}

export default SoDesignForm;