import React from 'react'
import { Col, Row } from 'antd'
import type { CorporateServicesVatView } from '../../../../../../Types/Client/RegisteredClients/Corporate'
import { formatdate } from '../../../../../../Utils/dateFormat'
export const PensionData = {
    pensionId: 0,
    companyType: 1,
    referenceId: 0,
    letterCode: '',
    stagingDate: '01/01/1999', // Provide the default staging date here
    pensionProvider: '',
    hmrcDate: '01/01/1999', // Provide the default HMRC date here
    nestEmployerId: '',
    nestUserName: '',
    nestPassword: '',
    employerPW: '',
    delegateId: '',
    primaryDelegateUserId: '',
    primaryDelegatePassword: '',
    primaryDelegatePIN: '',
    status: '',
}
const PensionEdit = (props: CorporateServicesVatView): React.ReactElement => {
    const { PensionServiceData } = props

    return (
        <>
            <Row gutter={[24, 8]}>
                <Col span={6}>
                    {' '}
                    <p>Letter Code</p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>:{PensionServiceData?.letterCode ?? ''}</p>
                </Col>
                <Col span={6}>
                    <p>Employer NEST Password</p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>:{PensionServiceData?.employerPW ?? ''}</p>
                </Col>
            </Row>
            <Row gutter={[24, 8]}>
                <Col span={6}>
                    <p>Staging Date</p>
                </Col>
                <Col span={6}>
                    <p>:{formatdate(PensionServiceData?.stagingDate) ?? ''}</p>
                </Col>
                <Col span={6}>
                    <p>NEST Employer PW</p>
                </Col>
                <Col span={6}>
                    <p>:{PensionServiceData?.nestPassword ?? ''}</p>
                </Col>
            </Row>
            <Row gutter={[24, 8]}>
                <Col span={6}>
                    {' '}
                    <p>Pension Providers</p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>:{PensionServiceData?.pensionProvider ?? ''}</p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>NEST Delegate ID</p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>:{PensionServiceData?.delegateId ?? ''}</p>
                </Col>
            </Row>
            <Row gutter={[24, 8]}>
                <Col span={6}>
                    <p>HMRC Date </p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>:{formatdate(PensionServiceData?.hmrcDate) ?? ''}</p>
                </Col>
                <Col span={6}>
                    <p>Primary Delegate ID</p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>:{PensionServiceData?.primaryDelegateUserId ?? ''}</p>
                </Col>
            </Row>
            <Row gutter={[24, 8]}>
                <Col span={6}>
                    {' '}
                    <p>NEST Employer ID</p>
                </Col>
                <Col span={6}>
                    <p>:{PensionServiceData?.nestEmployerId ?? ''}</p>
                </Col>
                <Col span={6}>
                    {' '}
                    <p>Primary Delegate Password</p>
                </Col>
                <Col span={6}>
                    <p>:{PensionServiceData?.primaryDelegatePassword ?? ''}</p>
                </Col>
            </Row>
            <Row gutter={[24, 8]}>
                <Col span={6}>
                    <p>Employer NEST Login</p>
                </Col>
                <Col span={6}>
                    <p>:{PensionServiceData?.nestEmployerId ?? ''}</p>
                </Col>
                <Col span={6}>
                    <p>Primary Delegate Pin</p>
                </Col>
                <Col span={6}>
                    <p>:{PensionServiceData?.primaryDelegatePIN ?? ''}</p>
                </Col>
            </Row>
        </>
    )
}
export default PensionEdit
