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