import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
import EditField from "../../../app/component/EditField";
import Content from "./Content";

const bime = [
  { label: "بیمه 1", id: 10 },
  { label: "بیمه 2", id: 20 },
  { label: "بیمه 3", id: 30 },
];

function Form({ changeData, data, updateSelect, isForAnother }) {
  return (
    <div
      className="grid mt-[12px] sm:mt-[14px] md:mt-[17px] lg:mt-[20px] items-start 
        justify-center gap-x-[24px] gap-y-[12px] md:gap-y-[14px] lg:gap-y-[16px] grid-cols-1 sm:grid-cols-2"
    >
      <Content title="شماره موبایل" isConfirmed={isForAnother ? false : true}>
        <EditField changeData={changeData} data={data?.phone} name="phone" />
      </Content>
      <Content title="کد ملی">
        <EditField
          changeData={changeData}
          data={data?.codemeli}
          name="codemeli"
        />
      </Content>
      <Content title="نام و نام خانوادگی">
        <EditField changeData={changeData} data={data?.name} name="name" />
      </Content>
      <Content title="نوع بیمه">
        <AutoCompleteSelect
          updateData={updateSelect}
          label="نوع بیمه"
          name="first"
          list={bime}
        />
      </Content>
    </div>
  );
}

export default Form;