86 lines
3.9 KiB
JavaScript
86 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, selected, changeData, updateSelect }) {
|
|
return (
|
|
<div className='grid grid-cols-1 lg:grid-cols-2 gap-[24px]'>
|
|
<Content title='شماره موبایل' isConfirmed={true}>
|
|
<EditField isTransparent={true} iconGray={true} changeData={changeData} data={data?.phone} name='phone' />
|
|
</Content>
|
|
<Content title='کد ملی' isConfirmed={false}>
|
|
<EditField isTransparent={true} iconGray={true} 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} 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} 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} iconGray={true} changeData={changeData} data={data?.work_phone} name='work_phone' />
|
|
</Content>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Form |