import {Alert, Checkbox, Form, Input, Typography} from 'antd'
import React from 'react'
import {t} from 'ttag'
import {LockOutlined, UserOutlined, CrownOutlined, FieldNumberOutlined} from "@ant-design/icons"

export default function AutoDnsConnectorForm() {
    return (
        <>
            <Alert
                message={t`This provider does not provide a list of supported TLD. Please double check if the domain you want to register is supported.`}
                type='warning'
                style={{marginBottom: '2em'}}
            />

            <Form.Item
                label={t`AutoDNS Username`}
                name={['authData', 'username']}
                help={<Typography.Link target='_blank' href='https://en.autodns.com/domain-robot-api/'>
                    {t`Because of some limitations in API of AutoDNS, we suggest to create an dedicated user for API with limited rights`}
                </Typography.Link>}
                rules={[{required: true, message: t`Required`}]}
            >
                <Input prefix={<UserOutlined/>} autoComplete='off' required/>
            </Form.Item>
            <Form.Item
                label={t`AutoDNS Password`}
                name={['authData', 'password']}
                help={<Typography.Text
                    type='secondary'
                >{t`Attention: AutoDNS do not support 2-Factor Authentication on API Users for automated systems`}
                </Typography.Text>}
                rules={[{required: true, message: t`Required`}]}
                required
            >
                <Input.Password prefix={<LockOutlined/>} autoComplete='off' required placeholder=''/>
            </Form.Item>
            <Form.Item
                label={t`Owner nic-handle`}
                name={['authData', 'contactid']}
                help={<Typography.Text
                    type='secondary'
                >{t`The nic-handle of the domain name owner`} <a
                    href='https://cloud.autodns.com/contacts/domain'
                >{t`You can get it from this page`}
                </a>
                </Typography.Text>}
                rules={[{required: true, message: t`Required`}]}
                required
            >
                <Input prefix={<CrownOutlined />} autoComplete='off' required/>
            </Form.Item>

            <Form.Item
                label={t`Context Value`}
                name={['authData', 'context']}
                help={<Typography.Text
                    type='secondary'
                >{t`If you not sure, use the default value 4`}
                </Typography.Text>}
                required={false}
                initialValue={4}
            >
                <Input prefix={<FieldNumberOutlined />} autoComplete='off' required={false}/>
            </Form.Item>
            <Form.Item
                valuePropName='checked'
                label={t`Owner confirmation`}
                name={['authData', 'ownerConfirm']}

                rules={[{required: true, message: t`Required`}]}
            >
                <Checkbox
                    required
                >{t`Owner confirms his consent of domain order jobs`}
                </Checkbox>
            </Form.Item>
        </>
    )
}