145 lines
3.9 KiB
JavaScript
145 lines
3.9 KiB
JavaScript
import Content from "./Content";
|
|
import EditField from "@/app/component/EditField";
|
|
import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
|
|
import DateBirthday from "./DateBirthday";
|
|
import {
|
|
insurance,
|
|
gender,
|
|
blood_group,
|
|
marital_status,
|
|
education,
|
|
job,
|
|
} from "./listSelector";
|
|
|
|
function Form({ data, changeData, updateSelect }) {
|
|
return (
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-[24px]">
|
|
<Content title="شماره موبایل" isConfirmed={true}>
|
|
<EditField
|
|
isTransparent={true}
|
|
iconGray={true}
|
|
type="number"
|
|
changeData={changeData}
|
|
data={data?.phone}
|
|
name="phone"
|
|
/>
|
|
</Content>
|
|
<Content title="کد ملی" isConfirmed={false}>
|
|
<EditField
|
|
isTransparent={true}
|
|
iconGray={true}
|
|
type="number"
|
|
changeData={changeData}
|
|
data={data?.national_code}
|
|
name="national_code"
|
|
/>
|
|
</Content>
|
|
<Content title="نام و نام خانوادگی" isConfirmed={false}>
|
|
<EditField
|
|
isTransparent={true}
|
|
iconGray={true}
|
|
changeData={changeData}
|
|
data={data?.name}
|
|
name="name"
|
|
/>
|
|
</Content>
|
|
<Content title="جنسیت">
|
|
<AutoCompleteSelect
|
|
updateData={updateSelect}
|
|
label="جنسیت"
|
|
name="gender"
|
|
list={gender}
|
|
/>
|
|
</Content>
|
|
<Content title="تاریخ تولد">
|
|
<DateBirthday
|
|
data={data?.date_of_birth}
|
|
isConfirmed={false}
|
|
changeData={changeData}
|
|
/>
|
|
</Content>
|
|
<Content title="نام پدر" isConfirmed={false}>
|
|
<EditField
|
|
isTransparent={true}
|
|
iconGray={true}
|
|
changeData={changeData}
|
|
data={data?.father_name}
|
|
name="father_name"
|
|
/>
|
|
</Content>
|
|
<Content title="نوع بیمه">
|
|
<AutoCompleteSelect
|
|
updateData={updateSelect}
|
|
label="نوع بیمه"
|
|
name="insurance"
|
|
list={insurance}
|
|
/>
|
|
</Content>
|
|
<Content title="شماره بیمه" isConfirmed={false}>
|
|
<EditField
|
|
isTransparent={true}
|
|
iconGray={true}
|
|
type="number"
|
|
changeData={changeData}
|
|
data={data?.insurance_number}
|
|
name="insurance_number"
|
|
/>
|
|
</Content>
|
|
<Content title="گروه خونی">
|
|
<AutoCompleteSelect
|
|
updateData={updateSelect}
|
|
label="گروه خونی"
|
|
name="blood_group"
|
|
list={blood_group}
|
|
/>
|
|
</Content>
|
|
<Content title="وضعیت تاهل">
|
|
<AutoCompleteSelect
|
|
updateData={updateSelect}
|
|
label="وضعیت تاهل"
|
|
name="marital_status"
|
|
list={marital_status}
|
|
/>
|
|
</Content>
|
|
<Content title="تلفن منزل" isConfirmed={false}>
|
|
<EditField
|
|
isTransparent={true}
|
|
iconGray={true}
|
|
type="number"
|
|
changeData={changeData}
|
|
data={data?.home_phone}
|
|
name="home_phone"
|
|
/>
|
|
</Content>
|
|
<Content title="تحصیلات">
|
|
<AutoCompleteSelect
|
|
updateData={updateSelect}
|
|
label="تحصیلات"
|
|
name="education"
|
|
list={education}
|
|
/>
|
|
</Content>
|
|
<Content title="شغل">
|
|
<AutoCompleteSelect
|
|
updateData={updateSelect}
|
|
label="شغل"
|
|
name="job"
|
|
list={job}
|
|
/>
|
|
</Content>
|
|
<Content title="تلفن محل کار" isConfirmed={false}>
|
|
<EditField
|
|
isTransparent={true}
|
|
type="number"
|
|
iconGray={true}
|
|
changeData={changeData}
|
|
data={data?.work_phone}
|
|
name="work_phone"
|
|
/>
|
|
</Content>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Form;
|